*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme]{background-color:#fff;background-color:hsl(var(--heroui-background));color:#11181c;color:hsl(var(--heroui-foreground))}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-4{margin-right:1rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.hidden{display:none}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-9{height:2.25rem}.h-full{height:100%}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-full{width:100%}.flex-1{flex:1 1}.border-collapse{border-collapse:collapse}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:#fef3c7;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:#d1fae5;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:#e0e7ff;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-amber-500{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:#059669;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:#6366f1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.25s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.light,:root,[data-theme=light]{--heroui-background:0 0% 100%;--heroui-foreground-50:0 0% 98.04%;--heroui-foreground-100:240 4.76% 95.88%;--heroui-foreground-200:240 5.88% 90%;--heroui-foreground-300:240 4.88% 83.92%;--heroui-foreground-400:240 5.03% 64.9%;--heroui-foreground-500:240 3.83% 46.08%;--heroui-foreground-600:240 5.2% 33.92%;--heroui-foreground-700:240 5.26% 26.08%;--heroui-foreground-800:240 3.7% 15.88%;--heroui-foreground-900:240 5.88% 10%;--heroui-foreground:201.81999999999994 24.44% 8.82%;--heroui-divider:0 0% 6.67%;--heroui-divider-opacity:0.15;--heroui-focus:212.01999999999998 100% 46.67%;--heroui-overlay:0 0% 0%;--heroui-content1:0 0% 100%;--heroui-content1-foreground:201.81999999999994 24.44% 8.82%;--heroui-content2:240 4.76% 95.88%;--heroui-content2-foreground:240 3.7% 15.88%;--heroui-content3:240 5.88% 90%;--heroui-content3-foreground:240 5.26% 26.08%;--heroui-content4:240 4.88% 83.92%;--heroui-content4-foreground:240 5.2% 33.92%;--heroui-default-50:0 0% 98.04%;--heroui-default-100:240 4.76% 95.88%;--heroui-default-200:240 5.88% 90%;--heroui-default-300:240 4.88% 83.92%;--heroui-default-400:240 5.03% 64.9%;--heroui-default-500:240 3.83% 46.08%;--heroui-default-600:240 5.2% 33.92%;--heroui-default-700:240 5.26% 26.08%;--heroui-default-800:240 3.7% 15.88%;--heroui-default-900:240 5.88% 10%;--heroui-default-foreground:0 0% 0%;--heroui-default:240 4.88% 83.92%;--heroui-primary:200.40999999999997 98.01% 39.41%;--heroui-secondary-50:270 61.54% 94.9%;--heroui-secondary-100:270 59.26% 89.41%;--heroui-secondary-200:270 59.26% 78.82%;--heroui-secondary-300:270 59.26% 68.24%;--heroui-secondary-400:270 59.26% 57.65%;--heroui-secondary-500:270 66.67% 47.06%;--heroui-secondary-600:270 66.67% 37.65%;--heroui-secondary-700:270 66.67% 28.24%;--heroui-secondary-800:270 66.67% 18.82%;--heroui-secondary-900:270 66.67% 9.41%;--heroui-secondary-foreground:0 0% 100%;--heroui-secondary:270 66.67% 47.06%;--heroui-success-50:146.66999999999996 64.29% 94.51%;--heroui-success-100:145.71000000000004 61.4% 88.82%;--heroui-success-200:146.2 61.74% 77.45%;--heroui-success-300:145.78999999999996 62.57% 66.47%;--heroui-success-400:146.01 62.45% 55.1%;--heroui-success-500:145.96000000000004 79.46% 43.92%;--heroui-success-600:146.01 79.89% 35.1%;--heroui-success-700:145.78999999999996 79.26% 26.47%;--heroui-success-800:146.2 79.78% 17.45%;--heroui-success-900:145.71000000000004 77.78% 8.82%;--heroui-success-foreground:0 0% 0%;--heroui-success:145.96000000000004 79.46% 43.92%;--heroui-warning-50:54.55000000000001 91.67% 95.29%;--heroui-warning-100:37.139999999999986 91.3% 90.98%;--heroui-warning-200:37.139999999999986 91.3% 81.96%;--heroui-warning-300:36.95999999999998 91.24% 73.14%;--heroui-warning-400:37.00999999999999 91.26% 64.12%;--heroui-warning-500:37.02999999999997 91.27% 55.1%;--heroui-warning-600:37.00999999999999 74.22% 44.12%;--heroui-warning-700:36.95999999999998 73.96% 33.14%;--heroui-warning-800:37.139999999999986 75% 21.96%;--heroui-warning-900:37.139999999999986 75% 10.98%;--heroui-warning-foreground:0 0% 0%;--heroui-warning:37.02999999999997 91.27% 55.1%;--heroui-danger-50:339.13 92% 95.1%;--heroui-danger-100:340 91.84% 90.39%;--heroui-danger-200:339.3299999999999 90% 80.39%;--heroui-danger-300:339.11 90.6% 70.78%;--heroui-danger-400:339 90% 60.78%;--heroui-danger-500:339.20000000000005 90.36% 51.18%;--heroui-danger-600:339 86.54% 40.78%;--heroui-danger-700:339.11 85.99% 30.78%;--heroui-danger-800:339.3299999999999 86.54% 20.39%;--heroui-danger-900:340 84.91% 10.39%;--heroui-danger-foreground:0 0% 100%;--heroui-danger:339.20000000000005 90.36% 51.18%;--heroui-divider-weight:1px;--heroui-disabled-opacity:.5;--heroui-font-size-tiny:0.75rem;--heroui-font-size-small:0.875rem;--heroui-font-size-medium:1rem;--heroui-font-size-large:1.125rem;--heroui-line-height-tiny:1rem;--heroui-line-height-small:1.25rem;--heroui-line-height-medium:1.5rem;--heroui-line-height-large:1.75rem;--heroui-radius-small:8px;--heroui-radius-medium:12px;--heroui-radius-large:14px;--heroui-border-width-small:1px;--heroui-border-width-medium:2px;--heroui-border-width-large:3px;--heroui-box-shadow-small:0px 0px 5px 0px #00000005,0px 2px 10px 0px #0000000f,0px 0px 1px 0px #0000004d;--heroui-box-shadow-medium:0px 0px 15px 0px #00000008,0px 2px 30px 0px #00000014,0px 0px 1px 0px #0000004d;--heroui-box-shadow-large:0px 0px 30px 0px #0000000a,0px 30px 60px 0px #0000001f,0px 0px 1px 0px #0000004d;--heroui-hover-opacity:.8;color-scheme:light}.dark,[data-theme=dark]{--heroui-background:0 0% 0%;--heroui-foreground-50:240 5.88% 10%;--heroui-foreground-100:240 3.7% 15.88%;--heroui-foreground-200:240 5.26% 26.08%;--heroui-foreground-300:240 5.2% 33.92%;--heroui-foreground-400:240 3.83% 46.08%;--heroui-foreground-500:240 5.03% 64.9%;--heroui-foreground-600:240 4.88% 83.92%;--heroui-foreground-700:240 5.88% 90%;--heroui-foreground-800:240 4.76% 95.88%;--heroui-foreground-900:0 0% 98.04%;--heroui-foreground:210 5.56% 92.94%;--heroui-focus:212.01999999999998 100% 46.67%;--heroui-overlay:0 0% 0%;--heroui-divider:0 0% 100%;--heroui-divider-opacity:0.15;--heroui-content1:240 5.88% 10%;--heroui-content1-foreground:0 0% 98.04%;--heroui-content2:240 3.7% 15.88%;--heroui-content2-foreground:240 4.76% 95.88%;--heroui-content3:240 5.26% 26.08%;--heroui-content3-foreground:240 5.88% 90%;--heroui-content4:240 5.2% 33.92%;--heroui-content4-foreground:240 4.88% 83.92%;--heroui-default-50:240 5.88% 10%;--heroui-default-100:240 3.7% 15.88%;--heroui-default-200:240 5.26% 26.08%;--heroui-default-300:240 5.2% 33.92%;--heroui-default-400:240 3.83% 46.08%;--heroui-default-500:240 5.03% 64.9%;--heroui-default-600:240 4.88% 83.92%;--heroui-default-700:240 5.88% 90%;--heroui-default-800:240 4.76% 95.88%;--heroui-default-900:0 0% 98.04%;--heroui-default-foreground:0 0% 100%;--heroui-default:240 5.26% 26.08%;--heroui-primary:198.63 88.66% 48.43%;--heroui-secondary-50:270 66.67% 9.41%;--heroui-secondary-100:270 66.67% 18.82%;--heroui-secondary-200:270 66.67% 28.24%;--heroui-secondary-300:270 66.67% 37.65%;--heroui-secondary-400:270 66.67% 47.06%;--heroui-secondary-500:270 59.26% 57.65%;--heroui-secondary-600:270 59.26% 68.24%;--heroui-secondary-700:270 59.26% 78.82%;--heroui-secondary-800:270 59.26% 89.41%;--heroui-secondary-900:270 61.54% 94.9%;--heroui-secondary-foreground:0 0% 100%;--heroui-secondary:270 59.26% 57.65%;--heroui-success-50:145.71000000000004 77.78% 8.82%;--heroui-success-100:146.2 79.78% 17.45%;--heroui-success-200:145.78999999999996 79.26% 26.47%;--heroui-success-300:146.01 79.89% 35.1%;--heroui-success-400:145.96000000000004 79.46% 43.92%;--heroui-success-500:146.01 62.45% 55.1%;--heroui-success-600:145.78999999999996 62.57% 66.47%;--heroui-success-700:146.2 61.74% 77.45%;--heroui-success-800:145.71000000000004 61.4% 88.82%;--heroui-success-900:146.66999999999996 64.29% 94.51%;--heroui-success-foreground:0 0% 0%;--heroui-success:145.96000000000004 79.46% 43.92%;--heroui-warning-50:37.139999999999986 75% 10.98%;--heroui-warning-100:37.139999999999986 75% 21.96%;--heroui-warning-200:36.95999999999998 73.96% 33.14%;--heroui-warning-300:37.00999999999999 74.22% 44.12%;--heroui-warning-400:37.02999999999997 91.27% 55.1%;--heroui-warning-500:37.00999999999999 91.26% 64.12%;--heroui-warning-600:36.95999999999998 91.24% 73.14%;--heroui-warning-700:37.139999999999986 91.3% 81.96%;--heroui-warning-800:37.139999999999986 91.3% 90.98%;--heroui-warning-900:54.55000000000001 91.67% 95.29%;--heroui-warning-foreground:0 0% 0%;--heroui-warning:37.02999999999997 91.27% 55.1%;--heroui-danger-50:340 84.91% 10.39%;--heroui-danger-100:339.3299999999999 86.54% 20.39%;--heroui-danger-200:339.11 85.99% 30.78%;--heroui-danger-300:339 86.54% 40.78%;--heroui-danger-400:339.20000000000005 90.36% 51.18%;--heroui-danger-500:339 90% 60.78%;--heroui-danger-600:339.11 90.6% 70.78%;--heroui-danger-700:339.3299999999999 90% 80.39%;--heroui-danger-800:340 91.84% 90.39%;--heroui-danger-900:339.13 92% 95.1%;--heroui-danger-foreground:0 0% 100%;--heroui-danger:339.20000000000005 90.36% 51.18%;--heroui-divider-weight:1px;--heroui-disabled-opacity:.5;--heroui-font-size-tiny:0.75rem;--heroui-font-size-small:0.875rem;--heroui-font-size-medium:1rem;--heroui-font-size-large:1.125rem;--heroui-line-height-tiny:1rem;--heroui-line-height-small:1.25rem;--heroui-line-height-medium:1.5rem;--heroui-line-height-large:1.75rem;--heroui-radius-small:8px;--heroui-radius-medium:12px;--heroui-radius-large:14px;--heroui-border-width-small:1px;--heroui-border-width-medium:2px;--heroui-border-width-large:3px;--heroui-box-shadow-small:0px 0px 5px 0px #0000000d,0px 2px 10px 0px #0003,inset 0px 0px 1px 0px #ffffff26;--heroui-box-shadow-medium:0px 0px 15px 0px #0000000f,0px 2px 30px 0px #00000038,inset 0px 0px 1px 0px #ffffff26;--heroui-box-shadow-large:0px 0px 30px 0px #00000012,0px 30px 60px 0px #00000042,inset 0px 0px 1px 0px #ffffff26;--heroui-hover-opacity:.9;color-scheme:dark}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body,html{font-size:16px}body{background-color:#f9fafb;color:#1f2937;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#1f2937;font-weight:600;line-height:1.25;margin-bottom:16px}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{margin-bottom:16px}a{color:#424242;transition:color .15s ease}a:hover{color:#212121}.button,button{align-items:center;background-color:#424242;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;text-align:center;transition:all .15s ease}.button:focus,.button:hover,button:focus,button:hover{background-color:#212121}.button:disabled,button:disabled{cursor:not-allowed;opacity:.6}.button.secondary,button.secondary{background-color:#616161}.button.secondary:focus,.button.secondary:hover,button.secondary:focus,button.secondary:hover{background-color:#424242}.button.success,button.success{background-color:#10b981}.button.success:focus,.button.success:hover,button.success:focus,button.success:hover{background-color:#059669}.button.warning,button.warning{background-color:#f59e0b}.button.warning:focus,.button.warning:hover,button.warning:focus,button.warning:hover{background-color:#d97706}.button.error,button.error{background-color:#ef4444}.button.error:focus,.button.error:hover,button.error:focus,button.error:hover{background-color:#dc2626}.button.outline,button.outline{background-color:#0000;border:1px solid #424242;color:#424242}.button.outline:focus,.button.outline:hover,button.outline:focus,button.outline:hover{background-color:#f5f5f5}.button.outline.secondary,button.outline.secondary{border-color:#616161;color:#616161}.button.outline.secondary:focus,.button.outline.secondary:hover,button.outline.secondary:focus,button.outline.secondary:hover{background-color:#f5f5f5}.button.text,button.text{background-color:#0000;color:#424242;padding:4px 8px}.button.text:focus,.button.text:hover,button.text:focus,button.text:hover{background-color:#f5f5f5}.button.small,button.small{font-size:14px;padding:4px 12px}.button.large,button.large{font-size:18px;padding:12px 24px}input,select,textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;padding:12px 16px;transition:all .15s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#424242;box-shadow:0 0 0 3px #4242421a;outline:none}input:disabled,select:disabled,textarea:disabled{background-color:#f9fafb;cursor:not-allowed}input::placeholder,select::placeholder,textarea::placeholder{color:#d1d5db}.card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:24px}.card.elevated{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:16px;padding-right:16px;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}@media (min-width:768px){.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.logout-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.logout-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:20px;max-width:420px;overflow:hidden;position:relative;width:100%}.logout-modal-header{display:flex;justify-content:center;padding:24px 24px 0;position:relative}.logout-modal-header .logout-icon-wrapper{align-items:center;background-color:#fee2e2;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.logout-modal-header .logout-icon-wrapper .logout-icon{color:#dc2626;font-size:24px}.logout-modal-header .close-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:20px;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s ease}.logout-modal-header .close-button:hover{background-color:#f3f4f6;color:#374151}.logout-modal-content{padding:16px 24px 24px;text-align:center}.logout-modal-content h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.logout-modal-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.logout-modal-actions{display:flex;gap:12px;padding:0 24px 24px}.logout-modal-actions button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.logout-modal-actions button:disabled{cursor:not-allowed;opacity:.5}.logout-modal-actions .cancel-button{background-color:#fff;border-color:#d1d5db;color:#374151}.logout-modal-actions .cancel-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.logout-modal-actions .cancel-button:active{background-color:#f3f4f6}.logout-modal-actions .logout-button{background-color:#dc2626;border-color:#dc2626;color:#fff}.logout-modal-actions .logout-button .button-icon{font-size:16px}.logout-modal-actions .logout-button:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.logout-modal-actions .logout-button:active{background-color:#991b1b}@media(max-width:480px){.logout-modal{margin:16px;max-width:none}.logout-modal-header{padding:20px 20px 0}.logout-modal-content{padding:16px 20px 20px}.logout-modal-actions{flex-direction:column;padding:0 20px 20px}.logout-modal-actions button{width:100%}}::-webkit-scrollbar{height:5px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:5px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:#51796f;border-radius:5px;opacity:0}::-webkit-scrollbar-thumb:hover{background-color:#3d5c54}:hover::-webkit-scrollbar-thumb{opacity:1}*{scrollbar-width:thin}*,.sidebar{scrollbar-color:#51796f #0000}.sidebar::-webkit-scrollbar-thumb{background-color:#51796f}.App{height:100vh;overflow:hidden;text-align:center;width:100vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.app-loading,.route-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.app-loading .loading-spinner,.route-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:30px;margin-bottom:12px;width:30px}.app-loading p,.route-loading p{color:#4b5563}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;height:100%}a{color:#51796f;text-decoration:none}a:hover{color:#3e5d55}.p-4{padding:16px}.login-container{align-items:center;background-color:#f9fafb;background-image:linear-gradient(135deg,#eff4f2cc,#ffffffe6);background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-container .login-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-width:440px;overflow:hidden;padding:40px 32px;position:relative;width:100%}.login-container .login-card:before{background:linear-gradient(90deg,#3e5d55,#75998f);content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-container .login-header{margin-bottom:32px;text-align:center}.login-container .login-title{color:#51796f;font-size:30px;font-weight:700;margin:0 0 8px}.login-container .login-subtitle{color:#9ca3af;font-size:16px;margin:0}.login-container .error-message{align-items:center;background-color:#fee2e2;border-left:3px solid #ef4444;border-radius:8px;color:#dc2626;display:flex;font-size:14px;margin-bottom:24px;padding:16px}.login-container .error-message:before{content:"⚠️";font-size:18px;margin-right:8px}.login-container .login-form .form-group{margin-bottom:24px}.login-container .login-form .form-group label{color:#4b5563;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-container .login-form .form-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.login-container .login-form .form-group input:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a}.login-container .login-form .form-footer{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:24px}.login-container .login-form .form-footer .remember-me{align-items:center;display:flex}.login-container .login-form .form-footer .remember-me input[type=checkbox]{accent-color:#51796f;height:16px;margin-right:8px;width:16px}.login-container .login-form .form-footer .remember-me label{color:#9ca3af}.login-container .login-form .form-footer .forgot-password{background:none;border:none;color:#51796f;cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:none}.login-container .login-form .form-footer .forgot-password:hover{color:#3e5d55;text-decoration:underline}.login-container .login-form .login-button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;overflow:hidden;padding:12px 16px;position:relative;transition:all .15s ease;width:100%}.login-container .login-form .login-button:after{background:#ffffff1a;content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:transform .3s ease;width:200%}.login-container .login-form .login-button:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-container .login-form .login-button:hover:after{transform:rotate(45deg) translate(50%,50%)}.login-container .login-form .login-button:active{transform:translateY(1px)}.login-container .info-message{background-color:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0;font-size:14px;margin-bottom:24px;padding:12px 16px}.login-container .info-message p{margin:0}.login-container .success-message{background-color:#e8f5e8;border-left:4px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:14px;margin-bottom:24px;padding:12px 16px}.login-container .signup-terms{text-align:center}.login-container .signup-terms p{color:#9ca3af;font-size:14px;margin:0}.login-container .auth-toggle{border-top:1px solid #d1d5db;margin-top:24px;padding-top:24px;text-align:center}.login-container .auth-toggle p{color:#9ca3af;font-size:14px;margin:0}.login-container .auth-toggle .toggle-mode-btn{background:none;border:none;color:#51796f;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;transition:color .15s ease}.login-container .auth-toggle .toggle-mode-btn:hover:not(:disabled){color:#3e5d55}.login-container .auth-toggle .toggle-mode-btn:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.login-container .forgot-password-footer{text-align:center}.login-container .forgot-password-footer .back-to-login{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:0;transition:color .15s ease}.login-container .forgot-password-footer .back-to-login:hover{color:#51796f}.modal-backdrop{background-color:#1f293780}.modal-container{border-radius:8px;max-width:500px}.bank-details-form{overflow-y:auto;padding:24px}.bank-details-form .form-group{margin-bottom:16px}.bank-details-form .form-group label{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.bank-details-form .form-group input{border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px;padding:12px;transition:all .15s ease;width:100%}.bank-details-form .form-group input:focus{border-color:#4b5563;box-shadow:0 0 0 3px #4b55631a;outline:none}.bank-details-form .form-group input::placeholder{color:#d1d5db}.bank-details-form .error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px}.bank-details-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.bank-details-form .form-actions button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:all .15s ease}.bank-details-form .form-actions .cancel-button{background-color:#fff;border:1px solid #e5e7eb;color:#1f2937}.bank-details-form .form-actions .cancel-button:hover{background-color:#f9fafb}.bank-details-form .form-actions .save-button{background-color:#1f2937;border:none;color:#fff}.bank-details-form .form-actions .save-button:hover{background-color:#4b5563}.bank-details-form .form-actions .save-button:disabled{background-color:#9ca3af;cursor:not-allowed}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293799;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.modal-header .close-button{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.modal-header .close-button:hover{background-color:#f9fafb;color:#1f2937}.modal-header .close-button svg{height:24px;width:24px}.declaration-form{overflow-y:auto;padding:24px}.declaration-form .form-group{margin-bottom:20px}.declaration-form .form-group label{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.declaration-form .form-group input[type=text],.declaration-form .form-group textarea{border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px;padding:12px;transition:all .15s ease;width:100%}.declaration-form .form-group input[type=text]:focus,.declaration-form .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.declaration-form .form-group input[type=text]::placeholder,.declaration-form .form-group textarea::placeholder{color:#d1d5db}.declaration-form .form-group textarea{min-height:80px;resize:vertical}.declaration-form .form-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.declaration-form .form-section h3{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:16px}.declaration-form .form-section .radio-group{margin-bottom:16px}.declaration-form .form-section .radio-group .radio-label{color:#1f2937;font-size:14px;font-weight:500;margin-bottom:12px}.declaration-form .form-section .radio-group .radio-options{display:flex;gap:16px}.declaration-form .form-section .radio-group .radio-container{align-items:center;cursor:pointer;display:flex}.declaration-form .form-section .radio-group .radio-container input[type=radio]{cursor:pointer;margin-right:8px}.declaration-form .form-section .radio-group .radio-container .radio-text{color:#1f2937;font-size:14px}.declaration-form .error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px;padding:12px}.declaration-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.declaration-form .form-actions button{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:all .15s ease}.declaration-form .form-actions .cancel-button{background-color:#fff;border:1px solid #e5e7eb;color:#1f2937}.declaration-form .form-actions .cancel-button:hover{background-color:#f9fafb}.declaration-form .form-actions .save-button{background-color:#51796f;border:none;color:#fff}.declaration-form .form-actions .save-button:hover{background-color:#3e5d55}.declaration-form .form-actions .save-button:disabled{background-color:#d1d5db;cursor:not-allowed}.profile-picture-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-picture-modal .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.profile-picture-modal .modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%;z-index:2}.profile-picture-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.profile-picture-modal .modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.profile-picture-modal .modal-header .close-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.profile-picture-modal .modal-header .close-button:hover{background:#f3f4f6;color:#374151}.profile-picture-modal .modal-header .close-button svg{height:20px;width:20px}.profile-picture-modal .alert{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin:0 24px 16px;padding:12px 16px}.profile-picture-modal .alert.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.profile-picture-modal .alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.profile-picture-modal .alert svg{flex-shrink:0;height:16px;width:16px}.profile-picture-modal .profile-picture-form{padding:0 24px 24px}.profile-picture-modal .profile-picture-form .image-preview-section{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.profile-picture-modal .profile-picture-form .image-preview-section .image-preview{align-items:center;background:#f9fafb;border:3px solid #e5e7eb;border-radius:50%;display:flex;height:200px;justify-content:center;overflow:hidden;width:200px}.profile-picture-modal .profile-picture-form .image-preview-section .image-preview img{height:100%;object-fit:cover;width:100%}.profile-picture-modal .profile-picture-form .image-preview-section .image-preview .no-image-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:8px}.profile-picture-modal .profile-picture-form .image-preview-section .image-preview .no-image-placeholder svg{height:48px;width:48px}.profile-picture-modal .profile-picture-form .image-preview-section .image-preview .no-image-placeholder span{font-size:.875rem;font-weight:500}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .remove-image-button,.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .select-image-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .remove-image-button svg,.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .select-image-button svg{height:16px;width:16px}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .select-image-button{background:#3b82f6;color:#fff}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .select-image-button:hover:not(:disabled){background:#2563eb}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .select-image-button:disabled{background:#9ca3af;cursor:not-allowed}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .remove-image-button{background:#ef4444;color:#fff}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .remove-image-button:hover:not(:disabled){background:#dc2626}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .remove-image-button:disabled{background:#9ca3af;cursor:not-allowed}.profile-picture-modal .profile-picture-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.profile-picture-modal .profile-picture-form .form-actions .cancel-button,.profile-picture-modal .profile-picture-form .form-actions .save-button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.profile-picture-modal .profile-picture-form .form-actions .cancel-button{background:#f3f4f6;color:#374151}.profile-picture-modal .profile-picture-form .form-actions .cancel-button:hover:not(:disabled){background:#e5e7eb}.profile-picture-modal .profile-picture-form .form-actions .cancel-button:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.profile-picture-modal .profile-picture-form .form-actions .save-button{background:#3b82f6;color:#fff}.profile-picture-modal .profile-picture-form .form-actions .save-button:hover:not(:disabled){background:#2563eb}.profile-picture-modal .profile-picture-form .form-actions .save-button:disabled{background:#9ca3af;cursor:not-allowed}@media(max-width:640px){.profile-picture-modal .modal-container{margin:20px;width:95%}.profile-picture-modal .modal-header{padding:20px 20px 0}.profile-picture-modal .profile-picture-form{padding:0 20px 20px}.profile-picture-modal .profile-picture-form .image-preview-section .image-preview{height:150px;width:150px}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions{flex-direction:column;width:100%}.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .remove-image-button,.profile-picture-modal .profile-picture-form .image-preview-section .image-actions .select-image-button{justify-content:center;width:100%}.profile-picture-modal .profile-picture-form .form-actions{flex-direction:column}.profile-picture-modal .profile-picture-form .form-actions .cancel-button,.profile-picture-modal .profile-picture-form .form-actions .save-button{width:100%}}.social-handles-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.social-handles-modal .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.social-handles-modal .modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%;z-index:2}.social-handles-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.social-handles-modal .modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.social-handles-modal .modal-header .close-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.social-handles-modal .modal-header .close-button:hover{background:#f3f4f6;color:#374151}.social-handles-modal .modal-header .close-button svg{height:20px;width:20px}.social-handles-modal .alert{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin:0 24px 16px;padding:12px 16px}.social-handles-modal .alert.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.social-handles-modal .alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.social-handles-modal .alert svg{flex-shrink:0;height:16px;width:16px}.social-handles-modal .social-handles-form{padding:0 24px 24px}.social-handles-modal .social-handles-form .form-description{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.social-handles-modal .social-handles-form .form-description p{color:#475569;font-size:.875rem;line-height:1.5;margin:0}.social-handles-modal .social-handles-form .social-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.social-handles-modal .social-handles-form .social-fields .form-group{display:flex;flex-direction:column;gap:8px}.social-handles-modal .social-handles-form .social-fields .form-group .social-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:8px}.social-handles-modal .social-handles-form .social-fields .form-group .social-label .social-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.social-handles-modal .social-handles-form .social-fields .form-group .social-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.875rem;padding:12px 16px;transition:all .2s ease}.social-handles-modal .social-handles-form .social-fields .form-group .social-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.social-handles-modal .social-handles-form .social-fields .form-group .social-input::placeholder{color:#9ca3af}.social-handles-modal .social-handles-form .social-fields .form-group .social-input:invalid{border-color:#ef4444}.social-handles-modal .social-handles-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.social-handles-modal .social-handles-form .form-actions .cancel-button,.social-handles-modal .social-handles-form .form-actions .save-button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.social-handles-modal .social-handles-form .form-actions .cancel-button{background:#f3f4f6;color:#374151}.social-handles-modal .social-handles-form .form-actions .cancel-button:hover:not(:disabled){background:#e5e7eb}.social-handles-modal .social-handles-form .form-actions .cancel-button:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.social-handles-modal .social-handles-form .form-actions .save-button{background:#3b82f6;color:#fff}.social-handles-modal .social-handles-form .form-actions .save-button:hover:not(:disabled){background:#2563eb}.social-handles-modal .social-handles-form .form-actions .save-button:disabled{background:#9ca3af;cursor:not-allowed}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.social-handles-modal .modal-container{margin:20px;width:95%}.social-handles-modal .modal-header{padding:20px 20px 0}.social-handles-modal .social-handles-form{padding:0 20px 20px}.social-handles-modal .social-handles-form .form-actions{flex-direction:column}.social-handles-modal .social-handles-form .form-actions .cancel-button,.social-handles-modal .social-handles-form .form-actions .save-button{width:100%}}.profile-edit-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-edit-modal .modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1001}.profile-edit-modal .modal-container{background-color:#fff;border-radius:8px;box-shadow:0 6px 24px #00000026;max-height:90vh;max-width:550px;overflow-y:auto;padding:1.5rem;pointer-events:auto;position:relative;width:90%;z-index:1002}.profile-edit-modal .modal-container::-webkit-scrollbar{width:6px}.profile-edit-modal .modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.profile-edit-modal .modal-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.profile-edit-modal .modal-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.profile-edit-modal .modal-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.profile-edit-modal .modal-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.profile-edit-modal .modal-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:background-color .2s}.profile-edit-modal .modal-header .close-button:hover{background-color:#f0f0f0;color:#333}.profile-edit-modal .alert{align-items:center;border-radius:4px;display:flex;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.profile-edit-modal .alert svg{font-size:1.125rem;margin-right:.5rem}.profile-edit-modal .alert.error{background-color:#fee2e2;border-left:3px solid #ef4444;color:#b91c1c}.profile-edit-modal .alert.success{background-color:#dcfce7;border-left:3px solid #22c55e;color:#15803d}.profile-edit-modal .edit-form .form-section{margin-bottom:1.5rem}.profile-edit-modal .edit-form .form-section h3{border-bottom:1px solid #f0f0f0;color:#333;font-size:1.125rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.profile-edit-modal .edit-form .form-group{margin-bottom:1.25rem}.profile-edit-modal .edit-form .form-group label{color:#4b5563;display:block;font-weight:500;margin-bottom:.5rem}.profile-edit-modal .edit-form .form-group input,.profile-edit-modal .edit-form .form-group select,.profile-edit-modal .edit-form .form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:.95rem;padding:.75rem;transition:border-color .2s;width:100%}.profile-edit-modal .edit-form .form-group input:focus,.profile-edit-modal .edit-form .form-group select:focus,.profile-edit-modal .edit-form .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.profile-edit-modal .edit-form .form-group input:disabled,.profile-edit-modal .edit-form .form-group select:disabled,.profile-edit-modal .edit-form .form-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.profile-edit-modal .edit-form .form-group textarea{min-height:100px;resize:vertical}.profile-edit-modal .edit-form .form-group .field-note{color:#6b7280;display:block;font-size:.75rem;margin-top:.375rem}.profile-edit-modal .edit-form .form-group .radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.profile-edit-modal .edit-form .form-group .radio-group .radio-label{align-items:center;cursor:pointer;display:flex;font-weight:400}.profile-edit-modal .edit-form .form-group .radio-group .radio-label input[type=radio]{cursor:pointer;margin-right:.5rem;width:auto}.profile-edit-modal .edit-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.profile-edit-modal .edit-form .form-actions button{border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.profile-edit-modal .edit-form .form-actions button:disabled{cursor:not-allowed;opacity:.6}.profile-edit-modal .edit-form .form-actions .cancel-button{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.profile-edit-modal .edit-form .form-actions .cancel-button:hover:not(:disabled){background-color:#e5e7eb}.profile-edit-modal .edit-form .form-actions .save-button{background-color:#2563eb;border:none;color:#fff}.profile-edit-modal .edit-form .form-actions .save-button:hover:not(:disabled){background-color:#1d4ed8}.document-upload-modal .modal-container{max-width:650px}.document-upload-modal .doc-types-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.document-upload-modal .doc-types-nav .doc-type-item{align-items:center;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex:1 1;min-width:calc(50% - .75rem);padding:.75rem;transition:all .2s}.document-upload-modal .doc-types-nav .doc-type-item:hover{background-color:#f9fafb}.document-upload-modal .doc-types-nav .doc-type-item.active{background-color:#2563eb0d;border-color:#2563eb}.document-upload-modal .doc-types-nav .doc-type-item .doc-type-icon{align-items:center;background-color:#eff6ff;border-radius:6px;display:flex;height:40px;justify-content:center;margin-right:.75rem;width:40px}.document-upload-modal .doc-types-nav .doc-type-item .doc-type-icon svg{color:#2563eb;font-size:1.25rem}.document-upload-modal .doc-types-nav .doc-type-item .doc-type-info{flex:1 1}.document-upload-modal .doc-types-nav .doc-type-item .doc-type-info .doc-type-name{color:#1f2937;display:block;font-weight:500;margin-bottom:.25rem}.document-upload-modal .doc-types-nav .doc-type-item .doc-type-info .doc-type-status{color:#6b7280;display:block;font-size:.75rem}.document-upload-modal .upload-section{background-color:#f9fafb;border-radius:6px;margin-bottom:1.5rem;padding:1.25rem}.document-upload-modal .upload-section h3{color:#1f2937;font-size:1.125rem;font-weight:500;margin-bottom:1rem}.document-upload-modal .upload-section .current-document{border-bottom:1px solid #e5e7eb;margin-bottom:1.25rem;padding-bottom:1rem}.document-upload-modal .upload-section .current-document p{color:#4b5563;font-size:.875rem;margin-bottom:.5rem}.document-upload-modal .upload-section .current-document .doc-preview{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;padding:.75rem}.document-upload-modal .upload-section .current-document .doc-preview .doc-icon{align-items:center;background-color:#eff6ff;border-radius:4px;display:flex;height:40px;justify-content:center;margin-right:1rem;width:40px}.document-upload-modal .upload-section .current-document .doc-preview .doc-icon svg{color:#2563eb;font-size:1.25rem}.document-upload-modal .upload-section .current-document .doc-preview .doc-actions{display:flex;gap:.5rem}.document-upload-modal .upload-section .current-document .doc-preview .doc-actions .doc-action-btn{border-radius:4px;font-size:.75rem;padding:.375rem .75rem;text-decoration:none;transition:all .2s}.document-upload-modal .upload-section .current-document .doc-preview .doc-actions .doc-action-btn.view{background-color:#eff6ff;color:#2563eb}.document-upload-modal .upload-section .current-document .doc-preview .doc-actions .doc-action-btn.view:hover{background-color:#dbeafe}.document-upload-modal .upload-section .current-document .doc-preview .doc-actions .doc-action-btn.download{background-color:#2563eb;color:#fff}.document-upload-modal .upload-section .current-document .doc-preview .doc-actions .doc-action-btn.download:hover{background-color:#1d4ed8}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container{margin-bottom:1rem;position:relative}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container input[type=file]{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container .file-input-label{align-items:center;background-color:#fff;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;display:flex;padding:1rem;transition:all .2s}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container .file-input-label:hover{background-color:#f8fafc;border-color:#2563eb}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container .file-input-label .file-icon{align-items:center;background-color:#eff6ff;border-radius:6px;display:flex;height:48px;justify-content:center;margin-right:1rem;width:48px}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container .file-input-label .file-icon svg{color:#2563eb;font-size:1.5rem}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container .file-input-label .file-info{flex:1 1}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container .file-input-label .file-info .file-prompt{color:#4b5563;display:block;font-weight:500;margin-bottom:.25rem}.document-upload-modal .upload-section .file-upload-wrapper .file-input-container .file-input-label .file-info .file-hint{color:#6b7280;display:block;font-size:.75rem}.document-upload-modal .upload-section .file-upload-wrapper .upload-progress{margin-bottom:1rem}.document-upload-modal .upload-section .file-upload-wrapper .upload-progress .progress-bar{background-color:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.document-upload-modal .upload-section .file-upload-wrapper .upload-progress .progress-bar .progress-fill{background-color:#2563eb;border-radius:4px;height:100%}.document-upload-modal .upload-section .file-upload-wrapper .upload-progress .progress-text{color:#4b5563;font-size:.75rem}.document-upload-modal .upload-section .file-upload-wrapper .upload-actions .upload-button{align-items:center;background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.document-upload-modal .upload-section .file-upload-wrapper .upload-actions .upload-button:hover:not(:disabled){background-color:#1d4ed8}.document-upload-modal .upload-section .file-upload-wrapper .upload-actions .upload-button:disabled{cursor:not-allowed;opacity:.6}.document-upload-modal .modal-footer{border-top:1px solid #eaeaea;display:flex;justify-content:flex-end;padding-top:1rem}.document-upload-modal .modal-footer .close-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.document-upload-modal .modal-footer .close-button:hover:not(:disabled){background-color:#e5e7eb}.document-upload-modal .modal-footer .close-button:disabled{cursor:not-allowed;opacity:.6}.profile-loading{align-items:center;background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:32px}.profile-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:60px;margin-bottom:16px;width:60px}.profile-loading p{color:#9ca3af;font-size:18px;font-weight:500;line-height:1.5;max-width:300px;text-align:center}.profile-container{border-radius:12px;margin-bottom:24px;width:100%}.profile-container .profile-cover{border-radius:12px 12px 0 0;overflow:hidden;position:relative}.profile-container .profile-cover .cover-gradient{background:#51796f;min-height:240px;overflow:hidden;padding:32px 24px;position:relative}.profile-container .profile-cover .cover-gradient .cover-dots{background-image:radial-gradient(circle,#fff3 1px,#0000 0);background-size:16px 16px;bottom:0;left:0;opacity:.4;position:absolute;right:0;top:0}.profile-container .profile-cover .cover-gradient .cover-content{align-items:center;display:flex;position:relative;z-index:1}@media(max-width:768px){.profile-container .profile-cover .cover-gradient .cover-content{flex-direction:column;text-align:center}}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper{margin-right:24px;position:relative}@media(max-width:768px){.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper{margin-bottom:24px;margin-right:0}}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar{background-color:#fff;border-radius:50%;box-shadow:0 10px 25px #0000001a;height:140px;padding:4px;position:relative;width:140px}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .profile-avatar-placeholder{align-items:center;background-color:#1f2937;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-status{bottom:5px;position:absolute;right:5px}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-status .status-indicator{border:3px solid #fff;border-radius:50%;display:block;height:18px;width:18px}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-status .status-indicator.active{background-color:#10b981}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-status .status-indicator.inactive{background-color:#e53935}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-edit-button{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;line-height:1;opacity:0;position:absolute;right:5px;top:5px;transform:scale(.8);transition:all .2s ease;width:32px;z-index:10}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-edit-button:hover:not(:disabled){background:#000000e6;transform:scale(1)}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-edit-button:disabled{cursor:not-allowed;opacity:.5}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-edit-button svg{fill:#fff!important;stroke:#fff!important;color:#fff!important;height:16px;width:16px}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar:hover .avatar-edit-button{opacity:1;transform:scale(1)}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-loading{align-items:center;background:#0000001a;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.profile-container .profile-cover .cover-gradient .cover-content .profile-avatar-wrapper .profile-avatar .avatar-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro{color:#fff;max-width:600px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-name{font-size:2.2rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-title-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:16px}@media(max-width:768px){.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-title-wrapper{justify-content:center}}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-title-wrapper .profile-title{font-size:18px;font-weight:500;margin:0 12px 0 0;opacity:.9}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-title-wrapper .profile-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border-radius:30px;display:inline-flex;font-size:14px;padding:4px 12px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-title-wrapper .profile-badge svg{font-size:16px;margin-right:4px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-meta-details{display:flex;flex-wrap:wrap;margin-bottom:16px}@media(max-width:768px){.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-meta-details{justify-content:center}}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-meta-details .meta-item{align-items:center;display:flex;font-size:14px;margin-bottom:8px;margin-right:16px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-meta-details .meta-item .meta-icon{margin-right:4px;opacity:.9}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-meta-details .meta-item span{opacity:.8}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social{align-items:center;display:flex;gap:12px;margin-bottom:15px;margin-top:15px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link{align-items:center;background-color:#ffffff40;border:2px solid #0000;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link:hover{background-color:#ffffffe6;box-shadow:0 4px 15px #0003;transform:translateY(-3px)}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link svg{font-size:18px;transition:color .3s ease}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.linkedin:hover{background-color:#0077b5;border-color:#0077b5}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.linkedin:hover svg{color:#fff}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.twitter:hover{background-color:#1da1f2;border-color:#1da1f2}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.twitter:hover svg{color:#fff}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.facebook:hover{background-color:#1877f2;border-color:#1877f2}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.facebook:hover svg{color:#fff}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#dc2743}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.instagram:hover svg{color:#fff}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.website:hover{background-color:#51796f;border-color:#51796f}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-links .social-link.website:hover svg{color:#fff}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-edit-button{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;line-height:1;opacity:.7;transition:all .3s ease;width:36px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-edit-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;opacity:1;transform:translateY(-2px)}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-edit-button:disabled{cursor:not-allowed;opacity:.5}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-edit-button svg{fill:#fff!important;stroke:#fff!important;color:#fff!important;height:16px;width:16px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-loading{align-items:center;color:#fff;display:flex;font-size:.875rem;gap:12px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.profile-container .profile-cover .cover-gradient .cover-content .profile-intro .profile-social .social-loading span{font-weight:500}.profile-container .profile-stats-wrapper{margin-top:-30px;padding:0 24px;position:relative}.profile-container .profile-stats-wrapper .stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media(max-width:992px){.profile-container .profile-stats-wrapper .stats-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.profile-container .profile-stats-wrapper .stats-container{grid-template-columns:1fr}}.profile-container .profile-stats-wrapper .stats-container .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 20px #0000000d;display:flex;padding:16px;transition:transform .3s ease,box-shadow .3s ease}.profile-container .profile-stats-wrapper .stats-container .stat-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.profile-container .profile-stats-wrapper .stats-container .stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:48px;justify-content:center;margin-right:12px;width:48px}.profile-container .profile-stats-wrapper .stats-container .stat-card .stat-icon.experience,.profile-container .profile-stats-wrapper .stats-container .stat-card .stat-icon.leave-balance,.profile-container .profile-stats-wrapper .stats-container .stat-card .stat-icon.leave-taken,.profile-container .profile-stats-wrapper .stats-container .stat-card .stat-icon.status{background:#51796f;color:#fff}.profile-container .profile-stats-wrapper .stats-container .stat-card .stat-info{flex:1 1}.profile-container .profile-stats-wrapper .stats-container .stat-card .stat-info .stat-value{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:4px}.profile-container .profile-stats-wrapper .stats-container .stat-card .stat-info .stat-label{color:#9ca3af;font-size:14px}.profile-container .profile-tabs-container{margin-top:24px;padding:0 24px}.profile-container .profile-tabs-container .profile-tabs{align-items:center;background-color:#f9fafb;border:none;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;overflow-x:auto;padding:4px;position:relative;white-space:nowrap}.profile-container .profile-tabs-container .profile-tabs::-webkit-scrollbar{display:none;height:0}.profile-container .profile-tabs-container .profile-tabs .tab-item{align-items:center;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;min-width:80px;padding:12px 8px;text-align:center;transition:all .3s ease}.profile-container .profile-tabs-container .profile-tabs .tab-item .tab-icon{font-size:18px;margin-bottom:4px}.profile-container .profile-tabs-container .profile-tabs .tab-item:hover{background-color:#51796f0d;color:#51796f}.profile-container .profile-tabs-container .profile-tabs .tab-item.active{background-color:#51796f1a;color:#51796f;font-weight:600}.profile-container .profile-tabs-container .profile-content-wrapper{margin-top:16px}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .section-title{align-items:center;border-bottom:2px solid #c1d5d0;color:#1f2937;display:flex;font-size:20px;margin-bottom:24px;padding-bottom:16px}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .section-title .section-icon{color:#51796f;margin-right:8px}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .section-title .edit-button{align-items:center;color:#51796f;cursor:pointer;display:flex;font-size:14px;font-weight:400;margin-left:auto}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .section-title .edit-button svg{margin-right:4px}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .section-title .edit-button:hover{text-decoration:underline}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .info-grid .info-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .3s ease}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .info-grid .info-card:hover{border-color:#51796f4d;box-shadow:0 4px 12px #0000000d}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .info-grid .info-card .info-label{align-items:center;color:#9ca3af;display:flex;font-size:14px;margin-bottom:8px}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .info-grid .info-card .info-label .info-icon{color:#51796f;margin-right:8px}.profile-container .profile-tabs-container .profile-content-wrapper .tab-content-container .info-grid .info-card .info-value{color:#1f2937;font-size:1rem;font-weight:500;max-width:100%;overflow-wrap:break-word;word-break:break-word}.bank-content,.bio-content,.declaration-content,.documents-content,.emergency-contact-content,.payslips-content{margin-top:20px}.section-title{align-items:center;color:#333;display:flex;font-size:1.5rem;margin-bottom:20px;position:relative}.section-title .section-icon{color:#51796f;font-size:1.25em;margin-right:10px}.section-title .edit-button{align-items:center;background:#c1d5d0b3;border:none;border-radius:4px;color:#212121;cursor:pointer;display:flex;font-size:.8rem;padding:5px 10px;position:absolute;right:0;transition:all .2s ease}.section-title .edit-button:hover{background:#757575;color:#fff}.section-title .edit-button svg{margin-right:5px}.section-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.section-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:15px;width:40px}.section-loading p{color:#666}.section-empty{align-items:center;background:linear-gradient(135deg,#f9fafb,#c1d5d0);border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:30px;text-align:center}.section-empty p{color:#777;margin-bottom:15px}.section-empty .action-button{background:#757575;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.section-empty .action-button:hover{background:#51796f}.emergency-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.emergency-grid .contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.emergency-grid .contact-card .contact-header{background:#51796f;color:#fff;padding:15px 20px}.emergency-grid .contact-card .contact-header h3{font-size:1.1rem;margin:0}.emergency-grid .contact-card .contact-details{padding:20px}.emergency-grid .contact-card .contact-details .contact-name{color:#333;font-size:1.2rem;font-weight:500;margin-bottom:15px}.emergency-grid .contact-card .contact-details p{color:#555;margin-bottom:10px}.emergency-grid .contact-card .contact-details p .label{color:#666;font-weight:500;margin-right:5px}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.documents-grid .document-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;overflow:hidden;padding:20px}.documents-grid .document-card .document-icon{align-items:center;background:#c1d5d0;border-radius:10px;display:flex;height:50px;justify-content:center;margin-right:15px;width:50px}.documents-grid .document-card .document-icon svg{color:#51796f;font-size:1.5rem}.documents-grid .document-card .document-info{flex:1 1}.documents-grid .document-card .document-info h3{color:#333;font-size:1.1rem;margin:0 0 10px}.documents-grid .document-card .document-info .document-actions{display:flex;gap:10px}.documents-grid .document-card .document-info .document-actions .doc-action-btn{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:5px 10px;text-align:center;text-decoration:none}.documents-grid .document-card .document-info .document-actions .doc-action-btn.view{background:#c1d5d0b3;color:#212121}.documents-grid .document-card .document-info .document-actions .doc-action-btn.view:hover{background:#c1d5d0}.documents-grid .document-card .document-info .document-actions .doc-action-btn.download{background:#51796f1a;color:#51796f}.documents-grid .document-card .document-info .document-actions .doc-action-btn.download:hover{background:#51796f33}.documents-grid .document-card .document-info .document-actions .doc-not-available{color:#888;font-size:.9rem;font-style:italic}.bank-details-wrapper .bank-card{background:#51796f;border-radius:12px;box-shadow:0 10px 20px #0000001a;color:#fff;margin-bottom:20px;min-height:180px;overflow:hidden;padding:25px;position:relative}.bank-details-wrapper .bank-card:before{background:#ffffff1a;border-radius:100px;content:"";height:200px;position:absolute;right:-50px;top:-50px;width:200px;z-index:1}.bank-details-wrapper .bank-card .card-chip{background:linear-gradient(135deg,#dcdde1,#b2bec3);border-radius:5px;height:30px;margin-bottom:20px;position:relative;width:40px;z-index:2}.bank-details-wrapper .bank-card .card-chip:after,.bank-details-wrapper .bank-card .card-chip:before{background:#0003;content:"";position:absolute}.bank-details-wrapper .bank-card .card-chip:before{height:1px;left:0;top:15px;width:100%}.bank-details-wrapper .bank-card .card-chip:after{height:100%;left:20px;top:0;width:1px}.bank-details-wrapper .bank-card .card-logo{background:#fff3;border-radius:5px;height:40px;position:absolute;right:20px;top:20px;width:60px;z-index:2}.bank-details-wrapper .bank-card .card-number{font-size:1.4rem;font-weight:500;letter-spacing:2px;line-height:1.2;margin-bottom:30px;max-width:100%;overflow-wrap:break-word;position:relative;text-shadow:0 2px 2px #0000001a;word-break:break-all;z-index:2}.bank-details-wrapper .bank-card .card-info{display:flex;justify-content:space-between;position:relative;z-index:2}.bank-details-wrapper .bank-card .card-info .card-expires,.bank-details-wrapper .bank-card .card-info .card-name{display:flex;flex-direction:column}.bank-details-wrapper .bank-card .card-info .card-expires .label,.bank-details-wrapper .bank-card .card-info .card-name .label{font-size:.7rem;letter-spacing:1px;margin-bottom:5px;opacity:.8}.bank-details-wrapper .bank-card .card-info .card-expires .value,.bank-details-wrapper .bank-card .card-info .card-name .value{font-size:1rem;letter-spacing:1px}.bank-details-wrapper .details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.bank-details-wrapper .details-grid .detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:15px}.bank-details-wrapper .details-grid .detail-card .detail-label{color:#666;display:block;font-size:.8rem;margin-bottom:5px}.bank-details-wrapper .details-grid .detail-card .detail-value{color:#333;font-size:1rem;font-weight:500;max-width:100%;overflow-wrap:break-word;word-break:break-all}.declaration-wrapper .declaration-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.declaration-wrapper .declaration-section .declaration-heading{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin:0 0 15px;padding-bottom:10px}.declaration-wrapper .declaration-section .qualification-box{background:#f9f9f9;border-radius:6px;color:#555;padding:15px;white-space:pre-line}.declaration-wrapper .declaration-section .medical-declaration .declaration-question{color:#333;font-weight:500;margin-bottom:10px}.declaration-wrapper .declaration-section .medical-declaration .declaration-answer{border-radius:15px;display:inline-block;font-weight:500;margin-bottom:10px;padding:5px 15px}.declaration-wrapper .declaration-section .medical-declaration .declaration-answer.yes{background:#ffebee;color:#c62828}.declaration-wrapper .declaration-section .medical-declaration .declaration-answer.no{background:#c1d5d0b3;color:#212121}.declaration-wrapper .declaration-section .medical-declaration .declaration-details{background:#f9f9f9;border-radius:6px;color:#555;padding:15px;white-space:pre-line}.declaration-wrapper .declaration-footer{color:#888;font-size:.8rem;margin-top:10px;text-align:right}.declaration-wrapper .declaration-footer .updated-at{font-style:italic}.payslips-content .payslips-wrapper{margin-top:20px}.payslips-content .payslips-wrapper .payslips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.payslips-content .payslips-wrapper .payslips-grid .payslip-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s,box-shadow .2s}.payslips-content .payslips-wrapper .payslips-grid .payslip-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-3px)}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-header{align-items:center;background-color:#51796f;color:#fff;display:flex;justify-content:space-between;padding:16px}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-header .month-year{font-size:18px;font-weight:500}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-header .created-date{font-size:12px;opacity:.8}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-body{align-items:center;display:flex;gap:16px;padding:20px}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-body .payslip-icon{align-items:center;background-color:#51796f1a;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-body .payslip-icon svg{color:#51796f;font-size:20px}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-body .payslip-details{flex:1 1}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-body .payslip-details .payslip-title{color:#333;font-size:16px;font-weight:500;margin:0 0 4px}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-body .payslip-details .payslip-description{color:#666;font-size:13px;margin:0}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-footer{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:12px 16px}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-footer .download-button{align-items:center;background-color:#fff;border:1px solid #51796f;border-radius:4px;color:#51796f;display:flex;font-size:14px;padding:8px 16px;text-decoration:none;transition:all .3s}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-footer .download-button:hover{background-color:#51796f;color:#fff}.payslips-content .payslips-wrapper .payslips-grid .payslip-card .payslip-footer .download-button svg{margin-right:6px}.bio-content .bio-wrapper .bio-text{background:#fff;border:1px solid #757575;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.bio-content .bio-wrapper .bio-text p{color:#555;line-height:1.6;margin-bottom:15px}.bio-content .bio-wrapper .bio-text p:last-child{margin-bottom:0}.bio-content .bio-wrapper .bio-section{background:#fff;border:1px solid #757575;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.bio-content .bio-wrapper .bio-section .bio-section-title{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin:0 0 15px;padding-bottom:10px}.bio-content .bio-wrapper .bio-section .interests-container,.bio-content .bio-wrapper .bio-section .skills-container{display:flex;flex-wrap:wrap;gap:10px}.bio-content .bio-wrapper .bio-section .interests-container .interest-tag,.bio-content .bio-wrapper .bio-section .interests-container .skill-tag,.bio-content .bio-wrapper .bio-section .skills-container .interest-tag,.bio-content .bio-wrapper .bio-section .skills-container .skill-tag{background:#c1d5d0b3!important;border:none!important;border-radius:15px;color:#51796f!important;display:inline-block;font-size:.9rem;font-weight:500;padding:5px 12px}.bio-content .bio-wrapper .bio-section .interests-container .interest-tag,.bio-content .bio-wrapper .bio-section .skills-container .interest-tag{background:#c1d5d080!important;border:none!important;color:#51796f!important}.bio-content .bio-wrapper .bio-section .interests-container .no-data,.bio-content .bio-wrapper .bio-section .skills-container .no-data{color:#888;font-style:italic}@media(max-width:768px){.details-grid,.documents-grid,.emergency-grid,.payslips-grid{grid-template-columns:1fr}.bank-card{min-height:auto;padding:20px}.bank-card .card-number{font-size:1.2rem}}.contact-card,.detail-card,.document-card,.info-card,.payslip-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000000d}.contact-card:hover,.detail-card:hover,.document-card:hover,.info-card:hover,.payslip-card:hover{box-shadow:0 4px 12px #0000001a}.greeting-message{color:#ffffffe6;font-size:1.1rem;font-weight:500;margin-bottom:12px}.greeting-message span{align-items:center;background:#fff3;border-radius:20px;display:inline-flex;gap:12px;padding:6px 16px}.greeting-message span .days-info{background:#ffffff26;border-left:1px solid #fff3;border-radius:15px;font-size:.95rem;font-weight:400;padding:4px 12px}.days-with-company{background:#c1d5d080;border-radius:4px;color:#51796f;display:inline-block;font-size:.85rem;font-weight:500;margin-top:5px;padding:4px 10px}.days-with-company span{align-items:center;display:flex}.days-with-company span:before{color:#51796f;content:"•";font-size:1.2rem;margin-right:5px}.tasks-loading{align-items:center;background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:32px}.tasks-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:60px;margin-bottom:16px;width:60px}.tasks-loading p{color:#9ca3af;font-size:18px;font-weight:500;line-height:1.5;max-width:300px;text-align:center}.my-tasks-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;padding:20px}.my-tasks-container .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}@media(max-width:1080px){.my-tasks-container .page-header{align-items:stretch;flex-direction:column}}.my-tasks-container .page-header .header-left h1{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;margin:0 0 16px}.my-tasks-container .page-header .header-left h1 .header-icon{color:#51796f;font-size:1.75rem;margin-right:12px}.my-tasks-container .page-header .header-left .task-counts{display:flex;flex-wrap:wrap;gap:8px}.my-tasks-container .page-header .header-left .task-counts .count-badge{border-radius:20px;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s}.my-tasks-container .page-header .header-left .task-counts .count-badge.all{background-color:#e2e8f0;color:#475569}.my-tasks-container .page-header .header-left .task-counts .count-badge.all.active{background-color:#cbd5e1;color:#1e293b}.my-tasks-container .page-header .header-left .task-counts .count-badge.new{background-color:#e0f2fe;color:#0369a1}.my-tasks-container .page-header .header-left .task-counts .count-badge.new.active{background-color:#bae6fd;color:#0284c7}.my-tasks-container .page-header .header-left .task-counts .count-badge.in-progress{background-color:#fef3c7;color:#b45309}.my-tasks-container .page-header .header-left .task-counts .count-badge.in-progress.active{background-color:#fde68a;color:#d97706}.my-tasks-container .page-header .header-left .task-counts .count-badge.completed{background-color:#dcfce7;color:#16a34a}.my-tasks-container .page-header .header-left .task-counts .count-badge.completed.active{background-color:#bbf7d0;color:#15803d}.my-tasks-container .page-header .header-left .task-counts .count-badge:hover{filter:brightness(.95)}.my-tasks-container .page-header .header-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.my-tasks-container .page-header .header-right{align-items:stretch;flex-direction:column}}.my-tasks-container .page-header .header-right .search-box{position:relative;width:260px}@media(max-width:768px){.my-tasks-container .page-header .header-right .search-box{width:100%}}.my-tasks-container .page-header .header-right .search-box .search-icon{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.my-tasks-container .page-header .header-right .search-box input{border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;padding:10px 36px;width:100%}.my-tasks-container .page-header .header-right .search-box input:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.my-tasks-container .page-header .header-right .search-box .clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px}.my-tasks-container .page-header .header-right .search-box .clear-search:hover{background-color:#f1f5f9;color:#64748b}.my-tasks-container .page-header .header-right .refresh-button{align-items:center;background-color:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.my-tasks-container .page-header .header-right .refresh-button:hover{background-color:#e2e8f0}.my-tasks-container .page-header .header-right .refresh-button svg{font-size:1rem}.my-tasks-container .tasks-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-right:10px;position:relative}.my-tasks-container .tasks-content .empty-state{align-items:center;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.my-tasks-container .tasks-content .empty-state .empty-message{font-size:1rem;line-height:1.6;margin-bottom:20px;max-width:400px}.my-tasks-container .tasks-content .error-container{align-items:center;background-color:#fef2f2;border-radius:12px;color:#b91c1c;display:flex;flex-direction:column;padding:24px;text-align:center}.my-tasks-container .tasks-content .error-container .error-icon{font-size:2rem;margin-bottom:16px}.my-tasks-container .tasks-content .error-container p{font-size:.95rem;line-height:1.5;margin-bottom:16px}.my-tasks-container .tasks-content .error-container button{background-color:#fff;border:1px solid #f87171;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.my-tasks-container .tasks-content .error-container button:hover{background-color:#fee2e2}.my-tasks-container .tasks-content .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.my-tasks-container .tasks-content .loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.my-tasks-container .tasks-content .loading-container p{color:#64748b;font-size:.95rem}.my-tasks-container .tasks-content .task-columns{display:flex;gap:16px;height:calc(100vh - 180px)}@media(max-width:1024px){.my-tasks-container .tasks-content .task-columns{flex-direction:column;height:auto}}.my-tasks-container .tasks-content .task-columns .task-column{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:0;transition:all .2s}@media(max-width:1024px){.my-tasks-container .tasks-content .task-columns .task-column{margin-bottom:16px}}.my-tasks-container .tasks-content .task-columns .task-column .column-title{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin:0;padding:16px}.my-tasks-container .tasks-content .task-columns .task-column .column-title .count{background-color:#f1f5f9;border-radius:12px;color:#64748b;font-size:.875rem;font-weight:500;padding:4px 8px}.my-tasks-container .tasks-content .task-columns .task-column .column-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.my-tasks-container .tasks-content .task-columns .task-column .column-content .empty-column{color:#94a3b8;font-size:.9rem;padding:20px 0;text-align:center}.my-tasks-container .tasks-content .task-columns .task-column.new-tasks .column-title{background-color:#f0f9ff;color:#0369a1}.my-tasks-container .tasks-content .task-columns .task-column.in-progress-tasks .column-title{background-color:#fffbeb;color:#b45309}.my-tasks-container .tasks-content .task-columns .task-column.completed-tasks .column-title{background-color:#f0fdf4;color:#16a34a}.my-tasks-container .load-more{display:flex;justify-content:center;padding:20px 0}.my-tasks-container .load-more .load-more-button{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s}.my-tasks-container .load-more .load-more-button:hover:not(:disabled){background-color:#f1f5f9}.my-tasks-container .load-more .load-more-button:disabled{cursor:not-allowed;opacity:.6}.task-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:12px;min-height:180px;overflow:hidden;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.task-card:hover{box-shadow:0 6px 15px #0000001a;transform:translateY(-2px)}.task-card.new{border-left:4px solid #0ea5e9}.task-card.in-progress{border-left:4px solid #f59e0b}.task-card.completed{border-left:4px solid #22c55e}.task-card .updating-overlay{align-items:center;background-color:#fffc;bottom:0;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.task-card .updating-overlay .loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#51796f;height:24px;width:24px}.task-card .updating-overlay span{color:#64748b;font-size:.85rem}.task-card .task-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.task-card .task-card-header .task-title{color:#1e293b;flex:1 1;font-size:1rem;font-weight:600;line-height:1.4;word-break:break-word}.task-card .task-card-header .task-menu-wrapper{flex-shrink:0;position:relative}.task-card .task-card-header .task-menu-wrapper .task-menu-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.task-card .task-card-header .task-menu-wrapper .task-menu-toggle:hover{background-color:#f1f5f9;color:#334155}.task-card .task-card-header .task-menu-wrapper .task-menu-toggle svg{height:16px;width:16px}.task-card .task-card-header .task-menu-wrapper .task-menu-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:20}.task-card .task-card-header .task-menu-wrapper .task-menu-dropdown .menu-item{align-items:center;background:none;border:none;color:#334155;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.task-card .task-card-header .task-menu-wrapper .task-menu-dropdown .menu-item:hover{background-color:#f8fafc}.task-card .task-card-header .task-menu-wrapper .task-menu-dropdown .menu-item svg{color:#64748b;height:16px;width:16px}.task-card .task-card-header .task-menu-wrapper .task-menu-dropdown .menu-item:not(:last-child){border-bottom:1px solid #f1f5f9}.task-card .task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.task-card .task-meta{display:flex;flex-direction:column;gap:8px}.task-card .task-meta .meta-item{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:8px}.task-card .task-meta .meta-item .meta-icon{color:#94a3b8;flex-shrink:0;height:14px;width:14px}.task-card .task-meta .meta-item .days-left{border-radius:4px;font-size:.7rem;font-weight:500;margin-left:auto;padding:2px 6px}.task-card .task-meta .meta-item .days-left.overdue{background-color:#fee2e2;color:#b91c1c}.task-card .task-meta .meta-item .days-left.due-today{background-color:#fef3c7;color:#b45309}.task-card .task-meta .meta-item .days-left.urgent{background-color:#ffe4e6;color:#be123c}.task-card .task-meta .meta-item .days-left.on-track{background-color:#dcfce7;color:#15803d}.task-card .task-meta .meta-item .assignee{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card .task-footer{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.task-card .task-footer .task-status .status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:3px 8px}.task-card .task-footer .task-status .status-badge.new{background-color:#e0f2fe;color:#0369a1}.task-card .task-footer .task-status .status-badge.in-progress{background-color:#fef3c7;color:#b45309}.task-card .task-footer .task-status .status-badge.completed{background-color:#dcfce7;color:#16a34a}.task-card .task-footer .task-actions{display:flex;gap:8px}.task-card .task-footer .task-actions .action-item{align-items:center;color:#64748b;display:flex;font-size:.7rem}.task-card .task-footer .task-actions .action-item span{font-weight:600;margin-right:2px}@media(max-width:768px){.task-card .task-footer{align-items:flex-start;flex-direction:column;gap:8px}.task-card .task-footer .task-actions{justify-content:space-between;width:100%}}.email-updated-badge{background-color:#10b981;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px;text-transform:uppercase}.modal-overlay{background-color:#4b5563b3;height:100%;padding:16px;width:100%}.task-detail-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.task-detail-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:10}.task-detail-modal .modal-header h2{color:#4b5563;font-size:20px;font-weight:600;margin:0}.task-detail-modal .modal-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px}.task-detail-modal .modal-header .close-button:hover{background-color:#f9fafb;color:#4b5563}.task-detail-modal .error-message{align-items:center;background:#fee2e2;color:#ef4444;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 24px}.task-detail-modal .error-message .error-icon{flex-shrink:0;font-size:18px}.task-detail-modal .modal-body{padding:16px 0}.task-detail-modal .modal-body .task-details-section{border-bottom:1px solid #e5e7eb;padding:0 24px 24px}.task-detail-modal .modal-body .task-details-section .task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.task-detail-modal .modal-body .task-details-section .task-header h3{color:#4b5563;font-size:18px;font-weight:600;margin:0;word-break:break-word}.task-detail-modal .modal-body .task-details-section .task-header .edit-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:4px;padding:8px 12px}.task-detail-modal .modal-body .task-details-section .task-header .edit-button:hover{background:#f9fafb;color:#4b5563}.task-detail-modal .modal-body .task-details-section .task-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item{align-items:center;display:flex;font-size:14px;gap:8px}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .meta-icon{color:#9ca3af;font-size:16px}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .meta-label{color:#9ca3af;font-weight:500}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .meta-value{color:#4b5563}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .priority-badge,.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .status-badge.new{background-color:#eff6ff;color:#3b82f6}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .status-badge.in-progress{background-color:#fffbeb;color:#f59e0b}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .priority-badge.low,.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .status-badge.completed{background-color:#ecfdf5;color:#10b981}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .priority-badge.medium{background-color:#eff6ff;color:#3b82f6}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .priority-badge.high{background-color:#fffbeb;color:#f59e0b}.task-detail-modal .modal-body .task-details-section .task-meta .meta-item .priority-badge.urgent{background-color:#fee2e2;color:#ef4444}.task-detail-modal .modal-body .task-details-section .task-description{margin-bottom:20px}.task-detail-modal .modal-body .task-details-section .task-description h4{color:#4b5563;font-size:16px;font-weight:500;margin-bottom:8px}.task-detail-modal .modal-body .task-details-section .task-description p{color:#9ca3af;line-height:1.5;white-space:pre-wrap}.task-detail-modal .modal-body .task-details-section .task-description .html-content{color:#9ca3af;line-height:1.5}.task-detail-modal .modal-body .task-details-section .task-description .html-content h1,.task-detail-modal .modal-body .task-details-section .task-description .html-content h2,.task-detail-modal .modal-body .task-details-section .task-description .html-content h3,.task-detail-modal .modal-body .task-details-section .task-description .html-content h4,.task-detail-modal .modal-body .task-details-section .task-description .html-content h5,.task-detail-modal .modal-body .task-details-section .task-description .html-content h6{color:#4b5563;font-weight:600;margin-bottom:12px;margin-top:16px}.task-detail-modal .modal-body .task-details-section .task-description .html-content h1{font-size:20px}.task-detail-modal .modal-body .task-details-section .task-description .html-content h2{font-size:18px}.task-detail-modal .modal-body .task-details-section .task-description .html-content h3{font-size:16px}.task-detail-modal .modal-body .task-details-section .task-description .html-content p{margin-bottom:12px}.task-detail-modal .modal-body .task-details-section .task-description .html-content ol,.task-detail-modal .modal-body .task-details-section .task-description .html-content ul{margin-bottom:12px;margin-left:16px}.task-detail-modal .modal-body .task-details-section .task-description .html-content li{margin-bottom:8px}.task-detail-modal .modal-body .task-details-section .task-description .html-content a{color:#51796f;text-decoration:underline}.task-detail-modal .modal-body .task-details-section .task-description .html-content a:hover{color:#3d5a53}.task-detail-modal .modal-body .task-details-section .task-description .html-content img{height:auto;margin:12px 0;max-width:100%}.task-detail-modal .modal-body .task-details-section .task-description .html-content blockquote{border-left:3px solid #e5e7eb;color:#9ca3af;font-style:italic;margin:12px 0;padding-left:12px}.task-detail-modal .modal-body .task-details-section .task-description .html-content code{background-color:#f9fafb;border-radius:3px;font-family:monospace;padding:2px 4px}.task-detail-modal .modal-body .task-details-section .task-description .html-content pre{background-color:#f9fafb;border-radius:8px;margin:12px 0;overflow-x:auto;padding:12px}.task-detail-modal .modal-body .task-details-section .task-description .html-content pre code{background-color:#0000;padding:0}.task-detail-modal .modal-body .task-details-section .task-description .html-content table{border-collapse:collapse;margin:12px 0;width:100%}.task-detail-modal .modal-body .task-details-section .task-description .html-content table td,.task-detail-modal .modal-body .task-details-section .task-description .html-content table th{border:1px solid #e5e7eb;padding:8px}.task-detail-modal .modal-body .task-details-section .task-description .html-content table th{background-color:#f9fafb;font-weight:500}.task-detail-modal .modal-body .task-details-section .task-description .html-content table tr:nth-child(2n){background-color:#f9fafb80}.task-detail-modal .modal-body .task-details-section .assignees-section{margin-bottom:16px}.task-detail-modal .modal-body .task-details-section .assignees-section h4{color:#4b5563;font-size:16px;font-weight:600;margin:0 0 8px}.task-detail-modal .modal-body .task-details-section .assignees-section .assignees-list{display:flex;flex-wrap:wrap;gap:8px}.task-detail-modal .modal-body .task-details-section .assignees-section .assignees-list .assignee{align-items:center;background:#f9fafb;border-radius:8px;color:#4b5563;display:flex;font-size:14px;gap:4px;padding:4px 8px}.task-detail-modal .modal-body .task-details-section .assignees-section .assignees-list .assignee .assignee-icon{color:#9ca3af;font-size:14px}.task-detail-modal .modal-body .task-details-section .assignees-section .assignees-list .no-assignees{color:#9ca3af;font-size:14px;font-style:italic}.task-detail-modal .modal-body .task-details-section .task-history h4{color:#4b5563;font-size:16px;font-weight:600;margin:0 0 8px}.task-detail-modal .modal-body .task-details-section .task-history .history-item{align-items:center;display:flex;font-size:14px;margin-bottom:4px}.task-detail-modal .modal-body .task-details-section .task-history .history-item .history-label{color:#9ca3af;font-weight:500;margin-right:8px;width:100px}.task-detail-modal .modal-body .task-details-section .task-history .history-item .history-value{color:#4b5563}.task-detail-modal .modal-body .edit-form{padding:0 24px 24px}.task-detail-modal .modal-body .edit-form .form-group{margin-bottom:16px}.task-detail-modal .modal-body .edit-form .form-group label{color:#4b5563;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.task-detail-modal .modal-body .edit-form .form-group input,.task-detail-modal .modal-body .edit-form .form-group select,.task-detail-modal .modal-body .edit-form .form-group textarea{border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:16px;padding:8px 12px;width:100%}.task-detail-modal .modal-body .edit-form .form-group input:focus,.task-detail-modal .modal-body .edit-form .form-group select:focus,.task-detail-modal .modal-body .edit-form .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f1a;outline:none}.task-detail-modal .modal-body .edit-form .form-group input:disabled,.task-detail-modal .modal-body .edit-form .form-group select:disabled,.task-detail-modal .modal-body .edit-form .form-group textarea:disabled{background-color:#f9fafb;cursor:not-allowed}.task-detail-modal .modal-body .edit-form .form-group textarea{min-height:120px;resize:vertical}.task-detail-modal .modal-body .edit-form .form-group .radio-group{display:flex;gap:16px;margin-top:8px}.task-detail-modal .modal-body .edit-form .form-group .radio-group .radio-option{align-items:center;display:flex;gap:8px}.task-detail-modal .modal-body .edit-form .form-group .radio-group .radio-option input[type=radio]{margin:0;width:auto}.task-detail-modal .modal-body .edit-form .form-group .radio-group .radio-option label{cursor:pointer;margin-bottom:0}.task-detail-modal .modal-body .edit-form .form-group .role-assignments{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.task-detail-modal .modal-body .edit-form .form-group .role-assignments .role-assignment-item{align-items:center;display:flex;gap:12px;margin-bottom:12px}.task-detail-modal .modal-body .edit-form .form-group .role-assignments .role-assignment-item select{flex:1 1}.task-detail-modal .modal-body .edit-form .form-group .role-assignments .role-assignment-item .remove-role-button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px;padding:4px}.task-detail-modal .modal-body .edit-form .form-group .role-assignments .role-assignment-item .remove-role-button:hover{color:#eb1515}.task-detail-modal .modal-body .edit-form .form-group .role-assignments .role-assignment-item .remove-role-button:disabled{color:#9ca3af;cursor:not-allowed}.task-detail-modal .modal-body .edit-form .form-group .role-assignments .add-role-button{align-items:center;background:#fff;border:1px dashed #e5e7eb;border-radius:8px;color:#51796f;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px 12px;width:100%}.task-detail-modal .modal-body .edit-form .form-group .role-assignments .add-role-button:hover{background-color:#51796f0d;border-color:#51796f}.task-detail-modal .modal-body .edit-form .form-row{display:flex;gap:16px;margin-bottom:16px}.task-detail-modal .modal-body .edit-form .form-row .form-group{flex:1 1;margin-bottom:0}.task-detail-modal .modal-body .edit-form .assignees-list{border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto}.task-detail-modal .modal-body .edit-form .assignees-list .assignee-item{align-items:center;display:flex;padding:8px 12px}.task-detail-modal .modal-body .edit-form .assignees-list .assignee-item:not(:last-child){border-bottom:1px solid #e5e7eb}.task-detail-modal .modal-body .edit-form .assignees-list .assignee-item input[type=checkbox]{margin-right:8px;width:auto}.task-detail-modal .modal-body .edit-form .assignees-list .no-employees{color:#9ca3af;font-style:italic;padding:12px;text-align:center}.task-detail-modal .modal-body .edit-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.task-detail-modal .modal-body .edit-form .form-actions button{border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:8px 16px}.task-detail-modal .modal-body .edit-form .form-actions button:disabled{cursor:not-allowed;opacity:.7}.task-detail-modal .modal-body .edit-form .form-actions .cancel-button{background:#fff;border:1px solid #e5e7eb;color:#4b5563}.task-detail-modal .modal-body .edit-form .form-actions .cancel-button:hover:not(:disabled){background:#f9fafb}.task-detail-modal .modal-body .edit-form .form-actions .submit-button{background:#51796f;border:none;color:#fff}.task-detail-modal .modal-body .edit-form .form-actions .submit-button:hover:not(:disabled){background:#3e5d55}.task-detail-modal .modal-body .attachments-section,.task-detail-modal .modal-body .comments-section{padding:24px}.task-detail-modal .modal-body .attachments-section:not(:last-child),.task-detail-modal .modal-body .comments-section:not(:last-child){border-bottom:1px solid #e5e7eb}.task-detail-modal .modal-body .attachments-section h4,.task-detail-modal .modal-body .comments-section h4{align-items:center;color:#4b5563;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.task-detail-modal .modal-body .attachments-section h4 .section-icon,.task-detail-modal .modal-body .comments-section h4 .section-icon{color:#9ca3af;font-size:18px}.task-detail-modal .modal-body .attachments-section .attachment-upload{align-items:center;display:flex;gap:12px;margin-bottom:16px}.task-detail-modal .modal-body .attachments-section .attachment-upload input[type=file]{flex:1 1}.task-detail-modal .modal-body .attachments-section .attachment-upload .upload-button{align-items:center;background:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px}.task-detail-modal .modal-body .attachments-section .attachment-upload .upload-button:hover:not(:disabled){background:#3e5d55}.task-detail-modal .modal-body .attachments-section .attachment-upload .upload-button:disabled{cursor:not-allowed;opacity:.7}.task-detail-modal .modal-body .attachments-section .upload-progress{background:#f9fafb;border-radius:3px;height:6px;margin-bottom:16px;position:relative}.task-detail-modal .modal-body .attachments-section .upload-progress .progress-bar{background:#51796f;border-radius:3px;height:100%;transition:width .3s ease}.task-detail-modal .modal-body .attachments-section .upload-progress span{color:#9ca3af;font-size:12px;position:absolute;right:0;top:-18px}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item .attachment-info{align-items:center;display:flex;gap:12px;overflow:hidden}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item .attachment-info .attachment-icon{color:#9ca3af;flex-shrink:0;font-size:20px}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item .attachment-info .attachment-details{overflow:hidden}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item .attachment-info .attachment-details .attachment-name{color:#51796f;display:block;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item .attachment-info .attachment-details .attachment-name:hover{text-decoration:underline}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item .attachment-info .attachment-details .attachment-meta{color:#9ca3af;display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item .delete-button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px}.task-detail-modal .modal-body .attachments-section .attachments-list .attachment-item .delete-button:hover{color:#ef4444}.task-detail-modal .modal-body .attachments-section .attachments-list .no-attachments{color:#9ca3af;font-size:14px;font-style:italic;text-align:center}.task-detail-modal .modal-body .comments-section .comment-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.task-detail-modal .modal-body .comments-section .comment-form textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;min-height:100px;padding:12px;resize:vertical;width:100%}.task-detail-modal .modal-body .comments-section .comment-form textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f1a;outline:none}.task-detail-modal .modal-body .comments-section .comment-form textarea:disabled{background-color:#f9fafb;cursor:not-allowed}.task-detail-modal .modal-body .comments-section .comment-form .comment-submit{align-items:center;align-self:flex-end;background:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px}.task-detail-modal .modal-body .comments-section .comment-form .comment-submit:hover:not(:disabled){background:#3e5d55}.task-detail-modal .modal-body .comments-section .comment-form .comment-submit:disabled{cursor:not-allowed;opacity:.7}.task-detail-modal .modal-body .comments-section .comments-list .comment-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.task-detail-modal .modal-body .comments-section .comments-list .comment-item .comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.task-detail-modal .modal-body .comments-section .comments-list .comment-item .comment-header .commenter-info{align-items:center;display:flex;gap:8px}.task-detail-modal .modal-body .comments-section .comments-list .comment-item .comment-header .commenter-info .commenter-name{color:#4b5563;font-size:14px;font-weight:500}.task-detail-modal .modal-body .comments-section .comments-list .comment-item .comment-header .commenter-info .comment-date{color:#9ca3af;font-size:12px}.task-detail-modal .modal-body .comments-section .comments-list .comment-item .comment-header .delete-comment{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px}.task-detail-modal .modal-body .comments-section .comments-list .comment-item .comment-header .delete-comment:hover{color:#ef4444}.task-detail-modal .modal-body .comments-section .comments-list .comment-item .comment-content{color:#4b5563;font-size:14px;line-height:1.5;white-space:pre-line}.task-detail-modal .modal-body .comments-section .comments-list .no-comments{color:#9ca3af;font-size:14px;font-style:italic;text-align:center}.loading-spinner-small{border:2px solid #ffffff4d;margin-right:4px}@media(max-width:768px){.task-detail-modal .modal-body .attachments-section,.task-detail-modal .modal-body .comments-section,.task-detail-modal .modal-body .edit-form,.task-detail-modal .modal-body .task-details-section,.task-detail-modal .modal-header{padding:12px 16px}.task-detail-modal .modal-body .task-meta{flex-direction:column;gap:8px}.task-detail-modal .modal-body .form-row{flex-direction:column;gap:12px}}.status-update-buttons{margin:20px 0}.status-update-buttons h4{color:#4b5563;font-size:16px;font-weight:600;margin-bottom:10px}.status-update-buttons .status-button-group{display:flex;flex-wrap:wrap;gap:10px}.status-update-buttons .status-button-group .status-button{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s ease}.status-update-buttons .status-button-group .status-button svg{font-size:16px;margin-right:6px}.status-update-buttons .status-button-group .status-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.status-update-buttons .status-button-group .status-button:disabled{cursor:not-allowed;opacity:.6}.status-update-buttons .status-button-group .status-button.active{border-width:2px;font-weight:600}.status-update-buttons .status-button-group .status-button.new.active{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.status-update-buttons .status-button-group .status-button.in-progress.active{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.status-update-buttons .status-button-group .status-button.completed.active{background-color:#d1fae5;border-color:#10b981;color:#065f46}.task-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px}.task-actions button{align-items:center;border:1px solid;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:10px 16px;transition:all .2s ease}.task-actions button svg{font-size:18px;margin-right:8px}.task-actions button:disabled{cursor:wait;opacity:.6}.task-actions button .loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.task-actions .archive-button{background-color:#6b7280;border-color:#4b5563;color:#fff}.task-actions .archive-button:hover:not(:disabled){background-color:#4b5563}.task-actions .delete-button{background-color:#ef4444;border-color:#dc2626;color:#fff}.task-actions .delete-button:hover:not(:disabled){background-color:#dc2626}.performance-review-page{margin:0 auto;max-width:1200px;padding:24px}.performance-review-page .page-header{margin-bottom:24px}.performance-review-page .page-header h1{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 8px}.performance-review-page .page-header p{color:#666;font-size:1rem;line-height:1.5;margin:0}.performance-review-page .tabs-container{margin-top:24px}.performance-review-page .tabs-container .tabs-header{border-bottom:1px solid #e8e8e8;display:flex;margin-bottom:16px}.performance-review-page .tabs-container .tabs-header .tab{color:#595959;cursor:pointer;font-size:1rem;padding:12px 16px;position:relative;transition:color .3s}.performance-review-page .tabs-container .tabs-header .tab:hover{color:#1890ff}.performance-review-page .tabs-container .tabs-header .tab.active{color:#1890ff;font-weight:500}.performance-review-page .tabs-container .tabs-header .tab.active:after{background-color:#1890ff;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.performance-review-page .submit-tab{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr}.performance-review-page .alert{align-items:center;border-radius:6px;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}.performance-review-page .alert .icon{flex-shrink:0;font-size:1.2rem}.performance-review-page .alert p{font-size:.95rem;margin:0}.performance-review-page .alert.error{background-color:#fff2f0;border:1px solid #ffccc7;color:#cf1322}.performance-review-page .alert.success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}@media(max-width:992px){.performance-review-page .submit-tab{grid-template-columns:1fr}}@media(max-width:768px){.performance-review-page{padding:16px}.performance-review-page .page-header h1{font-size:1.5rem}.performance-review-page .tabs-container .tabs-header{overflow-x:auto;padding-bottom:4px;white-space:nowrap}.performance-review-page .tabs-container .tabs-header .tab{font-size:.95rem;padding:12px}}.report-calendar{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:16px}.report-calendar .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.report-calendar .calendar-header h2{color:#333;font-size:1.2rem;font-weight:600;margin:0}.report-calendar .calendar-header .calendar-navigation{align-items:center;display:flex;gap:10px}.report-calendar .calendar-header .calendar-navigation .nav-button{align-items:center;background:none;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;transition:all .2s;width:34px}.report-calendar .calendar-header .calendar-navigation .nav-button svg{font-size:14px}.report-calendar .calendar-header .calendar-navigation .nav-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#1890ff}.report-calendar .calendar-header .calendar-navigation .nav-button:disabled{cursor:not-allowed;opacity:.5}.report-calendar .calendar-header .calendar-navigation .nav-button:disabled svg{color:#999!important}.report-calendar .calendar-header .calendar-navigation .current-range{align-items:center;color:#555;display:flex;font-size:.9rem;gap:8px;padding:0 8px}.report-calendar .calendar-header .calendar-navigation .current-range .calendar-icon{font-size:14px}.report-calendar .calendar-body{margin-bottom:16px}.report-calendar .calendar-body .week-days{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.report-calendar .calendar-body .week-days .weekday-label{color:#666;font-size:.8rem;font-weight:600;padding:6px 0;text-align:center}.report-calendar .calendar-body .days-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.report-calendar .calendar-body .days-grid .day-cell{align-items:center;background-color:#f8f8f8;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:48px;justify-content:center;position:relative;transition:all .2s}.report-calendar .calendar-body .days-grid .day-cell:hover{background-color:#f0f0f0}.report-calendar .calendar-body .days-grid .day-cell.selected{background-color:#e6f2ff;border:1px solid #4d90fe}.report-calendar .calendar-body .days-grid .day-cell.pending{background-color:#fff8e6}.report-calendar .calendar-body .days-grid .day-cell.pending .status-indicator{background-color:#ffb700}.report-calendar .calendar-body .days-grid .day-cell.reviewed{background-color:#e6ffed}.report-calendar .calendar-body .days-grid .day-cell.reviewed .status-indicator{background-color:#52c41a;color:#fff}.report-calendar .calendar-body .days-grid .day-cell .day-number{color:#444;font-size:.9rem;font-weight:500}.report-calendar .calendar-body .days-grid .day-cell .status-indicator{align-items:center;border-radius:50%;bottom:4px;display:flex;font-size:.7rem;height:16px;justify-content:center;position:absolute;width:16px}.report-calendar .status-legend{display:flex;gap:16px}.report-calendar .status-legend .legend-item{align-items:center;color:#666;display:flex;font-size:.8rem;gap:5px}.report-calendar .status-legend .legend-item .legend-marker{border-radius:50%;height:10px;width:10px}.report-calendar .status-legend .legend-item .legend-marker.pending{background-color:#ffb700}.report-calendar .status-legend .legend-item .legend-marker.reviewed{background-color:#52c41a}@media(max-width:768px){.report-calendar .calendar-header{align-items:flex-start;flex-direction:column}.report-calendar .calendar-header h2{margin-bottom:10px}.report-calendar .calendar-header .calendar-navigation{justify-content:space-between;width:100%}}.report-form-container .report-form .score-section{background-color:#f0f9ff;border-left:4px solid #52c41a;border-radius:6px;margin-top:20px;padding:15px}.report-form-container .report-form .score-section label{color:#333;font-weight:600;margin-bottom:12px}.report-form-container .report-form .score-section .score-display{align-items:center;display:flex;gap:16px}.report-form-container .report-form .score-section .score-display .score-value{align-items:baseline;color:#52c41a;display:flex;font-size:2.5rem;font-weight:700}.report-form-container .report-form .score-section .score-display .score-value .score-out-of{color:#999;font-size:1.2rem;margin-left:4px}.report-form-container .report-form .score-section .score-display .score-label{color:#333;font-size:1.1rem;font-weight:600}.report-form-container .report-form .feedback-section{background-color:#f9f9f9;border-left:4px solid #52c41a;border-radius:6px;padding:15px}.report-form-container .report-form .feedback-section label{color:#333;margin-bottom:10px}.report-form-container .report-form .feedback-section .feedback-content{color:#444;font-style:italic;line-height:1.5}@media(max-width:768px){.report-form-container .report-header{align-items:flex-start;flex-direction:column;gap:10px}.report-form-container .form-row{flex-direction:column;gap:20px}}.monthly-scores{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.monthly-scores.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.monthly-scores.loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#1890ff;height:40px;margin-bottom:16px;width:40px}.monthly-scores.loading p{color:#666;font-size:1rem;margin:0}.monthly-scores.empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.monthly-scores.empty .empty-icon{color:#d9d9d9;font-size:4rem;margin-bottom:16px}.monthly-scores.empty h3{color:#333;font-size:1.2rem;margin:0 0 8px}.monthly-scores.empty p{color:#666;font-size:.9rem;margin:0;max-width:500px}.monthly-scores .score-overview{margin-bottom:30px}.monthly-scores .score-overview .average-score{align-items:center;display:flex;gap:20px}.monthly-scores .score-overview .average-score .score-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:80px;justify-content:center;width:80px}.monthly-scores .score-overview .average-score .score-details h4{color:#333;font-size:1.2rem;margin:0 0 4px}.monthly-scores .score-overview .average-score .score-details .category{color:#444;font-size:1.1rem;font-weight:600;margin:0 0 4px}.monthly-scores .score-overview .average-score .score-details .info{color:#666;font-size:.9rem;margin:0}.monthly-scores .chart-container{margin-bottom:30px}.monthly-scores .chart-container .chart-title{border-bottom:1px solid #f0f0f0;color:#333;font-size:1.1rem;margin:0 0 16px;padding-bottom:8px}.monthly-scores .chart-tooltip{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:10px}.monthly-scores .chart-tooltip p{font-size:.85rem;margin:0}.monthly-scores .chart-tooltip p.month{font-weight:600;margin-bottom:4px}.monthly-scores .chart-tooltip p.score{color:#333}.monthly-scores .chart-tooltip p.reviews{color:#666;font-size:.8rem;margin-top:2px}.monthly-scores .score-info{background-color:#f9f9f9;border-radius:6px;padding:16px}.monthly-scores .score-info .info-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.monthly-scores .score-info .info-header .icon{color:#1890ff;font-size:1.2rem}.monthly-scores .score-info .info-header h3{color:#333;font-size:1rem;margin:0}.monthly-scores .score-info .score-ranges{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.monthly-scores .score-info .score-ranges .range-item{align-items:center;display:flex;gap:8px}.monthly-scores .score-info .score-ranges .range-item .range-color{border-radius:3px;flex-shrink:0;height:16px;width:16px}.monthly-scores .score-info .score-ranges .range-item .range-label{color:#444;font-size:.85rem;font-weight:600}.monthly-scores .score-info .score-ranges .range-item .range-description{color:#666;font-size:.85rem}@media(max-width:768px){.monthly-scores .score-overview .average-score{align-items:center;flex-direction:column;text-align:center}.monthly-scores .score-overview .average-score .score-details{text-align:center}.monthly-scores .score-info .score-ranges{grid-template-columns:1fr}}.game-testing-container{display:flex;flex-direction:column;height:100%;padding:20px}.game-testing-container .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.game-testing-container .page-header .header-left h1{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;margin:0}.game-testing-container .page-header .header-left h1 .header-icon{color:#51796f;font-size:1.75rem;margin-right:12px}.game-testing-container .page-heading{border-bottom:1px solid #eaeaea;margin-bottom:20px;padding-bottom:15px}.game-testing-container .page-heading h3{color:#333;font-size:1.5rem;font-weight:600}.game-testing-container .game-testing-content{background-color:#f9fafb;border-radius:8px;padding:20px}.game-testing-container .game-testing-content .filters-section{margin-bottom:20px}.game-testing-container .game-testing-content .filters-section .filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.game-testing-container .game-testing-content .filters-section .filters-row .filter-item{flex:1 1;min-width:200px}.game-testing-container .game-testing-content .filters-section .filters-row .filter-item label{color:#555;display:block;font-weight:500;margin-bottom:8px}.game-testing-container .game-testing-content .filters-section .filters-row .filter-item input,.game-testing-container .game-testing-content .filters-section .filters-row .filter-item select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.game-testing-container .game-testing-content .filters-section .filters-row .filter-item input:focus,.game-testing-container .game-testing-content .filters-section .filters-row .filter-item select:focus{border-color:#0065d0;box-shadow:0 0 0 2px #0065d01a;outline:none}.game-testing-container .game-testing-content .filters-section .filters-row .filter-button,.game-testing-container .game-testing-content .filters-section .filters-row .reset-button{border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.game-testing-container .game-testing-content .filters-section .filters-row .filter-button:disabled,.game-testing-container .game-testing-content .filters-section .filters-row .reset-button:disabled{cursor:not-allowed;opacity:.7}.game-testing-container .game-testing-content .filters-section .filters-row .filter-button{background-color:#0065d0;border:none;color:#fff}.game-testing-container .game-testing-content .filters-section .filters-row .filter-button:hover:not(:disabled){background-color:#0052a3}.game-testing-container .game-testing-content .filters-section .filters-row .reset-button{background-color:#f3f4f6;border:1px solid #ddd;color:#555}.game-testing-container .game-testing-content .filters-section .filters-row .reset-button:hover:not(:disabled){background-color:#e5e7eb}.game-testing-container .game-testing-content .reports-table{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.game-testing-container .game-testing-content .reports-table table{border-collapse:collapse;width:100%}.game-testing-container .game-testing-content .reports-table table td,.game-testing-container .game-testing-content .reports-table table th{border-bottom:1px solid #eaeaea;padding:12px 16px;text-align:left}.game-testing-container .game-testing-content .reports-table table th{background-color:#f9fafb;color:#555;font-weight:600}.game-testing-container .game-testing-content .reports-table table td{color:#333}.game-testing-container .game-testing-content .reports-table table td .games-list{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-testing-container .game-testing-content .reports-table table td .action-buttons{display:flex;gap:8px}.game-testing-container .game-testing-content .reports-table table td .action-buttons button{border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.game-testing-container .game-testing-content .reports-table table td .action-buttons button.view-button{background-color:#e8f4fd;border:none;color:#0c77cc}.game-testing-container .game-testing-content .reports-table table td .action-buttons button.view-button:hover{background-color:#d1e9fc}.game-testing-container .game-testing-content .reports-table table .no-reports{color:#666;font-style:italic;padding:40px;text-align:center}.game-testing-container .game-testing-content .load-more{display:flex;justify-content:center;margin-top:20px}.game-testing-container .game-testing-content .load-more .load-more-button{align-items:center;background-color:#f3f4f6;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 20px;transition:all .2s}.game-testing-container .game-testing-content .load-more .load-more-button:hover:not(:disabled){background-color:#e5e7eb}.game-testing-container .game-testing-content .load-more .load-more-button:disabled{cursor:not-allowed;opacity:.7}.game-testing-container .game-testing-content .load-more .load-more-button .spinner{animation:spin .8s linear infinite;border:2px solid #ddd;border-radius:50%;border-top-color:#555;height:16px;width:16px}.game-testing-container .game-testing-content .loading-more{align-items:center;color:#666;display:flex;gap:8px;justify-content:center;margin-top:10px}.game-testing-container .game-testing-content .loading-more .loading-spinner-small{animation:spin .8s linear infinite;border:2px solid #ddd;border-radius:50%;border-top-color:#555;height:16px;width:16px}.game-testing-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.game-testing-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ddd;border-radius:50%;border-top-color:#0065d0;height:40px;margin-bottom:16px;width:40px}.game-testing-container .loading-container p{color:#666;font-size:1.1rem}.game-testing-container .error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.game-testing-container .error-container p{color:#dc2626;margin-bottom:16px}.game-testing-container .error-container button{background-color:#0065d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .2s}.game-testing-container .error-container button:hover{background-color:#0052a3}.game-testing-container .status-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 8px}.game-testing-container .status-badge.warning{background-color:#fff6dd;color:#b78105}.game-testing-container .status-badge.info{background-color:#e8f4fd;color:#0c77cc}.game-testing-container .status-badge.primary{background-color:#e8eaff;color:#3a44c3}.game-testing-container .status-badge.success{background-color:#e3fcef;color:#0b7a48}.game-testing-container .status-badge.secondary{background-color:#eeedf2;color:#65638f}@media(max-width:768px){.game-testing-container .page-header{flex-direction:column;gap:16px}.game-testing-container .filters-section{padding:1rem}.game-testing-container .filters-section .filters-row{flex-direction:column;gap:1rem}.game-testing-container .reports-table-container{overflow-x:auto}.game-testing-container .reports-table-container .reports-table{min-width:650px}.game-testing-container .reports-table-container .reports-table td,.game-testing-container .reports-table-container .reports-table th{padding:.75rem}.game-testing-container .reports-table-container .reports-table .action-buttons{flex-direction:column}.game-testing-container .reports-table-container .reports-table .action-buttons button{width:100%}}.bug-report-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.bug-report-form .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.bug-report-form .modal-header h3{color:#507d74;font-size:18px;font-weight:600;margin:0}.bug-report-form .modal-header .close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:color .2s}.bug-report-form .modal-header .close-button:hover{color:#333}.bug-report-form .modal-body{overflow-y:auto;padding:20px}.bug-report-form .modal-body .success-message{align-items:center;background-color:#e8f5e9;border-radius:6px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.bug-report-form .modal-body .success-message .icon{color:#388e3c;font-size:24px}.bug-report-form .modal-body .success-message p{color:#388e3c;font-weight:500;margin:0}.bug-report-form .modal-body .error-message{align-items:center;background-color:#ffebee;border-radius:6px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.bug-report-form .modal-body .error-message .icon{color:#d32f2f;font-size:24px}.bug-report-form .modal-body .error-message p{color:#d32f2f;font-weight:500;margin:0}.bug-report-form .modal-body form{display:flex;flex-direction:column;gap:16px}.bug-report-form .modal-body form .form-section label{color:#333;display:block;font-weight:500;margin-bottom:8px}.bug-report-form .modal-body form .form-section input[type=text],.bug-report-form .modal-body form .form-section select,.bug-report-form .modal-body form .form-section textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.bug-report-form .modal-body form .form-section input[type=text]:focus,.bug-report-form .modal-body form .form-section select:focus,.bug-report-form .modal-body form .form-section textarea:focus{border-color:#507d74;outline:none}.bug-report-form .modal-body form .form-section textarea{resize:vertical}.bug-report-form .modal-body form .form-section .sensitivity-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label{align-items:center;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:all .2s ease}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label:hover{background-color:#507d740d;border-color:#507d74}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label input[type=radio]{cursor:pointer;height:16px;margin:0;width:16px}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label .sensitivity-badge{border-radius:4px;font-size:12px;font-weight:600;min-width:60px;padding:4px 8px;text-align:center;text-transform:uppercase}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label .sensitivity-badge.low{background-color:#d4edda;color:#155724}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label .sensitivity-badge.medium{background-color:#fff3cd;color:#856404}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label .sensitivity-badge.high{background-color:#f8d7da;color:#721c24}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label .sensitivity-badge.critical{background-color:#f5c6cb;color:#491217}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label .sensitivity-description{color:#666;flex:1 1;font-size:14px}.bug-report-form .modal-body form .form-section .sensitivity-options .sensitivity-option .radio-label input[type=radio]:checked~.sensitivity-badge{box-shadow:0 0 0 2px #507d744d}.bug-report-form .modal-body form .form-section .file-upload-container{margin-top:8px}.bug-report-form .modal-body form .form-section .file-upload-container .file-upload-label{align-items:center;background-color:#f5f5f5;border:1px dashed #ccc;border-radius:6px;cursor:pointer;display:inline-flex;gap:8px;padding:10px 16px;transition:all .2s}.bug-report-form .modal-body form .form-section .file-upload-container .file-upload-label:hover{background-color:#eee;border-color:#aaa}.bug-report-form .modal-body form .form-section .file-upload-container .file-upload-label input[type=file]{display:none}.bug-report-form .modal-body form .form-section .file-upload-container .file-upload-label .upload-icon{color:#507d74;font-size:18px}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:12px}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files .file-preview{border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:8px}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files .file-preview .file-info{align-items:center;display:flex;gap:8px}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files .file-preview .file-info .image-preview{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files .file-preview .file-info .image-preview img{height:100%;object-fit:cover;width:100%}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files .file-preview .file-info .file-type{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#666;display:flex;font-size:12px;font-weight:500;height:40px;justify-content:center;text-transform:uppercase;width:40px}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files .file-preview .file-info .file-name{flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files .file-preview .remove-file{align-items:center;align-self:flex-end;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:2px;transition:all .2s}.bug-report-form .modal-body form .form-section .file-upload-container .selected-files .file-preview .remove-file:hover{background-color:#f5f5f5;color:#d32f2f}.bug-report-form .modal-body form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.bug-report-form .modal-body form .form-actions button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.bug-report-form .modal-body form .form-actions button.btn-primary{background-color:#507d74;border:none;color:#fff}.bug-report-form .modal-body form .form-actions button.btn-primary:hover:not(:disabled){background-color:#41615a}.bug-report-form .modal-body form .form-actions button.btn-primary:disabled{background-color:#8fb2a9;cursor:not-allowed}.bug-report-form .modal-body form .form-actions button.btn-primary .spinner-sm{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.302);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.bug-report-form .modal-body form .form-actions button.btn-outline-secondary{background-color:#fff;border:1px solid #ddd;color:#666}.bug-report-form .modal-body form .form-actions button.btn-outline-secondary:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.bug-report-form .modal-body form .form-actions button.btn-outline-secondary:disabled{background-color:#f8f8f8;border-color:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6}@media(max-width:768px){.bug-report-form{width:95%}.bug-report-form .modal-body{padding:15px}.bug-report-form .modal-body form .form-section .sensitivity-options{flex-direction:column;gap:10px}.bug-report-form .modal-body form .form-section .selected-files{grid-template-columns:1fr}}.modal-overlay{overflow-y:auto}.modal-overlay .edit-game-review-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal-overlay .edit-game-review-modal .modal-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:16px 24px}.modal-overlay .edit-game-review-modal .modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.modal-overlay .edit-game-review-modal .modal-header .header-actions{align-items:center;display:flex;gap:1rem}.modal-overlay .edit-game-review-modal .modal-header .header-actions .bug-report-button{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.modal-overlay .edit-game-review-modal .modal-header .header-actions .bug-report-button:hover{background:#c82333;transform:translateY(-1px)}.modal-overlay .edit-game-review-modal .modal-header .header-actions .bug-report-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.modal-overlay .edit-game-review-modal .modal-header .close-button{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.modal-overlay .edit-game-review-modal .modal-header .close-button:hover{color:#666}.modal-overlay .edit-game-review-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-overlay .edit-game-review-modal .modal-body form .form-section{margin-bottom:24px}.modal-overlay .edit-game-review-modal .modal-body form .form-section:last-child{margin-bottom:0}.modal-overlay .edit-game-review-modal .modal-body form .form-section h4{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.modal-overlay .edit-game-review-modal .modal-body form .form-section .games-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:16px}.modal-overlay .edit-game-review-modal .modal-body form .form-section .games-grid .game-item{border:1px solid #e0e0e0;border-radius:6px;color:#555;cursor:pointer;font-size:14px;padding:12px;text-align:center;transition:all .2s ease}.modal-overlay .edit-game-review-modal .modal-body form .form-section .games-grid .game-item:hover{background-color:#f5f5f5}.modal-overlay .edit-game-review-modal .modal-body form .form-section .games-grid .game-item.selected{background-color:#ebf7ff;border-color:#1890ff;color:#1890ff;font-weight:500}.modal-overlay .edit-game-review-modal .modal-body form .form-section .form-group{margin-bottom:16px}.modal-overlay .edit-game-review-modal .modal-body form .form-section .form-group label{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-overlay .edit-game-review-modal .modal-body form .form-section .form-group textarea{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;line-height:1.5;padding:12px;resize:vertical;width:100%}.modal-overlay .edit-game-review-modal .modal-body form .form-section .form-group textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.modal-overlay .edit-game-review-modal .modal-body form .form-section .form-group textarea::placeholder{color:#bfbfbf}.modal-overlay .edit-game-review-modal .modal-body form .error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#f5222d;font-size:14px;margin-top:16px;padding:12px}.modal-overlay .edit-game-review-modal .modal-body form .success-message{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a;font-size:14px;margin-top:16px;padding:12px}.modal-overlay .edit-game-review-modal .modal-footer{border-top:1px solid #e8e8e8;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-overlay .edit-game-review-modal .modal-footer button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.modal-overlay .edit-game-review-modal .modal-footer button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay .edit-game-review-modal .modal-footer .cancel-button{background-color:#f5f5f5;border:1px solid #d9d9d9;color:#333}.modal-overlay .edit-game-review-modal .modal-footer .cancel-button:hover:not(:disabled){background-color:#e6e6e6}.modal-overlay .edit-game-review-modal .modal-footer .save-button{align-items:center;background-color:#1890ff;border:1px solid #1890ff;color:#fff;display:flex;gap:8px}.modal-overlay .edit-game-review-modal .modal-footer .save-button:hover:not(:disabled){background-color:#40a9ff;border-color:#40a9ff}.modal-overlay .edit-game-review-modal .modal-footer .save-button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.modal-overlay .edit-game-review-modal .bug-reports-summary{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.modal-overlay .edit-game-review-modal .bug-reports-summary .bug-item{align-items:center;background:#f8f9fa;border-left:3px solid #dc3545;border-radius:4px;display:flex;gap:.75rem;padding:.5rem}.modal-overlay .edit-game-review-modal .bug-reports-summary .bug-item .bug-severity{border-radius:3px;font-size:.75rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.modal-overlay .edit-game-review-modal .bug-reports-summary .bug-item .bug-severity.low{background:#d4edda;color:#155724}.modal-overlay .edit-game-review-modal .bug-reports-summary .bug-item .bug-severity.medium{background:#fff3cd;color:#856404}.modal-overlay .edit-game-review-modal .bug-reports-summary .bug-item .bug-severity.high{background:#f8d7da;color:#721c24}.modal-overlay .edit-game-review-modal .bug-reports-summary .bug-item .bug-severity.critical{background:#f5c6cb;color:#491217}.modal-overlay .edit-game-review-modal .bug-reports-summary .bug-item .bug-title{color:#333;flex:1 1;font-weight:500}.modal-overlay .edit-game-review-modal .bug-reports-summary .bug-item .bug-game{background:#fff;border-radius:3px;color:#666;font-size:.85rem;padding:.2rem .5rem}@media(max-width:768px){.edit-game-review-modal{width:95%}.edit-game-review-modal .modal-body{padding:15px}.edit-game-review-modal .modal-body form .form-section .games-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.edit-game-review-modal .modal-body form .form-section .existing-files,.edit-game-review-modal .modal-body form .form-section .selected-files{grid-template-columns:1fr}.edit-game-review-modal .image-upload-section{margin-top:1rem}.edit-game-review-modal .image-upload-section .upload-images-button{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:1rem;padding:12px 20px;transition:all .2s ease}.edit-game-review-modal .image-upload-section .upload-images-button:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.edit-game-review-modal .image-upload-section .upload-images-button:disabled{background:#6c757d;cursor:not-allowed}.edit-game-review-modal .image-upload-section .upload-images-button .spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:14px;width:14px}.edit-game-review-modal .image-upload-section .upload-progress{margin-bottom:1rem}.edit-game-review-modal .image-upload-section .upload-progress .progress-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:12px;margin-bottom:8px;padding:8px}.edit-game-review-modal .image-upload-section .upload-progress .progress-item .progress-filename{color:#6c757d;font-size:12px;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-game-review-modal .image-upload-section .upload-progress .progress-item .progress-bar{background:#e9ecef;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.edit-game-review-modal .image-upload-section .upload-progress .progress-item .progress-bar .progress-fill{background:#28a745;height:100%;transition:width .3s ease}.edit-game-review-modal .image-upload-section .upload-progress .progress-item .progress-percentage{color:#6c757d;font-size:12px;min-width:40px;text-align:right}.edit-game-review-modal .image-upload-section .images-preview-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:1rem}.edit-game-review-modal .image-upload-section .images-preview-grid .image-preview-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.edit-game-review-modal .image-upload-section .images-preview-grid .image-preview-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.edit-game-review-modal .image-upload-section .images-preview-grid .image-preview-item:hover .image-overlay{opacity:1}.edit-game-review-modal .image-upload-section .images-preview-grid .image-preview-item img{display:block;height:60px;object-fit:cover;width:100%}.edit-game-review-modal .image-upload-section .images-preview-grid .image-preview-item .image-overlay{align-items:center;background:#0009;bottom:20px;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.edit-game-review-modal .image-upload-section .images-preview-grid .image-preview-item .image-overlay .remove-image-button{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:background .2s ease;width:24px}.edit-game-review-modal .image-upload-section .images-preview-grid .image-preview-item .image-overlay .remove-image-button:hover{background:#c82333}.edit-game-review-modal .image-upload-section .images-preview-grid .image-preview-item .image-name{background:#fff;color:#6c757d;font-size:10px;line-height:1.2;overflow:hidden;padding:4px 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}}.view-game-review-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.view-game-review-modal .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.view-game-review-modal .modal-header h3{color:#507d74;font-size:18px;font-weight:600;margin:0}.view-game-review-modal .modal-header .close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:color .2s}.view-game-review-modal .modal-header .close-button:hover{color:#333}.view-game-review-modal .modal-body{overflow-y:auto;padding:20px}.view-game-review-modal .modal-body .report-meta{border-bottom:1px solid #eaeaea;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:15px}.view-game-review-modal .modal-body .report-meta .meta-item{display:flex;flex-direction:column;min-width:150px}.view-game-review-modal .modal-body .report-meta .meta-item .label{color:#666;font-size:12px;margin-bottom:4px}.view-game-review-modal .modal-body .report-meta .meta-item .value{font-weight:500}.view-game-review-modal .modal-body .report-meta .meta-item .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px;text-transform:uppercase}.view-game-review-modal .modal-body .report-meta .meta-item .status-badge.test_report_available{background-color:#e3f2fd;color:#1976d2}.view-game-review-modal .modal-body .report-meta .meta-item .status-badge.test_report_in_progress{background-color:#fff8e1;color:#ffa000}.view-game-review-modal .modal-body .report-meta .meta-item .status-badge.test_report_completed{background-color:#e8f5e9;color:#388e3c}.view-game-review-modal .modal-body .report-section{margin-bottom:20px}.view-game-review-modal .modal-body .report-section h4{color:#333;font-size:16px;font-weight:500;margin:0 0 10px}.view-game-review-modal .modal-body .report-section .games-list{display:flex;flex-wrap:wrap;gap:8px}.view-game-review-modal .modal-body .report-section .games-list .game-badge{background-color:#f1f1f1;border-radius:4px;color:#333;font-size:13px;padding:5px 10px}.view-game-review-modal .modal-body .report-section .feedback-text{color:#333;line-height:1.5;margin:0}.view-game-review-modal .modal-body .report-section .empty-value{color:#999;font-style:italic}.view-game-review-modal .modal-body .report-section .files-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:10px}.view-game-review-modal .modal-body .report-section .files-grid .file-item{border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:10px}.view-game-review-modal .modal-body .report-section .files-grid .file-item .image-preview{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;height:120px;justify-content:center;overflow:hidden}.view-game-review-modal .modal-body .report-section .files-grid .file-item .image-preview.clickable{cursor:pointer;transition:opacity .2s}.view-game-review-modal .modal-body .report-section .files-grid .file-item .image-preview.clickable:hover{opacity:.9}.view-game-review-modal .modal-body .report-section .files-grid .file-item .image-preview img{height:100%;object-fit:cover;width:100%}.view-game-review-modal .modal-body .report-section .files-grid .file-item .document-icon{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#666;display:flex;font-size:32px;height:120px;justify-content:center}.view-game-review-modal .modal-body .report-section .files-grid .file-item .file-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-game-review-modal .modal-body .report-section .files-grid .file-item .view-link{align-self:flex-end;background-color:#f5f5f5;border-radius:4px;color:#333;font-size:12px;padding:4px 10px;text-decoration:none;transition:all .2s}.view-game-review-modal .modal-body .report-section .files-grid .file-item .view-link:hover{background-color:#e5e5e5}.view-game-review-modal .modal-body .modal-footer{border-top:1px solid #eaeaea;display:flex;justify-content:flex-end;margin-top:20px;padding-top:15px}.view-game-review-modal .modal-body .modal-footer button{border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.view-game-review-modal .modal-body .modal-footer button.btn-outline-secondary{background-color:#fff;border:1px solid #ddd;color:#666}.view-game-review-modal .modal-body .modal-footer button.btn-outline-secondary:hover{background-color:#f5f5f5;border-color:#ccc}.fullscreen-image-modal{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.fullscreen-image-modal .image-container{display:flex;flex-direction:column;max-height:90vh;max-width:90%;position:relative}.fullscreen-image-modal .image-container .back-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;left:0;position:absolute;top:-40px;transition:opacity .2s}.fullscreen-image-modal .image-container .back-button:hover{opacity:.8}.fullscreen-image-modal .image-container img{max-height:80vh;max-width:100%;object-fit:contain}.fullscreen-image-modal .image-container .image-footer{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-top:15px}.fullscreen-image-modal .image-container .image-footer .file-name{font-size:14px}.fullscreen-image-modal .image-container .image-footer .download-link{color:#fff;font-size:14px;text-decoration:underline;transition:opacity .2s}.fullscreen-image-modal .image-container .image-footer .download-link:hover{opacity:.8}@media(max-width:768px){.view-game-review-modal{width:95%}.view-game-review-modal .modal-body{padding:15px}.view-game-review-modal .modal-body .report-meta{flex-direction:column;gap:10px}.view-game-review-modal .modal-body .report-section .files-grid{grid-template-columns:1fr}}.modal-overlay .game-review-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal-overlay .game-review-modal .modal-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:16px 24px}.modal-overlay .game-review-modal .modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.modal-overlay .game-review-modal .modal-header .close-button{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.modal-overlay .game-review-modal .modal-header .close-button:hover{color:#666}.modal-overlay .game-review-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-overlay .game-review-modal .modal-body .report-header{margin-bottom:24px}.modal-overlay .game-review-modal .modal-body .report-header .report-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item{display:flex;flex-direction:column}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item label{color:#666;font-size:14px;margin-bottom:4px}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item span{color:#333;font-size:15px}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item span .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item span .status-badge.warning{background-color:#fff3cd;color:#856404}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item span .status-badge.info{background-color:#cce5ff;color:#004085}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item span .status-badge.primary{background-color:#b8daff;color:#004085}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item span .status-badge.success{background-color:#d4edda;color:#155724}.modal-overlay .game-review-modal .modal-body .report-header .report-meta .meta-item span .status-badge.secondary{background-color:#e2e3e5;color:#383d41}.modal-overlay .game-review-modal .modal-body .report-content .section{margin-bottom:24px}.modal-overlay .game-review-modal .modal-body .report-content .section:last-child{margin-bottom:0}.modal-overlay .game-review-modal .modal-body .report-content .section h4{border-bottom:1px solid #f0f0f0;color:#333;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.modal-overlay .game-review-modal .modal-body .report-content .section p{color:#666;font-size:15px;line-height:1.6;margin:0;white-space:pre-line}.modal-overlay .game-review-modal .modal-body .report-content .section .no-data{color:#999;font-style:italic}.modal-overlay .game-review-modal .modal-body .report-content .section .games-list{display:flex;flex-wrap:wrap;gap:8px;list-style-type:none;margin:0;padding:0}.modal-overlay .game-review-modal .modal-body .report-content .section .games-list li{background-color:#f5f5f5;border-radius:16px;color:#555;font-size:14px;padding:6px 12px}.modal-overlay .game-review-modal .modal-body .report-content .section .image-gallery{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-overlay .game-review-modal .modal-body .report-content .section .image-gallery .image-item{border:1px solid #eee;border-radius:4px;overflow:hidden}.modal-overlay .game-review-modal .modal-body .report-content .section .image-gallery .image-item a{display:block}.modal-overlay .game-review-modal .modal-body .report-content .section .image-gallery .image-item a img{height:150px;object-fit:cover;transition:transform .2s;width:100%}.modal-overlay .game-review-modal .modal-body .report-content .section .image-gallery .image-item a img:hover{transform:scale(1.05)}.modal-overlay .game-review-modal .modal-footer{border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;padding:16px 24px}.modal-overlay .game-review-modal .modal-footer .close-button{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px}.modal-overlay .game-review-modal .modal-footer .close-button:hover{background-color:#e6e6e6}.bug-details-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.bug-details-modal .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}.bug-details-modal .modal-header h3{color:#507d74;font-size:18px;font-weight:600;margin:0}.bug-details-modal .modal-header .close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;transition:color .2s}.bug-details-modal .modal-header .close-button:hover{color:#333}.bug-details-modal .modal-body{overflow-y:auto;padding:20px}.bug-details-modal .modal-body .bug-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.bug-details-modal .modal-body .bug-header .bug-title{color:#333;flex:1 1;font-size:20px;font-weight:600;margin:0}.bug-details-modal .modal-body .bug-header .sensitivity-badge{border-radius:16px;font-size:13px;font-weight:500;margin-left:16px;padding:6px 12px;white-space:nowrap}.bug-details-modal .modal-body .meta-info{border-bottom:1px solid #eaeaea;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:15px}.bug-details-modal .modal-body .meta-info .meta-item{display:flex;flex-direction:column;min-width:150px}.bug-details-modal .modal-body .meta-info .meta-item .label{color:#666;font-size:12px;margin-bottom:4px}.bug-details-modal .modal-body .meta-info .meta-item .value{font-weight:500}.bug-details-modal .modal-body .bug-section{margin-bottom:20px}.bug-details-modal .modal-body .bug-section h4{color:#333;font-size:16px;font-weight:500;margin:0 0 10px}.bug-details-modal .modal-body .bug-section .section-content{line-height:1.5;margin:0;white-space:pre-line}.bug-details-modal .modal-body .bug-section .files-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.bug-details-modal .modal-body .bug-section .files-grid .file-item{border:1px solid #eee;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:10px}.bug-details-modal .modal-body .bug-section .files-grid .file-item .image-preview{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;height:100px;justify-content:center;overflow:hidden}.bug-details-modal .modal-body .bug-section .files-grid .file-item .image-preview img{height:100%;object-fit:cover;width:100%}.bug-details-modal .modal-body .bug-section .files-grid .file-item .document-icon{align-items:center;background-color:#f5f5f5;border-radius:4px;color:#666;display:flex;font-size:32px;height:100px;justify-content:center}.bug-details-modal .modal-body .bug-section .files-grid .file-item .file-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bug-details-modal .modal-body .bug-section .files-grid .file-item .view-link{align-self:flex-end;background-color:#f5f5f5;border-radius:4px;color:#333;font-size:12px;padding:4px 10px;text-decoration:none;transition:all .2s}.bug-details-modal .modal-body .bug-section .files-grid .file-item .view-link:hover{background-color:#e5e5e5}.bug-details-modal .modal-body .modal-footer{border-top:1px solid #eaeaea;display:flex;justify-content:flex-end;margin-top:20px;padding-top:15px}.bug-details-modal .modal-body .modal-footer button{border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.bug-details-modal .modal-body .modal-footer button.btn-outline-secondary{background-color:#fff;border:1px solid #ddd;color:#666}.bug-details-modal .modal-body .modal-footer button.btn-outline-secondary:hover{background-color:#f5f5f5;border-color:#ccc}@media(max-width:768px){.bug-details-modal{width:95%}.bug-details-modal .modal-body{padding:15px}.bug-details-modal .modal-body .bug-header{flex-direction:column;gap:10px}.bug-details-modal .modal-body .bug-header .sensitivity-badge{margin-left:0}.bug-details-modal .modal-body .meta-info{flex-direction:column;gap:10px}.bug-details-modal .modal-body .bug-section .files-grid{grid-template-columns:1fr}}.bug-reports-summary{overflow-x:auto;width:100%}.bug-reports-summary .bug-table{border-collapse:collapse;width:100%}.bug-reports-summary .bug-table td,.bug-reports-summary .bug-table th{border-bottom:1px solid #eaeaea;padding:12px 16px;text-align:left}.bug-reports-summary .bug-table th{background-color:#f9f9f9;color:#333;font-weight:600}.bug-reports-summary .bug-table tbody tr:hover{background-color:#f5f5f5}.bug-reports-summary .bug-table tbody tr td{color:#333;font-size:14px}.bug-reports-summary .bug-table tbody tr td.bug-title{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bug-reports-summary .bug-table tbody tr td .sensitivity-indicator{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-align:center}.bug-reports-summary .bug-table tbody tr td .view-details-btn{align-items:center;background-color:#0000;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;gap:6px;padding:6px 10px;transition:all .2s}.bug-reports-summary .bug-table tbody tr td .view-details-btn:hover{background-color:#f0f0f0;border-color:#ccc}.bug-reports-summary .no-bugs-message{color:#666;font-style:italic;padding:20px;text-align:center}@media(max-width:768px){.bug-reports-summary .bug-table td,.bug-reports-summary .bug-table th{padding:10px}.bug-reports-summary .bug-table td:nth-child(4),.bug-reports-summary .bug-table th:nth-child(4){display:none}}.report-detail-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:70vh;max-width:900px;overflow-y:auto;width:100%}.report-detail-modal .report-detail-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 20px}.report-detail-modal .report-detail-header .header-actions{align-items:center;display:flex;gap:12px}.report-detail-modal .report-detail-header .header-actions .delete-button{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background-color .2s}.report-detail-modal .report-detail-header .header-actions .delete-button:hover:not(:disabled){background-color:#c82333}.report-detail-modal .report-detail-header .header-actions .delete-button:disabled{cursor:not-allowed;opacity:.6}.report-detail-modal .report-detail-header .header-actions .delete-button svg{height:16px;width:16px}.report-detail-modal .report-detail-header .header-content{flex:1 1}.report-detail-modal .report-detail-header .header-content h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.report-detail-modal .report-detail-header .header-content .assignee-info{display:flex;gap:20px}.report-detail-modal .report-detail-header .header-content .assignee-info .info-item{align-items:center;display:flex;gap:6px}.report-detail-modal .report-detail-header .header-content .assignee-info .info-item .label{color:#666;font-size:14px}.report-detail-modal .report-detail-header .header-content .assignee-info .info-item .value{color:#333;font-size:14px;font-weight:500}.report-detail-modal .report-detail-header .close-button{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.report-detail-modal .report-detail-header .close-button:hover{color:#666}.report-detail-modal .report-detail-content{padding:20px}.report-detail-modal .report-detail-content .report-meta-section{border-bottom:1px solid #eaeaea;margin-bottom:20px;padding-bottom:15px}.report-detail-modal .report-detail-content .report-meta-section .meta-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.report-detail-modal .report-detail-content .report-meta-section .meta-grid .meta-item{display:flex;flex-direction:column}.report-detail-modal .report-detail-content .report-meta-section .meta-grid .meta-item .label{color:#666;font-size:13px;margin-bottom:4px}.report-detail-modal .report-detail-content .report-meta-section .meta-grid .meta-item .value{color:#333;font-size:14px}.report-detail-modal .report-detail-content .section{margin-bottom:25px}.report-detail-modal .report-detail-content .section h4{border-bottom:1px solid #f0f0f0;color:#333;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.report-detail-modal .report-detail-content .section .games-list{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;margin:0;padding:0}.report-detail-modal .report-detail-content .section .games-list li{background-color:#f5f5f5;border-radius:16px;color:#555;font-size:14px;padding:6px 12px}.report-detail-modal .report-detail-content .section .feedback-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.report-detail-modal .report-detail-content .section .feedback-grid .feedback-item{background-color:#f9f9f9;border-radius:8px;padding:15px}.report-detail-modal .report-detail-content .section .feedback-grid .feedback-item h5{color:#333;font-size:15px;font-weight:500;margin-bottom:10px;margin-top:0}.report-detail-modal .report-detail-content .section .feedback-grid .feedback-item p{color:#555;font-size:14px;line-height:1.5;margin:0;white-space:pre-line}.report-detail-modal .report-detail-content .section .bug-reports-list{display:flex;flex-direction:column;gap:15px}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item{background-color:#f9f9f9;border-left:3px solid #ff6b6b;border-radius:8px;padding:15px}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-header h5{color:#333;font-size:15px;font-weight:500;margin:0}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-header .bug-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-header .bug-status.pending{background-color:#fff3cd;color:#856404}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-header .bug-status.in_progress{background-color:#cce5ff;color:#004085}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-header .bug-status.resolved{background-color:#d4edda;color:#155724}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-header .bug-status.won_t_fix{background-color:#e2e3e5;color:#383d41}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-description{color:#555;font-size:14px;line-height:1.5;margin:0 0 12px}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-steps{margin-top:10px}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-steps h6{color:#666;font-size:13px;font-weight:500;margin:0 0 5px}.report-detail-modal .report-detail-content .section .bug-reports-list .bug-report-item .bug-steps p{color:#666;font-size:13px;line-height:1.5;margin:0;white-space:pre-line}.report-detail-modal .report-detail-content .section .image-gallery{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.report-detail-modal .report-detail-content .section .image-gallery .image-item{border:1px solid #eee;border-radius:6px;overflow:hidden}.report-detail-modal .report-detail-content .section .image-gallery .image-item a{display:block}.report-detail-modal .report-detail-content .section .image-gallery .image-item a img{height:150px;object-fit:cover;transition:transform .2s;width:100%}.report-detail-modal .report-detail-content .section .image-gallery .image-item a img:hover{transform:scale(1.05)}.report-detail-modal .report-detail-content .section .image-gallery .image-item .image-name{background:#f8f9fa;border-top:1px solid #eee;color:#6c757d;font-size:12px;overflow:hidden;padding:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.report-detail-modal .report-detail-footer{border-top:1px solid #eaeaea;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.report-detail-modal .report-detail-footer button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.report-detail-modal .report-detail-footer button.close-btn{background-color:#f5f5f5;border:1px solid #d9d9d9;color:#333}.report-detail-modal .report-detail-footer button.close-btn:hover{background-color:#e6e6e6}.status-badge{display:inline-block;font-weight:500;padding:5px 10px}.status-badge.warning{background-color:#fff3cd;color:#856404}.status-badge.info{background-color:#cce5ff;color:#004085}.status-badge.primary{background-color:#b8daff;color:#004085}.status-badge.success{background-color:#d4edda;color:#155724}.status-badge.secondary{background-color:#e2e3e5;color:#383d41}.no-data{color:#999;font-size:14px;font-style:italic}.report-detail-modal{max-width:1200px!important;width:95vw!important}.report-detail-modal .modal-body{max-height:85vh;overflow-y:auto;padding:30px}.report-detail-modal .report-detail-header{grid-gap:30px;border-bottom:2px solid #eaeaea;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;padding-bottom:25px}.report-detail-modal .report-detail-header h4{color:#555;font-size:1rem;font-weight:600;margin-bottom:10px}.report-detail-modal .report-detail-header .assignee-info .assignee-name{font-weight:500;margin-bottom:3px}.report-detail-modal .report-detail-header .assignee-info .assignee-email{color:#777;font-size:.85rem}.report-detail-modal .report-detail-header .status-info .status-badge-container{display:flex;flex-direction:column;gap:8px}.report-detail-modal .report-detail-header .status-info .status-badge-container .update-status-button{background:none;border:none;color:#0065d0;cursor:pointer;font-size:.85rem;padding:0;text-align:left;text-decoration:underline}.report-detail-modal .report-detail-header .status-info .status-badge-container .update-status-button:hover{color:#004cad}.report-detail-modal .report-detail-header .dates-info p,.report-detail-modal .report-detail-header .week-info p{font-size:.9rem;margin-bottom:5px}.report-detail-modal .report-detail-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 2fr}.report-detail-modal .report-detail-content .left-column .games-section{margin-bottom:30px}.report-detail-modal .report-detail-content .left-column .games-section h4{border-bottom:2px solid #eaeaea;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-bottom:10px}.report-detail-modal .report-detail-content .left-column .games-section .no-content{color:#999;font-style:italic}.report-detail-modal .report-detail-content .right-column .bug-reports-section,.report-detail-modal .report-detail-content .right-column .feedback-section{margin-bottom:35px}.report-detail-modal .report-detail-content .right-column .bug-reports-section h4,.report-detail-modal .report-detail-content .right-column .feedback-section h4{border-bottom:2px solid #eaeaea;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.report-detail-modal .report-detail-content .right-column .bug-reports-section .no-content,.report-detail-modal .report-detail-content .right-column .feedback-section .no-content{color:#999;font-style:italic}@media(max-width:992px){.report-detail-modal .report-detail-content{gap:30px;grid-template-columns:1fr}}.report-detail-modal .games-list{list-style:none;margin:0;padding:0}.report-detail-modal .games-list li{background-color:#f0f7ff;border-left:3px solid #3a6ea5;border-radius:6px;color:#2c5aa0;font-weight:500;margin-bottom:10px;padding:12px 16px}.report-detail-modal .feedback-item{background-color:#f9f9f9;border-left:4px solid #3a6ea5;border-radius:8px;margin-bottom:20px;padding:20px}.report-detail-modal .feedback-item h5{color:#444;font-size:1rem;font-weight:600;margin-bottom:10px}.report-detail-modal .feedback-item .feedback-content{color:#555;line-height:1.5;margin:0;white-space:pre-line}.report-detail-modal .bug-reports-list .bug-report-item{background-color:#fff5f5;border-left:4px solid #e53e3e;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.report-detail-modal .bug-reports-list .bug-report-item h5{color:#444;font-size:1rem;font-weight:600;margin-bottom:10px}.report-detail-modal .bug-reports-list .bug-report-item .bug-description{color:#555;line-height:1.5;margin-bottom:15px;white-space:pre-line}.report-detail-modal .bug-reports-list .bug-report-item .bug-steps{margin-bottom:15px}.report-detail-modal .bug-reports-list .bug-report-item .bug-steps h6{color:#555;font-size:.9rem;font-weight:600;margin-bottom:5px}.report-detail-modal .bug-reports-list .bug-report-item .bug-steps p{color:#555;line-height:1.5;margin:0;white-space:pre-line}.report-detail-modal .bug-reports-list .bug-report-item .bug-images h6{color:#555;font-size:.9rem;font-weight:600;margin-bottom:10px}.report-detail-modal .bug-reports-list .bug-report-item .bug-images .images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.report-detail-modal .bug-reports-list .bug-report-item .bug-images .images-grid .image-thumbnail{border-radius:4px;display:block;overflow:hidden}.report-detail-modal .bug-reports-list .bug-report-item .bug-images .images-grid .image-thumbnail img{height:100px;object-fit:cover;transition:transform .2s;width:100%}.report-detail-modal .bug-reports-list .bug-report-item .bug-images .images-grid .image-thumbnail img:hover{transform:scale(1.05)}.report-detail-modal .status-badge{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;padding:4px 8px}.report-detail-modal .status-badge.warning{background-color:#fff6dd;color:#b78105}.report-detail-modal .status-badge.info{background-color:#e8f4fd;color:#0c77cc}.report-detail-modal .status-badge.primary{background-color:#e8eaff;color:#3a44c3}.report-detail-modal .status-badge.success{background-color:#e3fcef;color:#0b7a48}.report-detail-modal .status-badge.secondary{background-color:#eeedf2;color:#65638f}.modal-header .header-actions{align-items:center;display:flex;gap:12px}.modal-header .header-actions .delete-button{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:background-color .2s}.modal-header .header-actions .delete-button:hover:not(:disabled){background-color:#c82333}.modal-header .header-actions .delete-button:disabled{cursor:not-allowed;opacity:.6}.modal-header .header-actions .delete-button svg{height:16px;width:16px}.modal-header .header-actions .close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;margin:0;padding:0}.modal-header .header-actions .close-button:hover{color:#333}.delete-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;min-width:400px;padding:0}.delete-confirm-modal .delete-confirm-header{border-bottom:1px solid #eaeaea;padding:20px}.delete-confirm-modal .delete-confirm-header h3{color:#dc3545;font-size:18px;font-weight:600;margin:0}.delete-confirm-modal .delete-confirm-content{padding:20px}.delete-confirm-modal .delete-confirm-content p{line-height:1.5;margin:0 0 15px}.delete-confirm-modal .delete-confirm-content p.warning{color:#dc3545;font-weight:500;margin-top:15px}.delete-confirm-modal .delete-confirm-content ul{margin:10px 0 15px 20px}.delete-confirm-modal .delete-confirm-content ul li{color:#666;margin-bottom:5px}.delete-confirm-modal .delete-confirm-actions{display:flex;gap:10px;justify-content:flex-end;padding:15px 20px 20px}.delete-confirm-modal .delete-confirm-actions .cancel-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.delete-confirm-modal .delete-confirm-actions .cancel-btn:hover:not(:disabled){background:#5a6268}.delete-confirm-modal .delete-confirm-actions .cancel-btn:disabled{cursor:not-allowed;opacity:.6}.delete-confirm-modal .delete-confirm-actions .delete-confirm-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.delete-confirm-modal .delete-confirm-actions .delete-confirm-btn:hover:not(:disabled){background:#c82333}.delete-confirm-modal .delete-confirm-actions .delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.delete-confirm-modal .main-images-section{border-top:1px solid #eaeaea;margin-top:30px;padding-top:20px}.delete-confirm-modal .main-images-section h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:15px}.delete-confirm-modal .main-images-section .main-images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.delete-confirm-modal .main-images-section .main-images-grid .main-image-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.delete-confirm-modal .main-images-section .main-images-grid .main-image-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.delete-confirm-modal .main-images-section .main-images-grid .main-image-item a{display:block}.delete-confirm-modal .main-images-section .main-images-grid .main-image-item a img{display:block;height:150px;object-fit:cover;transition:transform .2s ease;width:100%}.delete-confirm-modal .main-images-section .main-images-grid .main-image-item a img:hover{transform:scale(1.02)}.delete-confirm-modal .main-images-section .main-images-grid .main-image-item .image-name{background:#fff;border-top:1px solid #e9ecef;color:#6c757d;font-size:12px;overflow:hidden;padding:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.analytics-reports-container{width:100%}.analytics-reports-container .statistics-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.analytics-reports-container .statistics-summary .stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center;transition:transform .2s}.analytics-reports-container .statistics-summary .stat-card:hover{transform:translateY(-5px)}.analytics-reports-container .statistics-summary .stat-card h3{color:#555;font-size:16px;font-weight:500;margin:0 0 10px}.analytics-reports-container .statistics-summary .stat-card .stat-value{color:#3a6ea5;font-size:32px;font-weight:600}.analytics-reports-container .statistics-summary .stat-card:first-child .stat-value{color:#3a6ea5}.analytics-reports-container .statistics-summary .stat-card:nth-child(2) .stat-value{color:#e65100}.analytics-reports-container .statistics-summary .stat-card:nth-child(3) .stat-value{color:#0277bd}.analytics-reports-container .statistics-summary .stat-card:nth-child(4) .stat-value{color:#2e7d32}.analytics-reports-container .statistics-summary .stat-card:nth-child(5) .stat-value{color:#7b1fa2}.analytics-reports-container .filters-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.analytics-reports-container .filters-section h2{color:#3a6ea5;font-size:20px;font-weight:600;margin:0 0 20px}.analytics-reports-container .filters-section .filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.analytics-reports-container .filters-section .filters-row .filter-item{flex:1 1;max-width:250px;min-width:180px}.analytics-reports-container .filters-section .filters-row .filter-item label{color:#555;display:block;font-size:14px;margin-bottom:5px}.analytics-reports-container .filters-section .filters-row .filter-item input,.analytics-reports-container .filters-section .filters-row .filter-item select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.analytics-reports-container .filters-section .filters-row .filter-item input:focus,.analytics-reports-container .filters-section .filters-row .filter-item select:focus{border-color:#3a6ea5;box-shadow:0 0 0 2px #3a6ea533;outline:none}.analytics-reports-container .filters-section .filters-row .filter-button,.analytics-reports-container .filters-section .filters-row .reset-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:9px 16px;transition:background-color .2s}.analytics-reports-container .filters-section .filters-row .filter-button:disabled,.analytics-reports-container .filters-section .filters-row .reset-button:disabled{background-color:#ccc;cursor:not-allowed}.analytics-reports-container .filters-section .filters-row .filter-button{background-color:#3a6ea5;color:#fff}.analytics-reports-container .filters-section .filters-row .filter-button:hover:not(:disabled){background-color:#305980}.analytics-reports-container .filters-section .filters-row .reset-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.analytics-reports-container .filters-section .filters-row .reset-button:hover:not(:disabled){background-color:#e5e5e5}.analytics-reports-container .reports-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:auto;padding:20px}.analytics-reports-container .reports-table table{border-collapse:collapse;width:100%}.analytics-reports-container .reports-table table td,.analytics-reports-container .reports-table table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.analytics-reports-container .reports-table table th{background-color:#f9f9f9;color:#333;font-weight:600}.analytics-reports-container .reports-table table td{color:#555;font-size:14px}.analytics-reports-container .reports-table table tr:hover td{background-color:#f5f8fa}.analytics-reports-container .reports-table table .assignee-info{display:flex;flex-direction:column}.analytics-reports-container .reports-table table .assignee-info .assignee-name{color:#333;font-weight:500}.analytics-reports-container .reports-table table .assignee-info .assignee-email{color:#888;font-size:12px}.analytics-reports-container .reports-table table .games-list{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-reports-container .reports-table table .action-buttons{display:flex;gap:10px}.analytics-reports-container .reports-table table .action-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.analytics-reports-container .reports-table table .action-buttons .view-button{background-color:#3a6ea5;color:#fff}.analytics-reports-container .reports-table table .action-buttons .view-button:hover{background-color:#305980}.analytics-reports-container .reports-table table .no-reports{color:#888;font-style:italic;padding:40px 0;text-align:center}.analytics-reports-container .reports-table .load-more{display:flex;justify-content:center;margin-top:20px}.analytics-reports-container .reports-table .load-more .load-more-button{align-items:center;background-color:#3a6ea5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:background-color .2s}.analytics-reports-container .reports-table .load-more .load-more-button:hover:not(:disabled){background-color:#305980}.analytics-reports-container .reports-table .load-more .load-more-button:disabled{background-color:#ccc;cursor:not-allowed}.analytics-reports-container .reports-table .load-more .load-more-button .spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.analytics-reports-container .reports-table .loading-more{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;justify-content:center;margin-top:20px}.analytics-reports-container .reports-table .loading-more .loading-spinner-small{animation:spin 1s ease-in-out infinite;border:2px solid #3a6ea54d;border-radius:50%;border-top-color:#3a6ea5;display:inline-block;height:16px;width:16px}.analytics-reports-container .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px}.analytics-reports-container .status-badge.warning{background-color:#fff3e0;color:#e65100}.analytics-reports-container .status-badge.info{background-color:#e1f5fe;color:#0277bd}.analytics-reports-container .status-badge.primary,.analytics-reports-container .status-badge.success{background-color:#e8f5e9;color:#2e7d32}.analytics-reports-container .status-badge.secondary{background-color:#f5f5f5;color:#616161}.analytics-reports-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.analytics-reports-container .loading-container .loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #3a6ea54d;border-radius:50%;border-top-color:#3a6ea5;height:40px;margin-bottom:15px;width:40px}.analytics-reports-container .loading-container p{color:#666;font-size:16px}.analytics-reports-container .error-container{padding:30px;text-align:center}.analytics-reports-container .error-container p{color:#d32f2f;margin-bottom:15px}.analytics-reports-container .error-container button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.analytics-reports-container .error-container button:hover{background-color:#e0e0e0}.testing-analytics-container{padding:20px;width:100%}.testing-analytics-container .page-heading{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.testing-analytics-container .page-heading h3{color:#3a6ea5;font-size:24px;font-weight:600}.testing-analytics-container .testing-analytics-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .filters-section h2{color:#3a6ea5}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .filters-section .filter-button{background-color:#3a6ea5}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .filters-section .filter-button:hover{background-color:#305980}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .status-badge.warning{background-color:#fff3e0;color:#e65100}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .status-badge.info{background-color:#e1f5fe;color:#0277bd}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .status-badge.primary{background-color:#e8f5e9;color:#2e7d32}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .status-badge.success{background-color:#e8f5e9;color:#2e7d32}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .status-button,.testing-analytics-container .testing-analytics-content :global .testing-reports-container .view-button{background-color:#3a6ea5}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .status-button:hover,.testing-analytics-container .testing-analytics-content :global .testing-reports-container .view-button:hover{background-color:#305980}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .load-more-button{background-color:#3a6ea5}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .load-more-button:hover{background-color:#305980}.testing-analytics-container .testing-analytics-content :global .testing-reports-container .load-more-button:disabled{background-color:#ccc}.bug-detail-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;position:relative;width:90%}.bug-detail-modal .bug-detail-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 24px}.bug-detail-modal .bug-detail-header .header-content{flex:1 1}.bug-detail-modal .bug-detail-header .header-content h3{color:#343a40;font-size:20px;font-weight:600;margin:0 0 10px}.bug-detail-modal .bug-detail-header .header-content .bug-meta{display:flex;flex-wrap:wrap;gap:16px}.bug-detail-modal .bug-detail-header .header-content .bug-meta .meta-item{align-items:center;display:flex}.bug-detail-modal .bug-detail-header .header-content .bug-meta .meta-item .label{color:#6c757d;font-size:14px;margin-right:8px}.bug-detail-modal .bug-detail-header .header-content .bug-meta .meta-item .value{font-size:14px;font-weight:500}.bug-detail-modal .bug-detail-header .close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;line-height:1;padding:0}.bug-detail-modal .bug-detail-header .close-button:hover{color:#343a40}.bug-detail-modal .bug-detail-content{flex:1 1;overflow-y:auto;padding:24px}.bug-detail-modal .bug-detail-content h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 8px}.bug-detail-modal .bug-detail-content p{color:#6c757d;font-size:14px;line-height:1.6;margin:0 0 16px;white-space:pre-line}.bug-detail-modal .bug-detail-content .bug-actual,.bug-detail-modal .bug-detail-content .bug-description,.bug-detail-modal .bug-detail-content .bug-device,.bug-detail-modal .bug-detail-content .bug-expected,.bug-detail-modal .bug-detail-content .bug-steps{margin-bottom:24px}.bug-detail-modal .bug-detail-content .bug-info-grid{grid-gap:20px;background-color:#f8f9fa;border-radius:6px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px;padding:16px}.bug-detail-modal .bug-detail-content .bug-info-grid .info-section h4{color:#6c757d;font-size:14px;margin-bottom:8px}.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info,.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info{display:flex;flex-direction:column}.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .user-name,.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .user-name{color:#495057;font-size:14px;font-weight:600}.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .date,.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .updated-by,.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .user-email,.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .date,.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .updated-by,.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .user-email{color:#6c757d;font-size:13px}.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .not-assigned,.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .not-assigned{color:#adb5bd;font-style:italic}.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .assign-toggle-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:4px 8px;transition:background-color .2s ease}.bug-detail-modal .bug-detail-content .bug-info-grid .info-section .assign-toggle-btn:hover{background-color:#0056b3}.bug-detail-modal .bug-detail-content .assignment-section{background-color:#e8f4f8;border:1px solid #b8e6ff;border-radius:6px;margin-bottom:20px;padding:16px}.bug-detail-modal .bug-detail-content .assignment-section h4{color:#0c5460;font-size:16px;margin-bottom:12px}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .form-group{margin-bottom:16px}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .form-group label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .form-group select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .form-group select:disabled{background-color:#f8f9fa;color:#6c757d}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .assignment-actions{display:flex;gap:12px}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .assignment-actions .assign-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .assignment-actions .assign-btn:hover:not(:disabled){background-color:#218838}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .assignment-actions .assign-btn:disabled{background-color:#6c757d;cursor:not-allowed}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .assignment-actions .cancel-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .assignment-actions .cancel-btn:hover:not(:disabled){background-color:#5a6268}.bug-detail-modal .bug-detail-content .assignment-section .assignment-form .assignment-actions .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.bug-detail-modal .bug-detail-content .bug-screenshots h4{margin-bottom:12px}.bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid .screenshot-item{border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid .screenshot-item img{display:block;height:150px;object-fit:cover;transition:transform .3s ease;width:100%}.bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid .screenshot-item img:hover{transform:scale(1.05)}.bug-detail-modal .bug-detail-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 24px}.bug-detail-modal .bug-detail-footer .status-actions{align-items:center;display:flex;gap:12px}.bug-detail-modal .bug-detail-footer .status-actions .status-label{color:#495057;font-size:14px}.bug-detail-modal .bug-detail-footer .status-actions .status-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:background-color .2s}.bug-detail-modal .bug-detail-footer .status-actions .status-button:disabled{cursor:not-allowed;opacity:.6}.bug-detail-modal .bug-detail-footer .status-actions .status-button.in-progress{background-color:#007bff}.bug-detail-modal .bug-detail-footer .status-actions .status-button.in-progress:hover:not(:disabled){background-color:#0062cc}.bug-detail-modal .bug-detail-footer .status-actions .status-button.resolved{background-color:#28a745}.bug-detail-modal .bug-detail-footer .status-actions .status-button.resolved:hover:not(:disabled){background-color:#1e7e34}.bug-detail-modal .bug-detail-footer .close-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.bug-detail-modal .bug-detail-footer .close-btn:hover{background-color:#5a6268}.sensitivity-badge,.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.sensitivity-badge.warning,.status-badge.warning{background-color:#ffc10733;color:#d39e00}.sensitivity-badge.info,.status-badge.info{background-color:#17a2b833;color:#138496}.sensitivity-badge.primary,.status-badge.primary{background-color:#007bff33;color:#0069d9}.sensitivity-badge.success,.status-badge.success{background-color:#28a74533;color:#218838}.sensitivity-badge.critical,.sensitivity-badge.danger,.status-badge.critical,.status-badge.danger{background-color:#dc354533;color:#c82333}.sensitivity-badge.secondary,.status-badge.secondary{background-color:#6c757d33;color:#5a6268}.bug-resolution-container{padding:20px;width:100%}.bug-resolution-container .page-heading{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.bug-resolution-container .page-heading h2{color:#3a6ea5;font-size:24px;font-weight:600;margin:0 0 10px}.bug-resolution-container .page-heading p{color:#666;font-size:14px;margin:0}.bug-resolution-container .statistics-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:30px}.bug-resolution-container .statistics-summary .stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;text-align:center;transition:transform .2s}.bug-resolution-container .statistics-summary .stat-card:hover{transform:translateY(-5px)}.bug-resolution-container .statistics-summary .stat-card h3{color:#555;font-size:16px;font-weight:500;margin:0 0 10px}.bug-resolution-container .statistics-summary .stat-card .stat-value{color:#3a6ea5;font-size:32px;font-weight:600}.bug-resolution-container .statistics-summary .stat-card:first-child .stat-value{color:#3a6ea5}.bug-resolution-container .statistics-summary .stat-card:nth-child(2) .stat-value{color:#e65100}.bug-resolution-container .statistics-summary .stat-card:nth-child(3) .stat-value{color:#0277bd}.bug-resolution-container .statistics-summary .stat-card:nth-child(4) .stat-value{color:#2e7d32}.bug-resolution-container .statistics-summary .stat-card:nth-child(5) .stat-value{color:#388e3c}.bug-resolution-container .statistics-summary .stat-card:nth-child(6) .stat-value{color:#d32f2f}.bug-resolution-container .filters-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.bug-resolution-container .filters-section h3{color:#3a6ea5;font-size:20px;font-weight:600;margin:0 0 20px}.bug-resolution-container .filters-section .filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.bug-resolution-container .filters-section .filters-row .filter-item{flex:1 1;max-width:250px;min-width:180px}.bug-resolution-container .filters-section .filters-row .filter-item label{color:#555;display:block;font-size:14px;margin-bottom:5px}.bug-resolution-container .filters-section .filters-row .filter-item input,.bug-resolution-container .filters-section .filters-row .filter-item select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.bug-resolution-container .filters-section .filters-row .filter-item input:focus,.bug-resolution-container .filters-section .filters-row .filter-item select:focus{border-color:#3a6ea5;box-shadow:0 0 0 2px #3a6ea533;outline:none}.bug-resolution-container .filters-section .filters-row .filter-button,.bug-resolution-container .filters-section .filters-row .reset-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:9px 16px;transition:background-color .2s}.bug-resolution-container .filters-section .filters-row .filter-button:disabled,.bug-resolution-container .filters-section .filters-row .reset-button:disabled{background-color:#ccc;cursor:not-allowed}.bug-resolution-container .filters-section .filters-row .filter-button{background-color:#3a6ea5;color:#fff}.bug-resolution-container .filters-section .filters-row .filter-button:hover:not(:disabled){background-color:#305980}.bug-resolution-container .filters-section .filters-row .reset-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.bug-resolution-container .filters-section .filters-row .reset-button:hover:not(:disabled){background-color:#e5e5e5}.bug-resolution-container .bugs-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:auto;padding:20px}.bug-resolution-container .bugs-table .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.bug-resolution-container .bugs-table .loading-container .loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #3a6ea54d;border-radius:50%;border-top-color:#3a6ea5;display:inline-block;height:32px;margin-bottom:15px;width:32px}.bug-resolution-container .bugs-table .loading-container p{color:#666;margin:0}.bug-resolution-container .bugs-table table{border-collapse:collapse;width:100%}.bug-resolution-container .bugs-table table td,.bug-resolution-container .bugs-table table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.bug-resolution-container .bugs-table table th{background-color:#f9f9f9;color:#333;font-weight:600}.bug-resolution-container .bugs-table table td{color:#555;font-size:14px}.bug-resolution-container .bugs-table table tr:hover td{background-color:#f5f8fa}.bug-resolution-container .bugs-table table .bug-title{color:#333;font-weight:500}.bug-resolution-container .bugs-table table .reporter-info{display:flex;flex-direction:column}.bug-resolution-container .bugs-table table .reporter-info .reporter-name{color:#333;font-weight:500}.bug-resolution-container .bugs-table table .reporter-info .reporter-email{color:#888;font-size:12px}.bug-resolution-container .bugs-table table .assigned-info{display:flex;flex-direction:column}.bug-resolution-container .bugs-table table .assigned-info .assigned-name{color:#333;font-weight:500}.bug-resolution-container .bugs-table table .assigned-info .assigned-email{color:#888;font-size:12px}.bug-resolution-container .bugs-table table .assigned-info .unassigned{color:#999;font-size:13px;font-style:italic}.bug-resolution-container .bugs-table table .action-buttons{display:flex;gap:10px}.bug-resolution-container .bugs-table table .action-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.bug-resolution-container .bugs-table table .action-buttons .view-button{background-color:#3a6ea5;color:#fff}.bug-resolution-container .bugs-table table .action-buttons .view-button:hover{background-color:#305980}.bug-resolution-container .bugs-table table .no-bugs{color:#888;font-style:italic;padding:40px 0;text-align:center}.bug-resolution-container .bugs-table .load-more{display:flex;justify-content:center;margin-top:20px}.bug-resolution-container .bugs-table .load-more .load-more-button{align-items:center;background-color:#3a6ea5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 20px;transition:background-color .2s}.bug-resolution-container .bugs-table .load-more .load-more-button:hover:not(:disabled){background-color:#305980}.bug-resolution-container .bugs-table .load-more .load-more-button:disabled{background-color:#ccc;cursor:not-allowed}.bug-resolution-container .bugs-table .load-more .load-more-button .spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.bug-resolution-container .bugs-table .loading-more{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;justify-content:center;margin-top:20px}.bug-resolution-container .bugs-table .loading-more .loading-spinner-small{animation:spin 1s ease-in-out infinite;border:2px solid #3a6ea54d;border-radius:50%;border-top-color:#3a6ea5;display:inline-block;height:16px;width:16px}.bug-resolution-container .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px}.bug-resolution-container .status-badge.warning{background-color:#fff3e0;color:#e65100}.bug-resolution-container .status-badge.info{background-color:#e1f5fe;color:#0277bd}.bug-resolution-container .status-badge.primary,.bug-resolution-container .status-badge.success{background-color:#e8f5e9;color:#2e7d32}.bug-resolution-container .status-badge.secondary{background-color:#f5f5f5;color:#666}.bug-resolution-container .sensitivity-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px}.bug-resolution-container .sensitivity-badge.success{background-color:#e8f5e9;color:#2e7d32}.bug-resolution-container .sensitivity-badge.warning{background-color:#fff3e0;color:#e65100}.bug-resolution-container .sensitivity-badge.danger{background-color:#ffebee;color:#c62828}.bug-resolution-container .sensitivity-badge.critical{background-color:#fce4ec;color:#ad1457}.bug-resolution-container .sensitivity-badge.secondary{background-color:#f5f5f5;color:#666}.bug-resolution-container .error-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:40px;text-align:center}.bug-resolution-container .error-message h3{color:#d32f2f;margin-bottom:15px}.bug-resolution-container .error-message p{color:#666;margin-bottom:20px}.bug-resolution-container .error-message button{background-color:#3a6ea5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.bug-resolution-container .error-message button:hover{background-color:#305980}.bug-resolution-container .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media(max-width:768px){.bug-resolution-container{padding:15px}.bug-resolution-container .statistics-summary{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bug-resolution-container .filters-section .filters-row{align-items:stretch;flex-direction:column}.bug-resolution-container .filters-section .filters-row .filter-item{max-width:none}.bug-resolution-container .filters-section .filters-row .filter-button,.bug-resolution-container .filters-section .filters-row .reset-button{margin-top:10px}.bug-resolution-container .bugs-table{padding:15px}.bug-resolution-container .bugs-table table{font-size:13px}.bug-resolution-container .bugs-table table td,.bug-resolution-container .bugs-table table th{padding:8px 10px}}.assigned-bug-detail-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;position:relative;width:90%}.assigned-bug-detail-modal .bug-detail-header{align-items:center;background:linear-gradient(135deg,#51796f,#6b8e7f);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.assigned-bug-detail-modal .bug-detail-header .header-content{flex:1 1}.assigned-bug-detail-modal .bug-detail-header .header-content h3{font-size:22px;font-weight:600;margin:0 0 12px}.assigned-bug-detail-modal .bug-detail-header .header-content .bug-meta{display:flex;flex-wrap:wrap;gap:20px}.assigned-bug-detail-modal .bug-detail-header .header-content .bug-meta .meta-item{align-items:center;display:flex}.assigned-bug-detail-modal .bug-detail-header .header-content .bug-meta .meta-item .label{font-size:14px;margin-right:8px;opacity:.9}.assigned-bug-detail-modal .bug-detail-header .header-content .bug-meta .meta-item .value{font-size:14px;font-weight:500}.assigned-bug-detail-modal .bug-detail-header .close-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:28px;padding:4px 8px;transition:background-color .2s ease}.assigned-bug-detail-modal .bug-detail-header .close-button:hover{background-color:#ffffff1a}.assigned-bug-detail-modal .bug-detail-content{flex:1 1;overflow-y:auto;padding:24px}.assigned-bug-detail-modal .bug-detail-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.assigned-bug-detail-modal .bug-detail-content .bug-actual,.assigned-bug-detail-modal .bug-detail-content .bug-description,.assigned-bug-detail-modal .bug-detail-content .bug-device,.assigned-bug-detail-modal .bug-detail-content .bug-expected,.assigned-bug-detail-modal .bug-detail-content .bug-steps{margin-bottom:24px}.assigned-bug-detail-modal .bug-detail-content .bug-actual p,.assigned-bug-detail-modal .bug-detail-content .bug-description p,.assigned-bug-detail-modal .bug-detail-content .bug-device p,.assigned-bug-detail-modal .bug-detail-content .bug-expected p,.assigned-bug-detail-modal .bug-detail-content .bug-steps p{color:#555;line-height:1.6;margin:0}.assigned-bug-detail-modal .bug-detail-content .bug-actual ol,.assigned-bug-detail-modal .bug-detail-content .bug-description ol,.assigned-bug-detail-modal .bug-detail-content .bug-device ol,.assigned-bug-detail-modal .bug-detail-content .bug-expected ol,.assigned-bug-detail-modal .bug-detail-content .bug-steps ol{margin:0;padding-left:20px}.assigned-bug-detail-modal .bug-detail-content .bug-actual ol li,.assigned-bug-detail-modal .bug-detail-content .bug-description ol li,.assigned-bug-detail-modal .bug-detail-content .bug-device ol li,.assigned-bug-detail-modal .bug-detail-content .bug-expected ol li,.assigned-bug-detail-modal .bug-detail-content .bug-steps ol li{color:#555;line-height:1.6;margin-bottom:4px}.assigned-bug-detail-modal .bug-detail-content .bug-info-grid{grid-gap:20px;background-color:#f8f9fa;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px;padding:20px}.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section h4{color:#6c757d;font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info{display:flex;flex-direction:column}.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .user-name,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .user-name{color:#495057;font-size:14px;font-weight:600}.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .date,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .updated-by,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .user-email,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .date,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .updated-by,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .user-email{color:#6c757d;font-size:13px}.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .not-assigned,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .not-assigned{color:#adb5bd;font-style:italic}.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .update-info .assigned-to-me,.assigned-bug-detail-modal .bug-detail-content .bug-info-grid .info-section .user-info .assigned-to-me{color:#51796f;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.assigned-bug-detail-modal .bug-detail-content .notes-section{background-color:#e8f4f8;border:1px solid #b8e6ff;border-radius:8px;margin-bottom:24px;padding:20px}.assigned-bug-detail-modal .bug-detail-content .notes-section h4{color:#0c5460;font-size:16px;margin-bottom:12px}.assigned-bug-detail-modal .bug-detail-content .notes-section .notes-form textarea{border:1px solid #ced4da;border-radius:6px;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.assigned-bug-detail-modal .bug-detail-content .notes-section .notes-form textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f40;outline:none}.assigned-bug-detail-modal .bug-detail-content .notes-section .notes-form textarea:disabled{background-color:#f8f9fa;color:#6c757d}.assigned-bug-detail-modal .bug-detail-content .notes-section .notes-form textarea::placeholder{color:#adb5bd}.assigned-bug-detail-modal .bug-detail-content .notes-section .notes-form .notes-actions{margin-top:12px}.assigned-bug-detail-modal .bug-detail-content .notes-section .notes-form .notes-actions .save-notes-btn{background-color:#51796f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.assigned-bug-detail-modal .bug-detail-content .notes-section .notes-form .notes-actions .save-notes-btn:hover:not(:disabled){background-color:#456b61;transform:translateY(-1px)}.assigned-bug-detail-modal .bug-detail-content .notes-section .notes-form .notes-actions .save-notes-btn:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.assigned-bug-detail-modal .bug-detail-content .bug-screenshots h4{margin-bottom:16px}.assigned-bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.assigned-bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid .screenshot-item{border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.assigned-bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid .screenshot-item:hover{transform:translateY(-2px)}.assigned-bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid .screenshot-item a{display:block}.assigned-bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid .screenshot-item a img{display:block;height:150px;object-fit:cover;transition:transform .3s ease;width:100%}.assigned-bug-detail-modal .bug-detail-content .bug-screenshots .screenshots-grid .screenshot-item a img:hover{transform:scale(1.05)}.assigned-bug-detail-modal .bug-detail-footer{align-items:center;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.assigned-bug-detail-modal .bug-detail-footer .status-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.assigned-bug-detail-modal .bug-detail-footer .status-actions .status-label{color:#495057;font-size:14px;font-weight:500}.assigned-bug-detail-modal .bug-detail-footer .status-actions .status-button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.assigned-bug-detail-modal .bug-detail-footer .status-actions .status-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.assigned-bug-detail-modal .bug-detail-footer .status-actions .status-button.in-progress{background-color:#007bff;color:#fff}.assigned-bug-detail-modal .bug-detail-footer .status-actions .status-button.in-progress:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.assigned-bug-detail-modal .bug-detail-footer .status-actions .status-button.resolved{background-color:#28a745;color:#fff}.assigned-bug-detail-modal .bug-detail-footer .status-actions .status-button.resolved:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.assigned-bug-detail-modal .bug-detail-footer .close-btn{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.assigned-bug-detail-modal .bug-detail-footer .close-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.assigned-bug-detail-modal .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.assigned-bug-detail-modal .status-badge.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.assigned-bug-detail-modal .status-badge.info,.assigned-bug-detail-modal .status-badge.primary{background-color:#cce7ff;border:1px solid #74c0fc;color:#004085}.assigned-bug-detail-modal .status-badge.success{background-color:#d1ecf1;border:1px solid #51cbce;color:#0c5460}.assigned-bug-detail-modal .status-badge.secondary{background-color:#e2e3e5;border:1px solid #a2a8ac;color:#41464b}.assigned-bug-detail-modal .sensitivity-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.assigned-bug-detail-modal .sensitivity-badge.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.assigned-bug-detail-modal .sensitivity-badge.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.assigned-bug-detail-modal .sensitivity-badge.danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.assigned-bug-detail-modal .sensitivity-badge.critical{background-color:#721c24;border:1px solid #721c24;color:#fff}.assigned-bug-detail-modal .sensitivity-badge.secondary{background-color:#e2e3e5;border:1px solid #a2a8ac;color:#41464b}@media(max-width:768px){.assigned-bug-detail-modal{max-height:90vh;width:95%}.assigned-bug-detail-modal .bug-detail-header{padding:16px 20px}.assigned-bug-detail-modal .bug-detail-header .header-content h3{font-size:18px}.assigned-bug-detail-modal .bug-detail-header .header-content .bug-meta{gap:12px}.assigned-bug-detail-modal .bug-detail-header .header-content .bug-meta .meta-item .label,.assigned-bug-detail-modal .bug-detail-header .header-content .bug-meta .meta-item .value{font-size:13px}.assigned-bug-detail-modal .bug-detail-content{padding:20px}.assigned-bug-detail-modal .bug-detail-content .bug-info-grid{grid-template-columns:1fr;padding:16px}.assigned-bug-detail-modal .bug-detail-content .notes-section{padding:16px}.assigned-bug-detail-modal .bug-detail-content .screenshots-grid{grid-template-columns:1fr}.assigned-bug-detail-modal .bug-detail-footer{align-items:stretch;flex-direction:column;padding:16px 20px}.assigned-bug-detail-modal .bug-detail-footer .status-actions{justify-content:center}.assigned-bug-detail-modal .bug-detail-footer .status-actions .status-button{flex:1 1}}.bugs-assigned-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.bugs-assigned-container .page-heading{background:linear-gradient(135deg,#51796f,#6b8e7f);border-radius:12px;color:#fff;margin-bottom:30px;padding:20px;text-align:center}.bugs-assigned-container .page-heading h2{font-size:28px;font-weight:600;margin:0 0 8px}.bugs-assigned-container .page-heading p{font-size:16px;margin:0;opacity:.9}.bugs-assigned-container .statistics-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.bugs-assigned-container .statistics-summary .stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.bugs-assigned-container .statistics-summary .stat-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.bugs-assigned-container .statistics-summary .stat-card h3{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.bugs-assigned-container .statistics-summary .stat-card .stat-value{color:#333;font-size:32px;font-weight:700}.bugs-assigned-container .statistics-summary .stat-card .stat-value:first-of-type{color:#51796f}.bugs-assigned-container .filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.bugs-assigned-container .filters-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.bugs-assigned-container .filters-section .filters-row{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bugs-assigned-container .filters-section .filters-row .filter-item{display:flex;flex-direction:column}.bugs-assigned-container .filters-section .filters-row .filter-item label{color:#555;font-size:14px;font-weight:500;margin-bottom:6px}.bugs-assigned-container .filters-section .filters-row .filter-item input,.bugs-assigned-container .filters-section .filters-row .filter-item select{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.bugs-assigned-container .filters-section .filters-row .filter-item input:focus,.bugs-assigned-container .filters-section .filters-row .filter-item select:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.bugs-assigned-container .filters-section .filters-row .filter-button,.bugs-assigned-container .filters-section .filters-row .reset-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-height:44px;padding:10px 20px;transition:all .3s ease}.bugs-assigned-container .filters-section .filters-row .filter-button:disabled,.bugs-assigned-container .filters-section .filters-row .reset-button:disabled{cursor:not-allowed;opacity:.6}.bugs-assigned-container .filters-section .filters-row .filter-button{background-color:#51796f;color:#fff}.bugs-assigned-container .filters-section .filters-row .filter-button:hover:not(:disabled){background-color:#456b61;transform:translateY(-1px)}.bugs-assigned-container .filters-section .filters-row .reset-button{background-color:#6c757d;color:#fff}.bugs-assigned-container .filters-section .filters-row .reset-button:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.bugs-assigned-container .bugs-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.bugs-assigned-container .bugs-table .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.bugs-assigned-container .bugs-table .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.bugs-assigned-container .bugs-table .loading-container p{color:#666;font-size:16px;margin:0}.bugs-assigned-container .bugs-table table{border-collapse:collapse;width:100%}.bugs-assigned-container .bugs-table table th{background-color:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.bugs-assigned-container .bugs-table table td{border-bottom:1px solid #e1e5e9;padding:16px 12px;vertical-align:middle}.bugs-assigned-container .bugs-table table tr:hover{background-color:#f8f9fa}.bugs-assigned-container .bugs-table table .bug-title{word-wrap:break-word;color:#333;font-weight:500;max-width:200px}.bugs-assigned-container .bugs-table table .reporter-info{display:flex;flex-direction:column}.bugs-assigned-container .bugs-table table .reporter-info .reporter-name{color:#333;font-weight:500}.bugs-assigned-container .bugs-table table .reporter-info .reporter-email{color:#888;font-size:12px}.bugs-assigned-container .bugs-table table .action-buttons{display:flex;gap:10px}.bugs-assigned-container .bugs-table table .action-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.bugs-assigned-container .bugs-table table .action-buttons .view-button{background-color:#51796f;color:#fff}.bugs-assigned-container .bugs-table table .action-buttons .view-button:hover{background-color:#456b61;transform:translateY(-1px)}.bugs-assigned-container .bugs-table table .no-bugs{color:#666;font-style:italic;padding:40px;text-align:center}.bugs-assigned-container .bugs-table .load-more{border-top:1px solid #e1e5e9;padding:20px;text-align:center}.bugs-assigned-container .bugs-table .load-more .load-more-button{align-items:center;background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.bugs-assigned-container .bugs-table .load-more .load-more-button:hover:not(:disabled){background-color:#456b61;transform:translateY(-1px)}.bugs-assigned-container .bugs-table .load-more .load-more-button:disabled{cursor:not-allowed;opacity:.6}.bugs-assigned-container .bugs-table .load-more .load-more-button .spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.bugs-assigned-container .bugs-table .loading-more{align-items:center;background-color:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:8px;justify-content:center;padding:16px}.bugs-assigned-container .bugs-table .loading-more .loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#51796f;height:16px;width:16px}.bugs-assigned-container .bugs-table .loading-more span{color:#666;font-size:14px}.bugs-assigned-container .error-message{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:40px;text-align:center}.bugs-assigned-container .error-message h3{color:#dc3545;margin:0 0 16px}.bugs-assigned-container .error-message p{color:#666;margin:0 0 20px}.bugs-assigned-container .error-message button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.bugs-assigned-container .error-message button:hover{background-color:#456b61;transform:translateY(-1px)}.bugs-assigned-container .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bugs-assigned-container .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.bugs-assigned-container .status-badge.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.bugs-assigned-container .status-badge.info,.bugs-assigned-container .status-badge.primary{background-color:#cce7ff;border:1px solid #74c0fc;color:#004085}.bugs-assigned-container .status-badge.success{background-color:#d1ecf1;border:1px solid #51cbce;color:#0c5460}.bugs-assigned-container .status-badge.secondary{background-color:#e2e3e5;border:1px solid #a2a8ac;color:#41464b}.bugs-assigned-container .sensitivity-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.bugs-assigned-container .sensitivity-badge.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.bugs-assigned-container .sensitivity-badge.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.bugs-assigned-container .sensitivity-badge.danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.bugs-assigned-container .sensitivity-badge.critical{background-color:#721c24;border:1px solid #721c24;color:#fff}.bugs-assigned-container .sensitivity-badge.secondary{background-color:#e2e3e5;border:1px solid #a2a8ac;color:#41464b}@media(max-width:768px){.bugs-assigned-container{padding:15px}.bugs-assigned-container .page-heading h2{font-size:24px}.bugs-assigned-container .page-heading p{font-size:14px}.bugs-assigned-container .statistics-summary{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bugs-assigned-container .statistics-summary .stat-card{padding:15px}.bugs-assigned-container .statistics-summary .stat-card .stat-value{font-size:24px}.bugs-assigned-container .filters-section{padding:20px}.bugs-assigned-container .filters-section .filters-row{gap:12px;grid-template-columns:1fr}.bugs-assigned-container .bugs-table table{font-size:14px}.bugs-assigned-container .bugs-table table td,.bugs-assigned-container .bugs-table table th{padding:12px 8px}.bugs-assigned-container .bugs-table table .bug-title{max-width:150px}}.claim-detail-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;position:relative;width:90%}.claim-detail-modal .modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 24px}.claim-detail-modal .modal-header h3{color:#343a40;font-size:20px;font-weight:600;margin:0}.claim-detail-modal .modal-header .close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;line-height:1;padding:0}.claim-detail-modal .modal-header .close-button:hover{color:#343a40}.claim-detail-modal .modal-body{flex:1 1;overflow-y:auto;padding:24px}.claim-detail-modal .modal-body .claim-header{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.claim-detail-modal .modal-body .claim-header .claim-title h4{color:#343a40;font-size:18px;font-weight:600;margin:0 0 12px}.claim-detail-modal .modal-body .claim-header .claim-title .claim-meta{display:flex;flex-wrap:wrap;gap:16px}.claim-detail-modal .modal-body .claim-header .claim-title .claim-meta .meta-item{align-items:center;display:flex}.claim-detail-modal .modal-body .claim-header .claim-title .claim-meta .meta-item .meta-label{color:#6c757d;font-size:14px;margin-right:8px}.claim-detail-modal .modal-body .claim-header .claim-title .claim-meta .meta-item .meta-value{font-size:14px;font-weight:500}.claim-detail-modal .modal-body .claim-header .claim-amount{align-items:flex-end;display:flex;flex-direction:column}.claim-detail-modal .modal-body .claim-header .claim-amount .amount-value{color:#28a745;font-size:24px;font-weight:600;margin-bottom:4px}.claim-detail-modal .modal-body .claim-header .claim-amount .amount-label{color:#6c757d;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.claim-detail-modal .modal-body .claim-details .details-section{margin-bottom:24px}.claim-detail-modal .modal-body .claim-details .details-section h5{border-bottom:1px solid #e9ecef;color:#495057;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.claim-detail-modal .modal-body .claim-details .details-section .details-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.claim-detail-modal .modal-body .claim-details .details-section .details-row:last-child{margin-bottom:0}.claim-detail-modal .modal-body .claim-details .details-section .details-row .details-item{flex:1 1;min-width:200px}.claim-detail-modal .modal-body .claim-details .details-section .details-row .details-item.full-width{flex-basis:100%;min-width:100%}.claim-detail-modal .modal-body .claim-details .details-section .details-row .details-item .details-label{color:#6c757d;display:block;font-size:14px;margin-bottom:4px}.claim-detail-modal .modal-body .claim-details .details-section .details-row .details-item .details-value{color:#212529;font-size:14px;font-weight:500}.claim-detail-modal .modal-body .claim-details .details-section .details-row .details-item .details-value.remarks{font-weight:400;line-height:1.5;margin:0;white-space:pre-line}.claim-detail-modal .modal-body .claim-details .details-section .document-preview{margin-top:12px}.claim-detail-modal .modal-body .claim-details .details-section .document-preview .document-link{align-items:center;background-color:#f8f9fa;border-radius:4px;color:#007bff;display:inline-flex;padding:8px 16px;text-decoration:none;transition:background-color .2s}.claim-detail-modal .modal-body .claim-details .details-section .document-preview .document-link:hover{background-color:#e9ecef;color:#0056b3}.claim-detail-modal .modal-body .claim-details .details-section .document-preview .document-link .document-icon{align-items:center;background-color:#007bff;border-radius:4px;display:flex;height:24px;justify-content:center;margin-right:12px;position:relative;width:24px}.claim-detail-modal .modal-body .claim-details .details-section .document-preview .document-link .document-icon .document-icon-inner{border:2px solid #fff;border-width:0 2px 2px 0;display:inline-block;padding:2px;transform:rotate(45deg)}.claim-detail-modal .modal-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:16px 24px}.claim-detail-modal .modal-footer .close-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.claim-detail-modal .modal-footer .close-btn:hover{background-color:#5a6268}.claim-management-container{padding:24px}.claim-management-container .page-header{margin-bottom:24px}.claim-management-container .page-header h2{color:#343a40;font-size:24px;font-weight:600;margin-bottom:8px}.claim-management-container .page-header p{color:#6c757d;margin:0}.claim-management-container .content-section{display:flex;flex-direction:column;gap:24px}.claim-management-container .section-header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:12px}.claim-management-container .section-header h3{color:#343a40;font-size:18px;font-weight:600;margin:0}.claim-management-container .my-claims-section,.claim-management-container .submit-claim-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;padding:24px}.claim-management-container .claim-form .form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.claim-management-container .claim-form .form-row:last-child{margin-bottom:0}.claim-management-container .claim-form .form-group{flex:1 1;min-width:200px}.claim-management-container .claim-form .form-group.full-width{flex-basis:100%;min-width:100%}.claim-management-container .claim-form .form-group.file-upload{flex-basis:100%}.claim-management-container .claim-form .form-group label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.claim-management-container .claim-form .form-group label .required{color:#dc3545;margin-left:4px}.claim-management-container .claim-form .form-group input,.claim-management-container .claim-form .form-group select,.claim-management-container .claim-form .form-group textarea{border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.claim-management-container .claim-form .form-group input:focus,.claim-management-container .claim-form .form-group select:focus,.claim-management-container .claim-form .form-group textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.claim-management-container .claim-form .form-group input.error,.claim-management-container .claim-form .form-group select.error,.claim-management-container .claim-form .form-group textarea.error{border-color:#dc3545}.claim-management-container .claim-form .form-group textarea{min-height:80px;resize:vertical}.claim-management-container .claim-form .form-group .help-text{color:#6c757d;display:block;font-size:12px;margin-top:4px}.claim-management-container .claim-form .form-group .file-name{color:#28a745;display:block;font-size:13px;margin-top:6px}.claim-management-container .claim-form .form-group .error-message{color:#dc3545;display:block;font-size:12px;margin-top:4px}.claim-management-container .claim-form .form-actions{display:flex;justify-content:flex-end;margin-top:24px}.claim-management-container .claim-form .form-actions .submit-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:background-color .2s}.claim-management-container .claim-form .form-actions .submit-button:hover:not(:disabled){background-color:#0069d9}.claim-management-container .claim-form .form-actions .submit-button:disabled{cursor:not-allowed;opacity:.65}.claim-management-container .claim-form .form-actions .submit-button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.claim-management-container .claim-form .error-alert{background-color:#f8d7da;border-radius:4px;color:#721c24;font-size:14px;margin-top:16px;padding:12px 16px}.claim-management-container .claims-table-container{margin-top:16px;overflow-x:auto}.claim-management-container .claims-table-container .claims-table{border-collapse:collapse;font-size:14px;width:100%}.claim-management-container .claims-table-container .claims-table td,.claim-management-container .claims-table-container .claims-table th{border-bottom:1px solid #e9ecef;padding:12px 16px;text-align:left}.claim-management-container .claims-table-container .claims-table th{background-color:#f8f9fa;color:#495057;font-weight:600;white-space:nowrap}.claim-management-container .claims-table-container .claims-table tr:hover{background-color:#f8f9fa}.claim-management-container .claims-table-container .claims-table tr.rejected{background-color:#dc35450d}.claim-management-container .claims-table-container .claims-table tr.rejected:hover{background-color:#dc354514}.claim-management-container .claims-table-container .claims-table .claim-title{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claim-management-container .claims-table-container .claims-table .claim-amount{font-weight:500}.claim-management-container .claims-table-container .claims-table .view-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.claim-management-container .claims-table-container .claims-table .view-button:hover{background-color:#0069d9}.claim-management-container .error-container,.claim-management-container .loading-container,.claim-management-container .no-claims-container{padding:48px 0;text-align:center}.claim-management-container .error-container p,.claim-management-container .loading-container p,.claim-management-container .no-claims-container p{color:#6c757d;margin-bottom:16px}.claim-management-container .error-container .spinner,.claim-management-container .loading-container .spinner,.claim-management-container .no-claims-container .spinner{animation:spin 1s linear infinite;border:3px solid #007bff33;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 16px;width:40px}.claim-management-container .error-container button,.claim-management-container .loading-container button,.claim-management-container .no-claims-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.claim-management-container .error-container button:hover,.claim-management-container .loading-container button:hover,.claim-management-container .no-claims-container button:hover{background-color:#0069d9}.claim-management-container .error-container p{color:#dc3545}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:2px 8px;text-transform:uppercase}.status-badge.warning{background-color:#ffc10733;color:#d39e00}.status-badge.success{background-color:#28a74533;color:#218838}.status-badge.danger{background-color:#dc354533;color:#c82333}.status-badge.secondary{background-color:#6c757d33;color:#5a6268}.modal-overlay{padding:20px}.my-subscriptions-container{margin:0 auto;max-width:1400px;padding:20px}.my-subscriptions-container .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.my-subscriptions-container .page-header h1{color:#51796f;font-size:24px;margin:0}.my-subscriptions-container .page-header p{color:#9ca3af;flex-basis:100%;margin:0}.my-subscriptions-container .page-header .add-btn{align-items:center;background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:background-color .3s ease}.my-subscriptions-container .page-header .add-btn:hover{background-color:#4c63d2}.my-subscriptions-container .page-header .add-btn svg{height:16px;width:16px}.my-subscriptions-container .form-modal{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.my-subscriptions-container .form-modal .form-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.my-subscriptions-container .form-modal .form-content .form-header{align-items:center;border-bottom:1px solid #d1d5db;display:flex;justify-content:space-between;padding:16px 20px}.my-subscriptions-container .form-modal .form-content .form-header h2{color:#4b5563;font-size:18px;margin:0}.my-subscriptions-container .form-modal .form-content .form-header .close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:24px;padding:4px}.my-subscriptions-container .form-modal .form-content .form-header .close-btn:hover{color:#4b5563}.my-subscriptions-container .form-modal .form-content .subscription-form{padding:20px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media(max-width:768px){.my-subscriptions-container .form-modal .form-content .subscription-form .form-row{grid-template-columns:1fr}}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group{margin-bottom:16px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group label{color:#4b5563;display:block;font-weight:500;margin-bottom:8px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group input,.my-subscriptions-container .form-modal .form-content .subscription-form .form-group select,.my-subscriptions-container .form-modal .form-content .subscription-form .form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group input:focus,.my-subscriptions-container .form-modal .form-content .subscription-form .form-group select:focus,.my-subscriptions-container .form-modal .form-content .subscription-form .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 3px #5e72e41a;outline:none}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group textarea{min-height:80px;resize:vertical}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-input{padding:8px 0}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-input::-webkit-file-upload-button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-right:12px;padding:8px 12px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-input::-webkit-file-upload-button:hover{background-color:#4c63d2}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-info{color:#9ca3af;font-size:12px;margin:4px 0 0}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-preview{background-color:#f8faff;border:1px solid #d1d5db;border-radius:8px;margin-top:12px;padding:12px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-preview .file-info-box{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-preview .file-info-box .file-name{color:#4b5563;font-size:14px;word-break:break-all}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-preview .file-info-box .remove-file-btn{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-preview .file-info-box .remove-file-btn:hover{background-color:#dc2626}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .file-preview .image-preview img{border:1px solid #d1d5db;border-radius:8px;max-height:150px;max-width:200px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .existing-file{align-items:center;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;display:flex;justify-content:space-between;margin-top:12px;padding:8px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .existing-file span{color:#0c4a6e;font-size:14px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .existing-file .view-file-btn{background-color:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-group .existing-file .view-file-btn:hover{background-color:#0284c7}.my-subscriptions-container .form-modal .form-content .subscription-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-actions .cancel-btn{background-color:#0000;border:1px solid #d1d5db;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:14px;padding:12px 16px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-actions .cancel-btn:hover{background-color:#d1d5db}.my-subscriptions-container .form-modal .form-content .subscription-form .form-actions .submit-btn{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-actions .submit-btn:hover:not(:disabled){background-color:#4c63d2}.my-subscriptions-container .form-modal .form-content .subscription-form .form-actions .submit-btn:disabled{cursor:not-allowed;opacity:.6}.my-subscriptions-container .subscriptions-content .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px}.my-subscriptions-container .subscriptions-content .loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #d1d5db;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.my-subscriptions-container .subscriptions-content .loading-container p{color:#9ca3af;margin:0}.my-subscriptions-container .subscriptions-content .empty-state{padding:32px;text-align:center}.my-subscriptions-container .subscriptions-content .empty-state .empty-icon{color:#d1d5db;height:64px;margin-bottom:16px;width:64px}.my-subscriptions-container .subscriptions-content .empty-state h3{color:#4b5563;margin-bottom:8px}.my-subscriptions-container .subscriptions-content .empty-state p{color:#9ca3af;margin-bottom:20px}.my-subscriptions-container .subscriptions-content .empty-state .add-btn{align-items:center;background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.my-subscriptions-container .subscriptions-content .empty-state .add-btn:hover{background-color:#4c63d2}.my-subscriptions-container .subscriptions-content .subscriptions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header{align-items:center;background-color:#f8faff;border-bottom:1px solid #d1d5db;display:flex;justify-content:space-between;padding:16px}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header h3{color:#4b5563;font-size:16px;font-weight:600;margin:0}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header .card-actions{display:flex;gap:8px}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header .card-actions button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .3s ease}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header .card-actions button svg{height:16px;width:16px}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header .card-actions button.edit-btn{color:#51796f}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header .card-actions button.edit-btn:hover{background-color:#5e72e41a}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header .card-actions button.delete-btn{color:#ef4444}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-header .card-actions button.delete-btn:hover{background-color:#ef44441a}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-body{padding:16px}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-body .info-row{display:flex;justify-content:space-between;margin-bottom:12px}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-body .info-row:last-child{margin-bottom:0}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-body .info-row .label{color:#9ca3af;font-weight:500;min-width:80px}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-body .info-row .value{color:#4b5563;flex:1 1;text-align:right;word-break:break-word}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-body .info-row .value.amount{color:#51796f;font-weight:600}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-body .info-row .view-invoice-btn{background-color:#0000;border:1px solid #51796f;border-radius:8px;color:#51796f;cursor:pointer;font-size:12px;padding:4px 8px;text-decoration:none;transition:all .3s ease}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-body .info-row .view-invoice-btn:hover{background-color:#51796f;color:#fff}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-footer{background-color:#fafbfc;border-top:1px solid #d1d5db;padding:12px 16px}.my-subscriptions-container .subscriptions-content .subscriptions-grid .subscription-card .card-footer small{color:#9ca3af;font-size:12px}@media(max-width:768px){.my-subscriptions-container{padding:12px}.my-subscriptions-container .page-header{align-items:stretch;flex-direction:column}.my-subscriptions-container .page-header .add-btn{align-self:flex-start}.my-subscriptions-container .subscriptions-grid{grid-template-columns:1fr}.my-subscriptions-container .form-modal,.my-subscriptions-container .form-modal .form-content .subscription-form{padding:12px}.my-subscriptions-container .form-modal .form-content .subscription-form .form-row{grid-template-columns:1fr}}.date-range-wrapper{margin:15px 0}.date-range-wrapper .rdrCalendarWrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-size:14px}.date-range-wrapper .rdrCalendarWrapper .rdrMonth{width:100%}.date-range-wrapper .rdrCalendarWrapper .rdrMonthAndYearWrapper{padding-top:10px}.date-range-wrapper .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers{font-weight:500}.date-range-wrapper .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers select{border-radius:4px;cursor:pointer;padding:4px 8px}.date-range-wrapper .rdrCalendarWrapper .rdrDay{height:36px}.date-range-wrapper .rdrCalendarWrapper .rdrDay.rdrDayToday .rdrDayNumber span:after{background:#4d87ca}.date-range-wrapper .rdrCalendarWrapper .rdrDayNumber{font-size:14px;font-weight:500}.date-range-wrapper .rdrCalendarWrapper .rdrEndEdge,.date-range-wrapper .rdrCalendarWrapper .rdrInRange,.date-range-wrapper .rdrCalendarWrapper .rdrStartEdge{color:#fff}.date-range-wrapper .rdrCalendarWrapper .rdrDayDisabled{background-color:#f8f8f8}.date-range-wrapper .rdrCalendarWrapper .rdrDayDisabled .rdrDayNumber span{color:#aaa}@media(max-width:768px){.date-range-wrapper .rdrCalendarWrapper{font-size:12px}.date-range-wrapper .rdrCalendarWrapper .rdrMonth{padding:0 8px}.date-range-wrapper .rdrCalendarWrapper .rdrDay{height:32px}}.custom-date-range-picker{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:350px;padding:16px;width:100%}.custom-date-range-picker .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.custom-date-range-picker .calendar-header .current-month-year{font-size:16px;font-weight:600}.custom-date-range-picker .calendar-header .month-nav-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;padding:4px 8px}.custom-date-range-picker .calendar-header .month-nav-btn:hover{background-color:#f5f5f5}.custom-date-range-picker .weekdays{color:#666;display:grid;font-size:13px;font-weight:600;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center}.custom-date-range-picker .weekdays div{padding:6px 0}.custom-date-range-picker .calendar-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.custom-date-range-picker .calendar-grid .date-cell{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:background-color .2s,color .2s}.custom-date-range-picker .calendar-grid .date-cell:not(:empty):hover:not(.disabled):not(.weekend){background-color:#f0f0f0}.custom-date-range-picker .calendar-grid .date-cell.today{border:1px solid #4d87ca;color:#4d87ca;font-weight:700}.custom-date-range-picker .calendar-grid .date-cell.in-range{background-color:#4d87ca26}.custom-date-range-picker .calendar-grid .date-cell.range-end,.custom-date-range-picker .calendar-grid .date-cell.range-start{background-color:#4d87ca;color:#fff;font-weight:600}.custom-date-range-picker .calendar-grid .date-cell.weekend{color:#999;cursor:not-allowed}.custom-date-range-picker .calendar-grid .date-cell.disabled{color:#ccc;cursor:not-allowed}.custom-date-range-picker .dates-display{background-color:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;margin-top:16px;padding:10px}.custom-date-range-picker .dates-display .date-display .date-label{color:#666;font-size:13px;margin-right:5px}.custom-date-range-picker .dates-display .date-display .date-value{color:#333;font-size:14px;font-weight:600}@media(max-width:480px){.custom-date-range-picker{font-size:14px;padding:12px}.custom-date-range-picker .calendar-header{margin-bottom:12px}.custom-date-range-picker .weekdays div{font-size:12px;padding:4px 0}.custom-date-range-picker .calendar-grid .date-cell{font-size:13px;height:32px}.custom-date-range-picker .dates-display{font-size:13px;padding:8px}}.leave-detail-modal{animation:modalFadeIn .3s ease-in-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;max-width:550px;width:90%}.leave-detail-modal .modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.leave-detail-modal .modal-header h3{color:#333;font-size:18px;margin:0}.leave-detail-modal .modal-header .close-button{background:none;border:none;color:#777;cursor:pointer;font-size:20px;transition:color .2s}.leave-detail-modal .modal-header .close-button:hover{color:#333}.leave-detail-modal .modal-body{max-height:65vh;overflow-y:auto;padding:20px}.leave-detail-modal .modal-body .leave-detail-row{border-bottom:1px solid #f5f5f5;display:flex;margin-bottom:15px;padding-bottom:12px}.leave-detail-modal .modal-body .leave-detail-row:last-child{border-bottom:none;margin-bottom:0}.leave-detail-modal .modal-body .leave-detail-row.manager-remarks,.leave-detail-modal .modal-body .leave-detail-row.remarks{flex-direction:column}.leave-detail-modal .modal-body .leave-detail-row.manager-remarks .detail-value,.leave-detail-modal .modal-body .leave-detail-row.remarks .detail-value{margin-top:8px}.leave-detail-modal .modal-body .leave-detail-row .detail-label{color:#666;flex:0 0 140px;font-size:14px;font-weight:500}.leave-detail-modal .modal-body .leave-detail-row .detail-value{color:#333;flex:1 1;font-size:15px}.leave-detail-modal .modal-body .leave-detail-row .detail-value .remarks-content{background-color:#f9f9f9;border-radius:4px;line-height:1.5;padding:10px;white-space:pre-line}.leave-detail-modal .modal-body .leave-detail-row .detail-value .no-remarks{color:#999;font-style:italic}.leave-detail-modal .modal-body .leave-detail-row .detail-value .status-badge{border-radius:12px;display:inline-block;font-size:13px;font-weight:500;padding:5px 10px}.leave-detail-modal .modal-body .leave-detail-row .detail-value .status-badge.approved{background-color:#e9f7ef;color:#27ae60}.leave-detail-modal .modal-body .leave-detail-row .detail-value .status-badge.rejected{background-color:#fdedeb;color:#e74c3c}.leave-detail-modal .modal-body .leave-detail-row .detail-value .status-badge.pending{background-color:#fff4de;color:#f39c12}.leave-detail-modal .modal-body .leave-detail-row .detail-value .status-badge.cancelled{background-color:#eee;color:#777}.leave-detail-modal .modal-body .error-alert{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-top:20px;padding:10px 12px}.leave-detail-modal .modal-footer{background-color:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.leave-detail-modal .modal-footer button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.leave-detail-modal .modal-footer button:disabled{cursor:not-allowed;opacity:.7}.leave-detail-modal .modal-footer button.close-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#555}.leave-detail-modal .modal-footer button.close-btn:hover:not(:disabled){background-color:#eee}.leave-detail-modal .modal-footer button.edit-btn{background-color:#4d87ca;color:#fff}.leave-detail-modal .modal-footer button.edit-btn:hover:not(:disabled){background-color:#3a78c0}.leave-detail-modal .modal-footer button.cancel-request-btn{align-items:center;background-color:#e74c3c;color:#fff;display:flex;justify-content:center}.leave-detail-modal .modal-footer button.cancel-request-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.leave-detail-modal .modal-footer button.cancel-request-btn:hover:not(:disabled){background-color:#d32f2f}.edit-remarks-modal{animation:modalFadeIn .3s ease-in-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;max-width:500px;width:90%}.edit-remarks-modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.edit-remarks-modal .modal-header h3{color:#333;font-size:18px;margin:0}.edit-remarks-modal .modal-header .close-button{background:none;border:none;color:#777;cursor:pointer;font-size:20px;transition:color .2s}.edit-remarks-modal .modal-header .close-button:hover{color:#333}.edit-remarks-modal .modal-body{padding:20px}.edit-remarks-modal .modal-body .form-group{margin-bottom:15px}.edit-remarks-modal .modal-body .form-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.edit-remarks-modal .modal-body .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;min-height:100px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.edit-remarks-modal .modal-body .form-group textarea:focus{border-color:#4d87ca;box-shadow:0 0 0 2px #4d87ca33;outline:none}.edit-remarks-modal .modal-body .error-alert{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-top:15px;padding:10px 12px}.edit-remarks-modal .modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.edit-remarks-modal .modal-footer button{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s,opacity .2s}.edit-remarks-modal .modal-footer button:disabled{cursor:not-allowed;opacity:.7}.edit-remarks-modal .modal-footer .cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#555}.edit-remarks-modal .modal-footer .cancel-btn:not(:disabled):hover{background-color:#eee}.edit-remarks-modal .modal-footer .save-btn{align-items:center;background-color:#4d87ca;border:1px solid #4d87ca;color:#fff;display:flex;justify-content:center}.edit-remarks-modal .modal-footer .save-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.edit-remarks-modal .modal-footer .save-btn:not(:disabled):hover{background-color:#3a78c0}.leave-management-container{padding:20px}.leave-management-container .page-header{margin-bottom:25px}.leave-management-container .page-header h1{color:#333;font-size:24px;margin:0 0 8px}.leave-management-container .page-header p{color:#666;font-size:15px;margin:0}.leave-management-container .leave-summary{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.leave-management-container .leave-summary h3{color:#444;font-size:18px;margin-bottom:15px;margin-top:0}.leave-management-container .leave-summary .balance-cards{display:flex;flex-wrap:wrap;gap:15px}.leave-management-container .leave-summary .balance-cards .balance-card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;flex:1 1;min-width:120px;padding:15px}.leave-management-container .leave-summary .balance-cards .balance-card .balance-label{color:#666;font-size:14px;margin-bottom:8px}.leave-management-container .leave-summary .balance-cards .balance-card .balance-value{color:#333;font-size:24px;font-weight:600}.leave-management-container .leave-summary .balance-cards .balance-card .balance-value.casual{color:#4d87ca}.leave-management-container .leave-summary .balance-cards .balance-card .balance-value.sick{color:#e67e22}.leave-management-container .leave-summary .balance-cards .balance-card .balance-value.annual{color:#27ae60}.leave-management-container .leave-summary .balance-cards .balance-card .balance-value.unpaid{color:#e74c3c}.leave-management-container .content-section{display:flex;flex-wrap:wrap;gap:24px}.leave-management-container .content-section .leave-request-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;flex:1 1;min-width:300px;padding:20px}.leave-management-container .content-section .leave-request-form h3{color:#444;font-size:18px;margin-bottom:20px;margin-top:0}.leave-management-container .content-section .leave-request-form .form-group{margin-bottom:18px}.leave-management-container .content-section .leave-request-form .form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.leave-management-container .content-section .leave-request-form .form-group select,.leave-management-container .content-section .leave-request-form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.leave-management-container .content-section .leave-request-form .form-group select:focus,.leave-management-container .content-section .leave-request-form .form-group textarea:focus{border-color:#4d87ca;box-shadow:0 0 0 2px #4d87ca33;outline:none}.leave-management-container .content-section .leave-request-form .form-group textarea{min-height:80px;resize:vertical}.leave-management-container .content-section .leave-request-form .form-group .leave-days-info{align-items:center;background-color:#f1f8e9;border-radius:4px;display:flex;justify-content:space-between;margin-top:15px;padding:10px}.leave-management-container .content-section .leave-request-form .form-group .leave-days-info .days-label{color:#555;font-size:14px}.leave-management-container .content-section .leave-request-form .form-group .leave-days-info .days-value{color:#333;font-size:16px;font-weight:600}.leave-management-container .content-section .leave-request-form .form-group .error-message{color:#d32f2f;font-size:13px;margin-top:5px}.leave-management-container .content-section .leave-request-form .submit-btn{align-items:center;background-color:#4d87ca;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;padding:10px 16px;transition:background-color .2s;width:100%}.leave-management-container .content-section .leave-request-form .submit-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.leave-management-container .content-section .leave-request-form .submit-btn:hover:not(:disabled){background-color:#3a78c0}.leave-management-container .content-section .leave-request-form .submit-btn:disabled{cursor:not-allowed;opacity:.7}.leave-management-container .content-section .leave-request-form .submit-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-top:12px;padding:10px 12px}.leave-management-container .content-section .leave-history{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;flex:2 1;min-width:500px;padding:20px}.leave-management-container .content-section .leave-history .leave-history-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.leave-management-container .content-section .leave-history .leave-history-header h3{color:#444;font-size:18px;margin:0}.leave-management-container .content-section .leave-history .leave-history-header .status-filter{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.leave-management-container .content-section .leave-history .leave-history-header .status-filter .filter-label{color:#666;font-size:14px;font-weight:500;white-space:nowrap}.leave-management-container .content-section .leave-history .leave-history-header .status-filter .filter-buttons{display:flex;flex-wrap:wrap;gap:6px}.leave-management-container .content-section .leave-history .leave-history-header .status-filter .filter-buttons .filter-btn{background-color:#fff;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.leave-management-container .content-section .leave-history .leave-history-header .status-filter .filter-buttons .filter-btn:hover{background-color:#f8fafe;border-color:#4d87ca;color:#4d87ca}.leave-management-container .content-section .leave-history .leave-history-header .status-filter .filter-buttons .filter-btn.active{background-color:#4d87ca;border-color:#4d87ca;color:#fff}.leave-management-container .content-section .leave-history .leave-history-header .status-filter .filter-buttons .filter-btn.active:hover{background-color:#3a75b8;border-color:#3a75b8}.leave-management-container .content-section .leave-history .leave-table{border-collapse:collapse;width:100%}.leave-management-container .content-section .leave-history .leave-table td,.leave-management-container .content-section .leave-history .leave-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.leave-management-container .content-section .leave-history .leave-table th{background-color:#f8f9fa;color:#555;font-size:14px;font-weight:600}.leave-management-container .content-section .leave-history .leave-table tr:hover{background-color:#f9f9f9}.leave-management-container .content-section .leave-history .leave-table tr.rejected{background-color:#fff8f8}.leave-management-container .content-section .leave-history .leave-table tr.rejected:hover{background-color:#fff0f0}.leave-management-container .content-section .leave-history .leave-table td{color:#333;font-size:14px}.leave-management-container .content-section .leave-history .leave-table td .actions{display:flex;gap:8px}.leave-management-container .content-section .leave-history .leave-table td .actions button{background:none;border:none;color:#4d87ca;cursor:pointer;font-size:14px;padding:2px 5px}.leave-management-container .content-section .leave-history .leave-table td .actions button:hover{text-decoration:underline}.leave-management-container .content-section .leave-history .leave-table td .actions button:disabled{color:#aaa;cursor:not-allowed}.leave-management-container .content-section .leave-history .leave-table td .actions button:disabled:hover{text-decoration:none}.leave-management-container .content-section .leave-history .leave-table td .status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.leave-management-container .content-section .leave-history .leave-table td .status-badge.approved{background-color:#e9f7ef;color:#27ae60}.leave-management-container .content-section .leave-history .leave-table td .status-badge.rejected{background-color:#fdedeb;color:#e74c3c}.leave-management-container .content-section .leave-history .leave-table td .status-badge.pending{background-color:#fff4de;color:#f39c12}.leave-management-container .content-section .leave-history .leave-table td .status-badge.cancelled{background-color:#eee;color:#777}.leave-management-container .content-section .leave-history .empty-leaves{background-color:#f9f9f9;border-radius:6px;color:#777;padding:30px;text-align:center}.leave-management-container .content-section .leave-history .empty-leaves p{font-size:15px;margin:0}.leave-management-container .content-section .leave-history .loading-spinner{display:flex;justify-content:center;padding:30px}.leave-management-container .content-section .leave-history .loading-spinner .spinner{animation:spin .8s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#4d87ca;height:30px;width:30px}.leave-management-container .content-section .leave-history .load-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin:15px 0;padding:15px}@media(max-width:768px){.leave-management-container .content-section{flex-direction:column}.leave-management-container .content-section .leave-history,.leave-management-container .content-section .leave-request-form{min-width:100%}.leave-management-container .content-section .leave-history .leave-history-header{align-items:flex-start;flex-direction:column;gap:15px}.leave-management-container .content-section .leave-history .leave-history-header .status-filter{align-items:flex-start;flex-direction:column;gap:8px;width:100%}.leave-management-container .content-section .leave-history .leave-history-header .status-filter .filter-buttons{justify-content:flex-start;width:100%}.leave-management-container .leave-summary .balance-cards{flex-direction:column;gap:10px}}.blank-page-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:24px}.blank-page-container .page-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.blank-page-container .page-header .page-title{color:#51796f;font-size:24px;font-weight:700;margin-bottom:8px}.blank-page-container .page-header .page-description{color:#9ca3af;font-size:16px}.blank-page-container .content-placeholder{align-items:center;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;display:flex;justify-content:center;min-height:300px}.blank-page-container .content-placeholder p{color:#9ca3af;font-style:italic}.help-page{margin:0 auto;max-width:1200px;padding:20px}.help-page .help-header{align-items:center;display:flex;margin-bottom:20px}.help-page .help-header svg{color:#1890ff;margin-right:15px}.help-page .help-header h1{font-size:24px;font-weight:600;margin:0}.help-page .help-description{margin-bottom:30px}.help-page .help-description p{color:#5a5a5a;font-size:16px;line-height:1.5}.help-page .help-navigation{border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:15px}.help-page .help-navigation button{background:none;border:none;border-radius:4px;color:#5a5a5a;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .2s}.help-page .help-navigation button:hover{background-color:#f5f5f5;color:#1890ff}.help-page .help-navigation button.active{background-color:#e6f7ff;color:#1890ff;font-weight:500}.help-page .help-content .help-section h2{color:#262626;font-size:20px;font-weight:600;margin-bottom:20px}.help-page .help-content .help-section .help-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;overflow:hidden}.help-page .help-content .help-section .help-card .help-card-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;padding:15px 20px}.help-page .help-content .help-section .help-card .help-card-header .card-icon{color:#1890ff;font-size:20px;margin-right:12px}.help-page .help-content .help-section .help-card .help-card-header h3{font-size:16px;font-weight:500;margin:0}.help-page .help-content .help-section .help-card .help-card-content{padding:20px}.help-page .help-content .help-section .help-card .help-card-content p{line-height:1.6;margin-bottom:15px;margin-top:0}.help-page .help-content .help-section .help-card .help-card-content ol,.help-page .help-content .help-section .help-card .help-card-content ul{margin-bottom:15px;padding-left:20px}.help-page .help-content .help-section .help-card .help-card-content ol li,.help-page .help-content .help-section .help-card .help-card-content ul li{line-height:1.5;margin-bottom:8px}.help-page .help-content .help-section .help-card .help-card-content .help-tip{align-items:flex-start;background-color:#e6f7ff;border-left:4px solid #1890ff;display:flex;margin-top:15px;padding:12px 15px}.help-page .help-content .help-section .help-card .help-card-content .help-tip .tip-icon{color:#1890ff;flex-shrink:0;margin-right:10px;margin-top:3px}.help-page .help-content .help-section .help-card .help-card-content .help-tip p{font-size:14px;margin:0}.help-page .help-content .help-section .help-card .help-card-content .help-steps{margin-top:15px}.help-page .help-content .help-section .help-card .help-card-content .help-steps h4{font-size:15px;font-weight:500;margin-bottom:10px}.help-page .help-content .help-section .help-card .help-card-content .help-steps ol li{padding-left:5px}.help-page .help-content .help-section .help-card .help-card-content .contact-info .contact-item{align-items:center;display:flex;margin-bottom:12px}.help-page .help-content .help-section .help-card .help-card-content .contact-info .contact-item .contact-icon{color:#1890ff;margin-right:10px}.help-page .help-content .help-section .help-card .help-card-content .contact-info .contact-item a{color:#1890ff;text-decoration:none}.help-page .help-content .help-section .help-card .help-card-content .contact-info .contact-item a:hover{text-decoration:underline}.help-page .help-content .help-section .help-card .help-card-content .faq-item{margin-bottom:20px}.help-page .help-content .help-section .help-card .help-card-content .faq-item h4{color:#262626;font-size:15px;font-weight:500;margin-bottom:8px}.help-page .help-content .help-section .help-card .help-card-content .faq-item p{font-size:14px;margin:0}@media(max-width:768px){.help-page{padding:15px}.help-page .help-navigation{flex-direction:column}.help-page .help-navigation button{text-align:left;width:100%}}.admin-view-help{margin-top:1.5rem}.admin-view-help .help-card{background-color:#f8f9fa;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;overflow:hidden}.admin-view-help .help-card .help-card-header{align-items:center;background-color:#e9ecef;display:flex;padding:1rem 1.5rem}.admin-view-help .help-card .help-card-header svg{color:#3498db;margin-right:.75rem}.admin-view-help .help-card .help-card-header h3{color:#343a40;font-size:1.25rem;margin:0}.admin-view-help .help-card .help-card-body{padding:1.5rem}.admin-view-help .help-card .help-card-body p{color:#495057;line-height:1.5;margin:0 0 1rem}.admin-view-help .help-card .help-card-body .current-status{align-items:center;background-color:#e9ecef;border-radius:.375rem;display:flex;margin:1rem 0;padding:.75rem 1rem}.admin-view-help .help-card .help-card-body .current-status .label{font-weight:500;margin-right:.5rem}.admin-view-help .help-card .help-card-body .current-status .status{border-radius:99px;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.admin-view-help .help-card .help-card-body .current-status .status.admin{background-color:#3498db;color:#fff}.admin-view-help .help-card .help-card-body .current-status .status.user{background-color:#6c757d;color:#fff}.admin-view-help .help-card .help-card-body .mode-description{margin:1.5rem 0}.admin-view-help .help-card .help-card-body .mode-description h4{color:#343a40;font-size:1.125rem;margin:0 0 .75rem}.admin-view-help .help-card .help-card-body .mode-description ul{margin:0;padding-left:1.25rem}.admin-view-help .help-card .help-card-body .mode-description ul li{color:#495057;line-height:1.5;margin-bottom:.75rem}.admin-view-help .help-card .help-card-body .mode-description ul li:last-child{margin-bottom:0}.admin-view-help .help-card .help-card-body .mode-description ul li strong{color:#343a40}.admin-view-help .help-card .help-card-body .mode-tip{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:.25rem;margin-top:1.5rem;padding:1rem}.admin-view-help .help-card .help-card-body .mode-tip p{color:#856404;margin:0}.admin-view-help .help-card .help-card-body .mode-tip p strong{color:#856404}.ppc-testing-page{margin:0 auto;max-width:1400px;padding:2rem 1.5rem}.ppc-testing-page .page-header{align-items:center;display:flex;margin-bottom:2rem}.ppc-testing-page .page-header .header-icon{color:#51796f;font-size:2.5rem;margin-right:1rem}.ppc-testing-page .page-header .header-content h1{color:#1f2937;font-size:2rem;margin-bottom:.5rem}.ppc-testing-page .page-header .header-content p{color:#4b5563;font-size:1rem}.ppc-testing-page .ppc-testing-content{display:flex;flex-direction:column;gap:2rem}.ppc-testing-page .ppc-testing-content .content-main{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;flex:1 1;overflow:hidden}.ppc-testing-page .ppc-testing-content .content-main .testing-tabs{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.ppc-testing-page .ppc-testing-content .content-main .testing-tabs .tab{align-items:center;background:none;border:none;color:#4b5563;cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s ease}.ppc-testing-page .ppc-testing-content .content-main .testing-tabs .tab .tab-icon{font-size:1.2rem;margin-right:.5rem}.ppc-testing-page .ppc-testing-content .content-main .testing-tabs .tab:hover{background-color:#51796f0d;color:#51796f}.ppc-testing-page .ppc-testing-content .content-main .testing-tabs .tab.active{background-color:#fff;border-bottom:3px solid #51796f;color:#51796f}.ppc-testing-page .ppc-testing-content .content-main .tab-content{max-height:calc(100vh - 250px);overflow-y:auto;padding:2rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content h1{color:#1f2937;font-size:1.8rem;margin-bottom:1.2rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content h2{color:#1f2937;font-size:1.5rem;margin:1.8rem 0 .8rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content h3{color:#1f2937;font-size:1.3rem;margin:1.5rem 0 .6rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content h4{color:#1f2937;font-size:1.1rem;margin:1.2rem 0 .5rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content p{color:#4b5563;line-height:1.6;margin-bottom:1rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content ol,.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content ul{margin-bottom:1rem;padding-left:1.5rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content ol li,.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content ul li{color:#4b5563;line-height:1.6;margin-bottom:.5rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content blockquote{border-left:4px solid #51796f;color:#9ca3af;margin:1rem 0;padding-left:1rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content code{background-color:#f9fafb;border-radius:3px;font-family:monospace;font-size:.9rem;padding:.2rem .4rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content pre{background-color:#f9fafb;border-radius:5px;margin:1rem 0;overflow-x:auto;padding:1rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content pre code{background:none;padding:0}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table{border:1px solid #d1d5db;border-collapse:collapse;display:table;font-size:.9rem;margin:1.5rem 0;overflow-x:auto;width:100%}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table td,.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table th{border:1px solid #d1d5db;min-width:120px;padding:.75rem;text-align:left}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table th{background-color:#f9fafb;color:#1f2937;font-weight:600}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table tr{border-bottom:1px solid #d1d5db}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table tr:nth-child(2n){background-color:#f9fafb}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table tr:hover{background-color:#51796f0d}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table thead{border-bottom:2px solid #d1d5db}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content table code{background:#51796f1a;border-radius:3px;color:#51796f;font-size:.85rem;padding:.1rem .3rem}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content a{color:#51796f;text-decoration:none}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content a:hover{text-decoration:underline}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content hr{border:none;border-top:1px solid #d1d5db;margin:2rem 0}.ppc-testing-page .ppc-testing-content .content-main .tab-content .markdown-content .table-container{margin-bottom:1.5rem;max-width:100%;overflow-x:auto}.ppc-testing-page .ppc-testing-content .admin-feedback-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:2rem;padding:1.5rem}.ppc-testing-page .ppc-testing-content .admin-feedback-section h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;margin-bottom:1.5rem}.ppc-testing-page .ppc-testing-content .admin-feedback-section h2:before{content:"👨‍💼";margin-right:.5rem}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s ease}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .feedback-header{margin-bottom:1rem}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .feedback-header h3{color:#1f2937;font-size:1.1rem;margin:0 0 .5rem}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .feedback-body{margin-bottom:1rem}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .feedback-body p{font-size:.9rem;margin:.5rem 0}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .feedback-body p strong{color:#4b5563}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .admin-actions{display:flex;gap:.75rem;margin:1rem 0}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .admin-actions .respond-button{align-items:center;background:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .admin-actions .respond-button:hover{background:#3d5a53}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .admin-actions .status-select{border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .admin-actions .status-select:focus{border-color:#51796f;outline:none}.ppc-testing-page .ppc-testing-content .user-feedback-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-header h2{color:#1f2937;font-size:1.3rem;margin:0}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-header .add-feedback-button{align-items:center;background-color:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-header .add-feedback-button svg{font-size:1.1rem;margin-right:.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-header .add-feedback-button:hover{background-color:#476a61}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history h3{color:#1f2937;font-size:1.1rem;margin-bottom:1.2rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .loading-feedbacks{align-items:center;color:#9ca3af;display:flex;justify-content:center;padding:2rem 0}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .loading-feedbacks .spinning{animation:spin 1s linear infinite;font-size:1.2rem;margin-right:.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .no-feedbacks{color:#9ca3af;padding:2rem 0;text-align:center}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list{max-height:500px;overflow-y:auto}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item{border:1px solid #d1d5db;border-radius:6px;margin-bottom:1rem;overflow:hidden}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item:last-child{margin-bottom:0}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header{background-color:#f9fafb;border-bottom:1px solid #d1d5db;margin-bottom:0;padding:1rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header h3{color:#1f2937;font-size:1rem;margin-bottom:.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta{display:flex;flex-wrap:wrap;gap:.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-category,.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-severity,.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-status{border-radius:3px;font-size:.8rem;font-weight:500;padding:.2rem .5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-category.bug{background-color:#ef44441a;color:#ef4444}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-category.feature{background-color:#3b82f61a;color:#3b82f6}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-category.improvement{background-color:#10b9811a;color:#10b981}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-category.question{background-color:#f59e0b1a;color:#f59e0b}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-severity.critical{background-color:#ef44441a;color:#ef4444}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-severity.high{background-color:#f59e0b1a;color:#f59e0b}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-severity.medium{background-color:#3b82f61a;color:#3b82f6}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-severity.low{background-color:#10b9811a;color:#10b981}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-status.pending{background-color:#f59e0b1a;color:#f59e0b}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-status.in-progress{background-color:#3b82f61a;color:#3b82f6}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-status.resolved{background-color:#10b9811a;color:#10b981}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-header .feedback-meta .feedback-status.rejected{background-color:#ef44441a;color:#ef4444}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-body{padding:1rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-body p{color:#4b5563;font-size:.9rem;line-height:1.5;margin:0;word-break:break-word}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .admin-response{background-color:#f9fafb;border-top:1px solid #d1d5db;padding:1rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .admin-response .response-header{align-items:center;color:#9ca3af;display:flex;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .admin-response .response-header svg{margin-right:.5rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .admin-response p{color:#4b5563;font-size:.9rem;line-height:1.5;margin:0}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-footer{background-color:#f9fafb;border-top:1px solid #d1d5db;padding:.75rem 1rem}.ppc-testing-page .ppc-testing-content .user-feedback-section .feedback-history .feedbacks-list .feedback-item .feedback-footer .feedback-date{color:#9ca3af;font-size:.8rem}.ppc-testing-page .feedback-popup-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#1f293780;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ppc-testing-page .feedback-popup-overlay .feedback-popup{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;max-height:90vh;max-width:90%;width:550px}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-header{align-items:center;border-bottom:1px solid #d1d5db;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-header h2{color:#1f2937;font-size:1.3rem;margin:0}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.25rem;transition:all .2s ease}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-header .close-button:hover{background-color:#f9fafb;color:#1f2937}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content{overflow-y:auto;padding:1.5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content p{color:#9ca3af;font-size:.9rem;margin-bottom:1.2rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group{margin-bottom:1rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group label{color:#4b5563;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group input,.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group select,.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;padding:.75rem;width:100%}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group input:focus,.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group select:focus,.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-group textarea{min-height:100px;resize:vertical}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .cancel-button{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .cancel-button:hover{background-color:#e5e7eb}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .submit-button{align-items:center;background-color:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .submit-button:hover{background-color:#476a61}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .submit-button svg{margin-right:.5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .submit-button .spinning{animation:spin 1s linear infinite}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .error-message,.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .success-message{align-items:center;border-radius:4px;display:flex;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .error-message svg,.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .success-message svg{font-size:1.1rem;margin-right:.5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .error-message{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .success-message{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .feedback-summary{background:#f9fafb;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .feedback-summary h3{color:#1f2937;margin:0 0 .5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .feedback-summary p{font-size:.9rem;margin:.25rem 0}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .feedback-summary p strong{color:#4b5563}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .admin-response-form{margin-bottom:1.5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .admin-response-form label{color:#1f2937;display:block;font-weight:500;margin-bottom:.5rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .admin-response-form textarea{border:1px solid #e5e7eb;border-radius:4px;font-size:.9rem;min-height:120px;padding:.75rem;resize:vertical;width:100%}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .admin-response-form textarea:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .form-actions{display:flex;flex-wrap:wrap;gap:.75rem}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .form-actions .resolve-button{background:#10b981!important}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .form-actions .resolve-button:hover{background:#0c8a60!important}@media(max-width:992px){.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ppc-testing-page .ppc-testing-content .user-feedback-section{width:100%}}@media(max-width:768px){.ppc-testing-page{padding:1.5rem 1rem}.ppc-testing-page .page-header .header-icon{font-size:2rem}.ppc-testing-page .page-header .header-content h1{font-size:1.5rem}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid{gap:1rem;grid-template-columns:1fr}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .admin-actions{flex-direction:column}.ppc-testing-page .ppc-testing-content .admin-feedback-section .admin-feedbacks-grid .admin-feedback-card .admin-actions .status-select{width:100%}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions{flex-direction:column}.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .cancel-button,.ppc-testing-page .feedback-popup-overlay .feedback-popup .popup-content .feedback-form .form-actions .submit-button{width:100%}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .form-actions{flex-direction:column}.ppc-testing-page .feedback-popup-overlay .feedback-popup.admin-response-popup .popup-content .form-actions button{width:100%}}.notification-bell-container{position:relative}.notification-bell-container .notification-bell-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;padding:6px;position:relative;transition:background-color .2s ease;width:48px}.notification-bell-container .notification-bell-button:hover{background-color:#ffffff26}.notification-bell-container .notification-bell-button .notification-icon{color:#fff;height:28px;width:28px}.notification-bell-container .notification-bell-button .notification-badge{align-items:center;background-color:#f55;border:2px solid #51796f;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.notification-bell-container .email-sent-tooltip{animation:fadeInOut 3s ease-in-out;background-color:#339966f2;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:12px;padding:8px 12px;position:absolute;right:0;top:50px;white-space:nowrap;z-index:200}.notification-bell-container .email-sent-tooltip:after{border-bottom:6px solid #339966f2;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;position:absolute;right:16px;top:-6px;width:0}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.notification-bell-container .notifications-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:48px;width:320px;z-index:100}.notification-bell-container .notifications-dropdown .notifications-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:16px}.notification-bell-container .notifications-dropdown .notifications-header h3{color:#2d3748;font-size:16px;margin:0}.notification-bell-container .notifications-dropdown .notifications-header .mark-all-read{background:none;border:none;border-radius:4px;color:#51796f;cursor:pointer;font-size:12px;padding:4px 8px}.notification-bell-container .notifications-dropdown .notifications-header .mark-all-read:hover{background-color:#51796f1a}.notification-bell-container .notifications-dropdown .notifications-content{flex:1 1;max-height:320px;overflow-y:auto}.notification-bell-container .notifications-dropdown .notifications-content .loading-indicator,.notification-bell-container .notifications-dropdown .notifications-content .no-notifications{color:#718096;font-size:14px;padding:20px;text-align:center}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list{list-style:none;margin:0;padding:0}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list .notification-item{align-items:center;border-bottom:1px solid #edf2f7;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .15s ease}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list .notification-item:hover{background-color:#f7fafc}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list .notification-item.unread{background-color:#51796f0d}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list .notification-item .notification-content{flex:1 1}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list .notification-item .notification-content .notification-title{color:#2d3748;font-size:14px;font-weight:500;margin-bottom:4px}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list .notification-item .notification-content .notification-message{color:#4a5568;font-size:13px;line-height:1.4;margin-bottom:4px}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list .notification-item .notification-content .notification-time{color:#718096;font-size:11px}.notification-bell-container .notifications-dropdown .notifications-content .notifications-list .notification-item .unread-indicator{background-color:#51796f;border-radius:50%;height:8px;margin-left:12px;width:8px}.notification-bell-container .notifications-dropdown .notifications-footer{border-top:1px solid #edf2f7;padding:12px;text-align:center}.notification-bell-container .notifications-dropdown .notifications-footer .view-all-link{color:#51796f;font-size:13px;text-decoration:none}.notification-bell-container .notifications-dropdown .notifications-footer .view-all-link:hover{text-decoration:underline}@media(max-width:768px){.notification-bell-container .notifications-dropdown{border-radius:0;box-shadow:none;left:0;max-height:calc(100vh - 64px);position:fixed;right:0;top:64px;width:100%}.notification-bell-container .email-sent-tooltip{position:fixed;right:16px;top:64px}}.large-icon{font-size:24px!important;height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.topbar{background-color:#51796f;border-bottom:1px solid #ffffff1a;box-shadow:0 1px 2px #0000000d;height:64px;justify-content:space-between;padding:0 16px;position:relative;z-index:1000}.topbar,.topbar .left-section{align-items:center;display:flex}.topbar .left-section .sidebar-toggle{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;margin-right:12px;transition:all .15s ease;width:40px}.topbar .left-section .sidebar-toggle:hover{background-color:#ffffff1a}.topbar .left-section .sidebar-toggle svg{height:20px;width:20px}.topbar .left-section .mobile-toggle{display:none}.topbar .left-section .logo{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600}.topbar .left-section .logo .company-logo{height:32px;margin-right:12px}.topbar .left-section .logo .logo-icon{background-color:#fff;border-radius:8px;color:#51796f;display:none;font-size:14px;font-weight:700;padding:4px 8px}.topbar .search-container{flex:1 1;margin:0 16px;max-width:400px}.topbar .search-container .search-wrapper{position:relative;width:100%}.topbar .search-container .search-wrapper .search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar .search-container .search-wrapper .search-input{background-color:#ffffff26;border:none;border-radius:9999px;color:#fff;font-size:14px;outline:none;padding:8px 8px 8px 40px;transition:all .15s ease;width:100%}.topbar .search-container .search-wrapper .search-input:focus{background-color:#ffffff40;box-shadow:0 0 0 3px #ffffff1a}.topbar .search-container .search-wrapper .search-input::placeholder{color:#fff9}.topbar .right-section{align-items:center;display:flex}.topbar .right-section .icon-button{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:8px;position:relative;transition:all .15s ease;width:40px}.topbar .right-section .icon-button:hover{background-color:#ffffff1a}.topbar .right-section .icon-button svg{height:20px;width:20px}.topbar .right-section .icon-button .badge{align-items:center;background-color:#ef4444;border:2px solid #51796f;border-radius:9999px;color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:4px;top:4px}.topbar .right-section .user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-left:16px;padding:8px;transition:all .15s ease}.topbar .right-section .user-profile:hover{background-color:#ffffff1a}.topbar .right-section .user-profile .avatar{align-items:center;background-color:#fff;border:2px solid #fff3;border-radius:9999px;color:#51796f;display:flex;height:36px;justify-content:center;margin-right:12px;overflow:hidden;position:relative;width:36px}.topbar .right-section .user-profile .avatar:after{border-radius:9999px;bottom:0;box-shadow:inset 0 0 0 1px #fff3;content:"";left:0;position:absolute;right:0;top:0}.topbar .right-section .user-profile .avatar svg{height:18px;width:18px}.topbar .right-section .user-profile .user-info{display:flex;flex-direction:column}.topbar .right-section .user-profile .user-info .user-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px}.topbar .right-section .user-profile .user-info .user-role{color:#ffffffb3;font-size:12px}@media(max-width:1023px){.topbar .left-section .desktop-toggle{display:none}.topbar .left-section .mobile-toggle{display:flex}.topbar .left-section .logo .logo-full{display:none}.topbar .left-section .logo .logo-icon{display:block}.topbar .search-container{max-width:200px}.topbar .user-profile .user-info{display:none}}@media(max-width:639px){.topbar .search-container{display:none}}.icon-button svg,.sidebar-toggle svg{font-size:32px;height:32px;width:32px}.user-profile-dropdown{position:relative}.user-profile-dropdown .user-profile-button{background:none;border:none;cursor:pointer;padding:0;width:100%}.user-profile-dropdown .user-profile{align-items:center;border-radius:8px;display:flex;padding:8px 12px;transition:background-color .2s ease}.user-profile-dropdown .user-profile:hover{background-color:#ffffff1a}.user-profile-dropdown .user-profile .avatar{background-color:#ffffff1a;border-radius:50%;height:40px;margin-right:12px;overflow:hidden;width:40px}.user-profile-dropdown .user-profile .avatar img{height:100%;object-fit:cover;width:100%}.user-profile-dropdown .user-profile .avatar .avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:500;height:100%;justify-content:center;width:100%}.user-profile-dropdown .user-profile .user-info{align-items:flex-start;display:flex;flex-direction:column}.user-profile-dropdown .user-profile .user-info .user-name{color:#fff;font-size:14px;font-weight:500;line-height:1.2}.user-profile-dropdown .user-profile .user-info .user-role{color:#ffffffb3;font-size:12px;line-height:1.2}.user-profile-dropdown .user-profile .dropdown-icon{color:#ffffffb3;margin-left:8px;transition:transform .2s ease}.user-profile-dropdown .user-profile .dropdown-icon.open{transform:rotate(180deg)}.user-profile-dropdown .dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:1000}.user-profile-dropdown .dropdown-menu .dropdown-item{align-items:center;color:#333;display:flex;font-size:14px;padding:12px 16px;text-decoration:none;transition:background-color .2s ease}.user-profile-dropdown .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5}.user-profile-dropdown .dropdown-menu .dropdown-item .dropdown-icon{color:#666;font-size:18px;margin-right:12px}.user-profile-dropdown .dropdown-menu .dropdown-divider{background-color:#eee;height:1px;margin:4px 0}.user-profile-dropdown .dropdown-menu button.dropdown-item{background:none;border:none;cursor:pointer;text-align:left;width:100%}.user-profile-dropdown .dropdown-menu button.dropdown-item:hover{background-color:#f5f5f5}.admin-view-toggle{align-items:center;background-color:#ffffff1a;border-radius:6px;display:flex;justify-content:space-between;margin:10px 15px;padding:10px 15px}.admin-view-toggle .toggle-label{color:#e0e0e0;font-size:14px;font-weight:500;margin-right:8px}.admin-view-toggle .toggle-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0;position:relative}.admin-view-toggle .toggle-button:focus{outline:none}.admin-view-toggle .toggle-button .toggle-track{background-color:#fff3;border-radius:11px;display:inline-block;height:22px;margin-right:8px;position:relative;transition:all .2s ease;width:42px}.admin-view-toggle .toggle-button .toggle-track .toggle-indicator{background-color:#fff;border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transform:translateX(0);transition:all .2s ease;width:18px}.admin-view-toggle .toggle-button.active .toggle-track{background-color:#3498db}.admin-view-toggle .toggle-button.active .toggle-track .toggle-indicator{transform:translateX(20px)}.admin-view-toggle .toggle-button .toggle-icons{align-items:center;display:flex;height:22px;justify-content:space-between;left:0;padding:0 5px;position:absolute;top:0;width:42px}.admin-view-toggle .toggle-button .toggle-icons .admin-icon,.admin-view-toggle .toggle-button .toggle-icons .user-icon{color:#ffffff80;font-size:12px;transition:color .2s ease}.admin-view-toggle .toggle-button .toggle-icons .admin-icon.active,.admin-view-toggle .toggle-button .toggle-icons .user-icon.active{color:#fff}.admin-view-toggle .toggle-button .toggle-icons .admin-icon{margin-left:auto}.admin-view-toggle .toggle-button .toggle-icons .user-icon{margin-right:auto}.admin-view-toggle .toggle-button .toggle-text{color:#e0e0e0;font-size:14px;font-weight:500;margin-left:8px}.sidebar.collapsed .admin-view-toggle{margin:10px auto;padding:10px 8px}.sidebar.collapsed .admin-view-toggle .toggle-button .toggle-track{margin-right:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293780;display:none;right:0;top:0;z-index:90}.sidebar,.sidebar-backdrop{bottom:0;left:0;position:fixed}.sidebar{background-color:#51796f;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;overflow-y:auto;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;top:64px;transition:all .3s ease;width:240px;z-index:100}.sidebar::-webkit-scrollbar{opacity:0;width:5px}.sidebar::-webkit-scrollbar-track{background-color:#0000}.sidebar::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:5px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.sidebar:hover::-webkit-scrollbar-thumb{opacity:1}.sidebar .sidebar-header{display:flex;justify-content:flex-end;padding:12px}.sidebar .sidebar-header .mobile-close-button{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:20px;height:36px;justify-content:center;width:36px}.sidebar .sidebar-header .mobile-close-button:hover{background-color:#ffffff1a;color:#fff}.sidebar .sidebar-header .mobile-close-button svg{height:24px;width:24px}.sidebar .sidebar-content{flex:1 1}.sidebar .sidebar-content .sidebar-nav{padding:0 16px}.sidebar .sidebar-content .sidebar-nav .nav-section-header{margin-bottom:4px;padding:12px 16px}.sidebar .sidebar-content .sidebar-nav .nav-section-header h3{color:#fffc;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.sidebar .sidebar-footer{border-top:1px solid #ffffff1a;padding:16px}.sidebar .nav-list{list-style:none;margin:0;padding:0}.sidebar .nav-list .nav-item{border-radius:8px;margin-bottom:4px;overflow:hidden;transition:all .15s ease}.sidebar .nav-list .nav-item.active{background-color:#eff4f2;font-weight:500}.sidebar .nav-list .nav-item.active .nav-link{color:#51796f}.sidebar .nav-list .nav-item.active .nav-icon{background-color:#51796f;color:#fff}.sidebar .nav-list .nav-item:hover:not(.active){background-color:#ffffff1a}.sidebar .nav-list .nav-item:hover:not(.active) .nav-icon,.sidebar .nav-list .nav-item:hover:not(.active) .nav-link{color:#fff}.sidebar .nav-list .nav-item.has-children .nav-link{cursor:pointer;position:relative}.sidebar .nav-list .nav-item.has-children .nav-link .expand-icon{align-items:center;color:#fff;display:flex;position:absolute;right:16px}.sidebar .nav-list .nav-item.has-children .nav-link .expand-icon svg{height:16px;transition:transform .2s;width:16px}.sidebar .nav-list .nav-item.has-children.expanded{background-color:#ffffff1a;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.sidebar .nav-list .nav-link{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:400;padding:5px 7px;text-decoration:none;transition:all .15s ease}.sidebar .nav-list .nav-link:hover{color:#fff}.sidebar .nav-list .nav-icon{align-items:center;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;margin-right:12px;transition:all .15s ease;width:32px}.sidebar .nav-list .nav-icon svg{height:20px;width:20px}.sidebar .nav-list .nav-title{transition:opacity .3s ease;white-space:nowrap}.sidebar .view-mode-notification{animation:fadeIn .3s ease,fadeOut .3s ease 2.7s;background-color:#ffffff26;border-radius:8px;color:#fff;font-size:14px;font-weight:500;margin:0 16px 8px;padding:8px 12px;text-align:center}.sidebar .admin-view-toggle{background-color:#ffffff1a;border:1px solid #fff3;margin:0 16px 16px}.sidebar .admin-view-toggle .toggle-label,.sidebar .admin-view-toggle .toggle-text{color:#fff}.sidebar .admin-view-toggle .toggle-button.active .toggle-track{background-color:#51796f}.sidebar.collapsed{width:86px}.sidebar.collapsed .nav-title{opacity:0;overflow:hidden;width:0}.sidebar.collapsed .nav-list .nav-link{justify-content:center;padding:12px}.sidebar.collapsed .nav-list .nav-icon{margin-right:0}.sidebar.collapsed .view-mode-notification{font-size:12px;margin:0 8px 8px;padding:8px}.sidebar.collapsed .admin-view-toggle{justify-content:center;margin:0 8px 16px;padding:8px}.sidebar.collapsed .admin-view-toggle .toggle-label,.sidebar.collapsed .admin-view-toggle .toggle-text{display:none}.sidebar.collapsed .admin-view-toggle .toggle-button{padding:0}@media(max-width:1023px){.sidebar-backdrop{display:block}.sidebar{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateX(-100%)}.sidebar .sidebar-header .mobile-close-button{display:flex}.sidebar.mobile-open{transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.sub-nav-list{background-color:#ffffff0d;border-bottom-left-radius:6px;border-bottom-right-radius:6px;list-style:none;margin:0 0 8px;overflow:hidden;padding:0}.sub-nav-list .sub-nav-item{transition:all .2s}.sub-nav-list .sub-nav-item.active .sub-nav-link{background-color:#eff4f2;color:#51796f}.sub-nav-list .sub-nav-item.active .sub-nav-link .sub-nav-icon{color:#51796f}.sub-nav-list .sub-nav-item:hover:not(.active) .sub-nav-link{background-color:#ffffff1a;color:#fff}.sub-nav-list .sub-nav-item:hover:not(.active) .sub-nav-link .sub-nav-icon{color:#fff}.sub-nav-list .sub-nav-link{align-items:center;color:#ffffffe6;display:flex;font-size:14px;padding:8px 16px 8px 48px;text-decoration:none;transition:all .2s}.sub-nav-list .sub-nav-link .sub-nav-icon{align-items:center;color:#ffffffe6;display:flex;justify-content:center;margin-right:8px}.sub-nav-list .sub-nav-link .sub-nav-icon svg{height:16px;width:16px}.nav-container .nav-group{border-radius:8px;margin-bottom:16px;overflow:hidden}.nav-container .nav-group .nav-group-header{margin-bottom:4px;padding:8px 12px}.nav-container .nav-group .nav-group-header .nav-group-title{color:#ffffffb3;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.nav-container .nav-group .nav-group-items .nav-item{border-radius:8px;list-style:none;margin-bottom:4px;overflow:hidden;transition:all .15s ease}.nav-container .nav-group .nav-group-items .nav-item.active{background-color:#ffffff26;font-weight:500}.nav-container .nav-group .nav-group-items .nav-item.active .nav-link{color:#fff}.nav-container .nav-group .nav-group-items .nav-item.active .nav-title{color:#fff;font-weight:600}.nav-container .nav-group .nav-group-items .nav-item.active .nav-icon{background-color:#51796f;color:#fff}.nav-container .nav-group .nav-group-items .nav-item:hover:not(.active){background-color:#ffffff1a}.nav-container .nav-group .nav-group-items .nav-item:hover:not(.active) .nav-icon,.nav-container .nav-group .nav-group-items .nav-item:hover:not(.active) .nav-link{color:#fff}.nav-container .nav-group .nav-group-items .nav-item .nav-link{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:400;padding:5px 7px;text-decoration:none;transition:all .15s ease}.nav-container .nav-group .nav-group-items .nav-item .nav-link:hover{color:#fff}.nav-container .nav-group .nav-group-items .nav-item .nav-icon{align-items:center;background-color:#0000;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;margin-right:12px;transition:all .15s ease;width:32px}.nav-container .nav-group .nav-group-items .nav-item .nav-icon svg{height:18px;width:18px}.nav-container .nav-group .nav-group-items .nav-item .nav-title{color:#fff;flex:1 1;font-size:14px;transition:color .15s ease}.nav-container .nav-group.nav-group-personal{background-color:#818cf80a;border-left:3px solid #818cf866;padding:8px}.nav-container .nav-group.nav-group-core-work{background-color:#22c55e0a;border-left:3px solid #22c55e66;padding:8px}.nav-container .nav-group.nav-group-management{background-color:#fb923c0a;border-left:3px solid #fb923c66;padding:8px}.nav-container .nav-group.nav-group-company{background-color:#a855f70a;border-left:3px solid #a855f766;padding:8px}.nav-container .nav-group.nav-group-other{background-color:#9ca3af0a;border-left:3px solid #9ca3af66;padding:8px}.nav-container .nav-group.nav-group-team-management{background-color:#ef44440a;border-left:3px solid #ef444466;padding:8px}.nav-container .nav-group.nav-group-testing-and-analytics{background-color:#22c55e0a;border-left:3px solid #22c55e66;padding:8px}.nav-container .nav-group.nav-group-content-management{background-color:#3b82f60a;border-left:3px solid #3b82f666;padding:8px}.nav-container .nav-group.nav-group-data-and-reports{background-color:#a855f70a;border-left:3px solid #a855f766;padding:8px}.nav-container .nav-group.nav-group-financial-and-operations{background-color:#fb923c0a;border-left:3px solid #fb923c66;padding:8px}.floating-feedback-button{align-items:center;animation:glow 2s ease-in-out infinite alternate,float 3s ease-in-out infinite,borderGlow 3s linear infinite;background:#2d3748;background-clip:padding-box,border-box;background-image:linear-gradient(#2d3748,#2d3748),linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4,#10b981,#3b82f6);background-origin:border-box;border:2px solid #0000;border-radius:50px;bottom:30px;box-shadow:0 4px 20px #2d374866,0 0 0 0 #3b82f680;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:30px;transition:all .3s ease;z-index:1000}.floating-feedback-button:hover{animation-play-state:paused;background:#1a202c;box-shadow:0 8px 30px #2d374899,0 0 30px #3b82f666;transform:translateY(-4px) scale(1.05)}.floating-feedback-button:active{box-shadow:0 2px 15px #2d374866;transform:translateY(0) scale(.98)}.floating-feedback-button svg{filter:drop-shadow(0 0 4px rgba(59,130,246,.4));height:18px;transition:filter .3s ease;width:18px}.floating-feedback-button:hover svg{filter:drop-shadow(0 0 8px rgba(59,130,246,.8))}.floating-feedback-button span{text-shadow:0 0 10px #ffffff4d;transition:text-shadow .3s ease;white-space:nowrap}.floating-feedback-button:hover span{text-shadow:0 0 15px #ffffff80}@media(max-width:768px){.floating-feedback-button{border-radius:50%;bottom:20px;font-size:13px;height:50px;justify-content:center;padding:10px 16px;right:20px;width:50px}.floating-feedback-button span{display:none}.floating-feedback-button svg{height:20px;width:20px}}@media(max-width:480px){.floating-feedback-button{bottom:15px;height:45px;right:15px;width:45px}.floating-feedback-button svg{height:18px;width:18px}}.feedback-popup-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.feedback-popup{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.feedback-popup .popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.feedback-popup .popup-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.feedback-popup .popup-header .close-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.feedback-popup .popup-header .close-button:hover{background:#f3f4f6;color:#374151}.feedback-popup .popup-header .close-button svg{height:20px;width:20px}.feedback-popup .popup-content{padding:0 24px 24px}.feedback-popup .popup-content>p{color:#6b7280;line-height:1.6;margin-bottom:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-form .form-group{margin-bottom:20px}.feedback-form .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.feedback-form .form-group input,.feedback-form .form-group select,.feedback-form .form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.feedback-form .form-group input:focus,.feedback-form .form-group select:focus,.feedback-form .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feedback-form .form-group input::placeholder,.feedback-form .form-group select::placeholder,.feedback-form .form-group textarea::placeholder{color:#9ca3af}.feedback-form .form-group textarea{min-height:100px;resize:vertical}.feedback-form .error-message,.feedback-form .success-message{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.feedback-form .error-message svg,.feedback-form .success-message svg{flex-shrink:0;height:16px;width:16px}.feedback-form .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.feedback-form .success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.feedback-form .form-actions{display:flex;gap:12px;justify-content:flex-end}.feedback-form .form-actions button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.feedback-form .form-actions button svg{height:16px;width:16px}.feedback-form .form-actions button svg.spinning{animation:spin 1s linear infinite}.feedback-form .form-actions button:disabled{cursor:not-allowed;opacity:.6}.feedback-form .form-actions .cancel-button{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.feedback-form .form-actions .cancel-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.feedback-form .form-actions .submit-button{background:#2d3748;border:none;color:#fff}.feedback-form .form-actions .submit-button:hover:not(:disabled){background:#1a202c;box-shadow:0 4px 12px #2d374866;transform:translateY(-1px)}@media(max-width:768px){.feedback-popup{margin:10px;max-height:85vh}.feedback-popup .popup-header{margin-bottom:20px;padding:20px 20px 0}.feedback-popup .popup-header h2{font-size:18px}.feedback-popup .popup-content{padding:0 20px 20px}.feedback-popup .feedback-form .form-actions{flex-direction:column}.feedback-popup .feedback-form .form-actions button{justify-content:center;width:100%}}@media(max-width:480px){.feedback-popup-overlay{padding:10px}.feedback-popup .popup-header{margin-bottom:16px;padding:16px 16px 0}.feedback-popup .popup-content{padding:0 16px 16px}}@keyframes glow{0%{box-shadow:0 4px 20px #2d374866,0 0 20px #3b82f64d}to{box-shadow:0 4px 20px #2d374866,0 0 40px #3b82f699}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes borderGlow{0%{background-image:linear-gradient(#2d3748,#2d3748),linear-gradient(45deg,#3b82f6,#8b5cf6,#06b6d4,#10b981,#3b82f6)}25%{background-image:linear-gradient(#2d3748,#2d3748),linear-gradient(90deg,#8b5cf6,#06b6d4,#10b981,#3b82f6,#8b5cf6)}50%{background-image:linear-gradient(#2d3748,#2d3748),linear-gradient(135deg,#06b6d4,#10b981,#3b82f6,#8b5cf6,#06b6d4)}75%{background-image:linear-gradient(#2d3748,#2d3748),linear-gradient(180deg,#10b981,#3b82f6,#8b5cf6,#06b6d4,#10b981)}to{background-image:linear-gradient(#2d3748,#2d3748),linear-gradient(225deg,#3b82f6,#8b5cf6,#06b6d4,#10b981,#3b82f6)}}.admin-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.admin-layout .layout-container{display:flex;flex:1 1;overflow:hidden}.admin-layout .content{background-color:#f9fafb;flex:1 1;overflow-y:auto;scrollbar-color:#51796f80 #0000;scrollbar-width:thin;transition:margin-left .3s ease}@media(min-width:768px){.admin-layout .content{padding:20px}}.admin-layout .content::-webkit-scrollbar{opacity:0;width:5px}.admin-layout .content::-webkit-scrollbar-track{background-color:#0000}.admin-layout .content::-webkit-scrollbar-thumb{background-color:#51796f80;border-radius:5px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.admin-layout .content:hover::-webkit-scrollbar-thumb{opacity:1}.admin-layout .content .content-wrapper{margin:0 auto;max-width:1400px}.admin-layout.sidebar-collapsed .content{margin-left:64px}@media(min-width:1024px){.admin-layout .content{margin-left:240px}}@media(max-width:1023px){.admin-layout .content{margin-left:0}}.notifications-page{width:100%}.notifications-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notifications-page .page-header .header-left h1{align-items:center;color:#1f2937;display:flex;font-size:24px;margin:0}.notifications-page .page-header .header-left h1 .header-icon{color:#51796f;height:24px;margin-right:12px;width:24px}.notifications-page .page-header .header-right .refresh-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;padding:8px 16px;transition:all .15s ease}.notifications-page .page-header .header-right .refresh-button svg{margin-right:8px}.notifications-page .page-header .header-right .refresh-button:hover{background-color:#f9fafb}.notifications-page .notifications-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;min-height:400px;overflow:hidden}.notifications-page .notifications-content .empty-state,.notifications-page .notifications-content .error-container,.notifications-page .notifications-content .loading-container{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:40px}.notifications-page .notifications-content .empty-state .loading-spinner,.notifications-page .notifications-content .error-container .loading-spinner,.notifications-page .notifications-content .loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.notifications-page .notifications-content .empty-state .error-icon,.notifications-page .notifications-content .error-container .error-icon,.notifications-page .notifications-content .loading-container .error-icon{color:#ef4444;height:48px;margin-bottom:16px;width:48px}.notifications-page .notifications-content .empty-state button,.notifications-page .notifications-content .error-container button,.notifications-page .notifications-content .loading-container button{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;margin-top:16px;padding:8px 16px}.notifications-page .notifications-content .empty-state button:hover,.notifications-page .notifications-content .error-container button:hover,.notifications-page .notifications-content .loading-container button:hover{background-color:#f9fafb}.notifications-page .notifications-content .empty-state .empty-icon,.notifications-page .notifications-content .error-container .empty-icon,.notifications-page .notifications-content .loading-container .empty-icon{color:#d1d5db;margin-bottom:16px}.notifications-page .notifications-content .empty-state h2,.notifications-page .notifications-content .error-container h2,.notifications-page .notifications-content .loading-container h2{color:#1f2937;margin:0 0 8px}.notifications-page .notifications-content .empty-state p,.notifications-page .notifications-content .error-container p,.notifications-page .notifications-content .loading-container p{color:#718096;text-align:center}.notifications-page .notifications-content .notifications-list-container .date-group{border-bottom:1px solid #e2e8f0}.notifications-page .notifications-content .notifications-list-container .date-group:last-child{border-bottom:none}.notifications-page .notifications-content .notifications-list-container .date-group .date-header{background-color:#f9fafb;color:#4b5563;font-size:14px;font-weight:500;padding:12px 16px}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;padding:16px;transition:background-color .15s ease}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item:hover{background-color:#f9fafb}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item:last-child{border-bottom:none}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item.unread{background-color:#51796f0d}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item.unread:hover{background-color:#51796f14}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item.unread .notification-title{font-weight:600}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item .notification-icon{align-items:center;background-color:#51796f1a;border-radius:50%;color:#51796f;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-right:12px;width:36px}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item .notification-icon svg{height:20px;width:20px}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item .notification-content{flex:1 1}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item .notification-content .notification-title{color:#1f2937;font-size:16px;margin-bottom:4px}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item .notification-content .notification-message{color:#4b5563;font-size:14px;line-height:1.4;margin-bottom:8px}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item .notification-content .notification-time{color:#718096;font-size:12px}.notifications-page .notifications-content .notifications-list-container .date-group .notifications-group .notification-item .unread-indicator{background-color:#51796f;border-radius:50%;height:8px;margin-left:12px;width:8px}@media(max-width:768px){.notifications-page .page-header{align-items:flex-start;flex-direction:column}.notifications-page .page-header .header-left{margin-bottom:16px}}.employee-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.employee-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-5px)}.employee-card .employee-image{display:flex;justify-content:center;margin-bottom:16px}.employee-card .employee-image .profile-image{border:4px solid #f3f4f6;border-radius:50%;height:120px;object-fit:cover;width:120px}.employee-card .employee-image .avatar-placeholder{align-items:center;background-color:#5e72e4;border:4px solid #f3f4f6;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:120px;justify-content:center;width:120px}.employee-card .employee-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.employee-card .employee-info .designation{color:#5e72e4;font-size:14px;line-height:1.4;margin:0 0 8px}.employee-card .employee-info .employee-id{color:#6b7280;font-size:12px;font-weight:500;margin:0 0 16px}.employee-card .employee-info .know-more-btn{background-color:#5e72e4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.employee-card .employee-info .know-more-btn:hover{background-color:#4c63d2}.know-myelinners-container{margin:0 auto;max-width:1400px;padding:20px}.know-myelinners-container .page-header{margin-bottom:20px}.know-myelinners-container .page-header h1{color:#51796f;font-size:24px;margin-bottom:8px}.know-myelinners-container .page-header p{color:#9ca3af;font-size:16px}.know-myelinners-container .filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.know-myelinners-container .filters-container .search-box{flex:1 1;max-width:400px;position:relative}.know-myelinners-container .filters-container .search-box .search-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.know-myelinners-container .filters-container .search-box input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px;width:100%}.know-myelinners-container .filters-container .search-box input:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.know-myelinners-container .filters-container .department-filter{align-items:center;display:flex;gap:8px}.know-myelinners-container .filters-container .department-filter label{color:#1f2937;font-size:14px}.know-myelinners-container .filters-container .department-filter select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px}.know-myelinners-container .filters-container .department-filter select:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.know-myelinners-container .filters-container .refresh-btn{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .15s ease}.know-myelinners-container .filters-container .refresh-btn:hover{background-color:#3d5a53}.know-myelinners-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px 0}.know-myelinners-container .loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.know-myelinners-container .loading-container p{color:#9ca3af;font-size:16px}.know-myelinners-container .error-container{padding:24px 0;text-align:center}.know-myelinners-container .error-container p{color:#ef4444;font-size:16px;margin-bottom:16px}.know-myelinners-container .error-container button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .15s ease}.know-myelinners-container .error-container button:hover{background-color:#3d5a53}.know-myelinners-container .no-results{background-color:#f9fafb;border-radius:8px;color:#9ca3af;padding:24px 0;text-align:center}.know-myelinners-container .employee-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.know-myelinners-container .employee-cards-grid .employee-card{background-color:#fff;border-radius:16px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.know-myelinners-container .employee-cards-grid .employee-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-4px)}.know-myelinners-container .employee-cards-grid .employee-card .card-header{align-items:center;background-color:#eff4f24d;display:flex;flex-direction:column;padding:16px;position:relative}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;height:120px;margin-bottom:12px;overflow:hidden;width:120px}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-avatar img{height:100%;object-fit:cover;width:100%}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-avatar .avatar-placeholder{align-items:center;background-color:#51796f;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-social{display:flex;gap:8px}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-social .social-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#9ca3af;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-social .social-icon:hover{transform:translateY(-2px)}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-social .social-icon.linkedin:hover{background-color:#0077b5;color:#fff}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-social .social-icon.twitter:hover{background-color:#1da1f2;color:#fff}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-social .social-icon.facebook:hover{background-color:#1877f2;color:#fff}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-social .social-icon.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.know-myelinners-container .employee-cards-grid .employee-card .card-header .employee-social .social-icon.website:hover{background-color:#51796f;color:#fff}.know-myelinners-container .employee-cards-grid .employee-card .card-body{display:flex;flex:1 1;flex-direction:column;padding:16px}.know-myelinners-container .employee-cards-grid .employee-card .card-body .employee-name{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:4px;text-align:center}.know-myelinners-container .employee-cards-grid .employee-card .card-body .employee-designation{color:#51796f;font-size:14px;margin-bottom:12px;text-align:center}.know-myelinners-container .employee-cards-grid .employee-card .card-body .employee-department{display:flex;justify-content:center;margin-bottom:12px}.know-myelinners-container .employee-cards-grid .employee-card .card-body .employee-department .department-badge{background-color:#eff4f2;border-radius:9999px;color:#3e5d55;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.know-myelinners-container .employee-cards-grid .employee-card .card-body .employee-brief{-webkit-line-clamp:4;-webkit-box-orient:vertical;border-top:1px solid #f9fafb;color:#9ca3af;display:-webkit-box;font-size:14px;line-height:1.5;margin-top:auto;overflow:hidden;padding-top:12px;text-align:center}.know-myelinners-container .employee-cards-grid .employee-card .card-footer{border-top:1px solid #f9fafb;padding:16px;text-align:center}.know-myelinners-container .employee-cards-grid .employee-card .card-footer .view-profile-btn{background-color:#51796f;border-radius:8px;color:#fff;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .15s ease}.know-myelinners-container .employee-cards-grid .employee-card .card-footer .view-profile-btn:hover{background-color:#3d5a53}@media(max-width:768px){.know-myelinners-container{padding:16px}.know-myelinners-container .filters-container{align-items:stretch;flex-direction:column}.know-myelinners-container .filters-container .search-box{max-width:none}.know-myelinners-container .filters-container .refresh-btn{margin-top:12px}.know-myelinners-container .employee-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.know-myelinners-container .modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.know-myelinners-container .modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.know-myelinners-container .modal-content .modal-header{display:flex;justify-content:flex-end;padding:16px 20px 0}.know-myelinners-container .modal-content .modal-header .close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;padding:4px}.know-myelinners-container .modal-content .modal-header .close-btn:hover{color:#374151}.know-myelinners-container .modal-content .modal-body{padding:0 20px 20px}.know-myelinners-container .modal-content .modal-body .employee-detail{text-align:center}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-image{margin-bottom:24px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-image .profile-image-large{border:4px solid #f3f4f6;border-radius:50%;display:block;height:150px;margin:0 auto;object-fit:cover;width:150px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-image .avatar-placeholder-large{align-items:center;background-color:#5e72e4;border:4px solid #f3f4f6;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:150px;justify-content:center;margin:0 auto;width:150px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info{text-align:left}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .designation-detail{color:#5e72e4;font-size:16px;font-weight:500;margin:0 0 24px;text-align:center}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .bio-detail{margin-bottom:24px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .bio-detail h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .bio-detail p{color:#4b5563;line-height:1.6;margin:0 0 12px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .contact-detail{margin-bottom:24px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .contact-detail h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .contact-detail .contact-items .contact-item{color:#4b5563;margin-bottom:8px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .contact-detail .contact-items .contact-item strong{color:#374151}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn{border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn.linkedin{background-color:#0077b5;color:#fff}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn.linkedin:hover{background-color:#005885}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn.twitter{background-color:#1da1f2;color:#fff}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn.twitter:hover{background-color:#0d8bd9}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn.instagram:hover{opacity:.9}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn.website{background-color:#6b7280;color:#fff}.know-myelinners-container .modal-content .modal-body .employee-detail .employee-detail-info .social-links-detail .social-buttons .social-btn.website:hover{background-color:#4b5563}.know-advisors-container{margin:0 auto;max-width:1200px;padding:20px}.know-advisors-container .page-header{margin-bottom:32px}.know-advisors-container .page-header h1{color:#5e72e4;font-size:28px;margin-bottom:8px}.know-advisors-container .page-header p{color:#6b7280;font-size:16px}.know-advisors-container .search-container{margin-bottom:32px;max-width:500px}.know-advisors-container .search-container .search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.know-advisors-container .search-container .search-input:focus{border-color:#5e72e4;box-shadow:0 0 0 3px #5e72e41a}.know-advisors-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.know-advisors-container .loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#5e72e4;height:40px;margin-bottom:16px;width:40px}.know-advisors-container .loading-container p{color:#6b7280;font-size:16px}.know-advisors-container .no-results{color:#6b7280;font-size:16px;padding:40px 0;text-align:center}.know-advisors-container .advisors-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.know-advisors-container .advisors-grid .advisor-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:24px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.know-advisors-container .advisors-grid .advisor-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-5px)}.know-advisors-container .advisors-grid .advisor-card .advisor-image{display:flex;justify-content:center;margin-bottom:16px}.know-advisors-container .advisors-grid .advisor-card .advisor-image .profile-image{border:4px solid #f3f4f6;border-radius:50%;height:120px;object-fit:cover;width:120px}.know-advisors-container .advisors-grid .advisor-card .advisor-image .avatar-placeholder{align-items:center;background-color:#5e72e4;border:4px solid #f3f4f6;border-radius:50%;color:#fff;display:flex;font-size:36px;font-weight:700;height:120px;justify-content:center;width:120px}.know-advisors-container .advisors-grid .advisor-card .advisor-info h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.know-advisors-container .advisors-grid .advisor-card .advisor-info .designation{color:#5e72e4;font-size:14px;line-height:1.4;margin:0 0 16px}.know-advisors-container .advisors-grid .advisor-card .advisor-info .know-more-btn{background-color:#5e72e4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.know-advisors-container .advisors-grid .advisor-card .advisor-info .know-more-btn:hover{background-color:#4c63d2}.know-advisors-container .modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.know-advisors-container .modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.know-advisors-container .modal-content .modal-header{display:flex;justify-content:flex-end;padding:16px 20px 0}.know-advisors-container .modal-content .modal-header .close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;padding:4px}.know-advisors-container .modal-content .modal-header .close-btn:hover{color:#374151}.know-advisors-container .modal-content .modal-body{padding:0 20px 20px}.know-advisors-container .modal-content .modal-body .advisor-detail{text-align:center}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-image{margin-bottom:24px}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-image .profile-image-large{border:4px solid #f3f4f6;border-radius:50%;display:block;height:150px;margin:0 auto;object-fit:cover;width:150px}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-image .avatar-placeholder-large{align-items:center;background-color:#5e72e4;border:4px solid #f3f4f6;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:150px;justify-content:center;margin:0 auto;width:150px}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info{text-align:left}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .designation-detail{color:#5e72e4;font-size:16px;font-weight:500;margin:0 0 24px;text-align:center}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .bio-detail,.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .short-description-detail{margin-bottom:24px}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .bio-detail h4,.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .short-description-detail h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .bio-detail p,.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .short-description-detail p{color:#4b5563;line-height:1.6;margin:0 0 12px}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn{border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn.linkedin{background-color:#0077b5;color:#fff}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn.linkedin:hover{background-color:#005885}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn.twitter{background-color:#1da1f2;color:#fff}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn.twitter:hover{background-color:#0d8bd9}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn.instagram:hover{opacity:.9}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn.website{background-color:#6b7280;color:#fff}.know-advisors-container .modal-content .modal-body .advisor-detail .advisor-detail-info .social-links-detail .social-buttons .social-btn.website:hover{background-color:#4b5563}.know-advisors-container .error-container{padding:40px 20px;text-align:center}.know-advisors-container .error-container p{color:#ef4444;margin-bottom:16px}.know-advisors-container .error-container .retry-button{background-color:#5e72e4;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}.know-advisors-container .error-container .retry-button:hover{background-color:#4c63d2}.hr-policies-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;position:fixed;right:0;top:0;z-index:1000}.hr-policies-modal{animation:fadeIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;width:95%}.hr-policies-modal .modal-header{align-items:center;background-color:#eff4f2;border-bottom:1px solid #e5e7eb;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:16px}.hr-policies-modal .modal-header h2{color:#51796f;font-size:20px;font-weight:600;margin:0}.hr-policies-modal .modal-header .close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.hr-policies-modal .modal-header .close-button:hover{background-color:#ef44441a;color:#ef4444;transform:rotate(90deg)}.hr-policies-modal .error-message{align-items:center;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;display:flex;margin:12px;padding:12px}.hr-policies-modal .error-message .error-icon{font-size:18px;margin-right:12px}.hr-policies-modal .error-message p{margin:0}.hr-policies-modal .modal-content{flex:1 1;overflow-y:auto;padding:16px}.hr-policies-modal .modal-content .modal-description{color:#9ca3af;font-size:16px;line-height:1.5;margin-bottom:16px}.hr-policies-modal .modal-content .editor-container{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;height:65vh;margin:0 auto;min-height:500px;overflow:hidden;width:100%}.hr-policies-modal .modal-content .editor-container .ck-editor{display:flex;flex-direction:column;height:100%;width:100%}.hr-policies-modal .modal-content .editor-container .ck-editor .ck-editor__main{flex:1 1;position:relative}.hr-policies-modal .modal-content .editor-container .ck-editor .ck-editor__main .ck-editor__editable{bottom:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;left:0;line-height:1.6!important;max-height:none!important;min-height:100%!important;overflow-y:auto!important;padding:20px!important;position:absolute!important;right:0;top:0}.hr-policies-modal .modal-content .editor-container .ck.ck-toolbar{border-color:#e5e7eb!important;padding:8px!important}.hr-policies-modal .modal-content .editor-container .ck.ck-content{border-color:#e5e7eb!important}.hr-policies-modal .modal-content .editor-container .ck.ck-button:hover{background-color:#51796f1a!important}.hr-policies-modal .modal-content .editor-container .ck.ck-button.ck-on{background-color:#51796f26!important;color:#51796f!important}.hr-policies-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px}.hr-policies-modal .modal-footer button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.hr-policies-modal .modal-footer button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.hr-policies-modal .modal-footer .cancel-button{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.hr-policies-modal .modal-footer .cancel-button:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-1px)}.hr-policies-modal .modal-footer .cancel-button:active:not(:disabled){transform:translateY(0)}.hr-policies-modal .modal-footer .save-button{background-color:#51796f;border:none;box-shadow:0 1px 2px #0000000d;color:#fff}.hr-policies-modal .modal-footer .save-button:hover:not(:disabled){background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.hr-policies-modal .modal-footer .save-button:active:not(:disabled){box-shadow:0 1px 2px #0000000d;transform:translateY(-1px)}.hr-policies-modal .modal-footer .save-button .spinner{animation:spin 1s linear infinite}@media(max-width:1200px){.hr-policies-modal{width:98%}}@media(max-width:768px){.hr-policies-modal{max-height:85vh;width:98%}.hr-policies-modal .modal-content{padding:12px}.hr-policies-modal .modal-content .editor-container{height:55vh;min-height:350px}.hr-policies-modal .modal-content .editor-container .ck-editor__editable{padding:12px!important}.hr-policies-modal .modal-footer{padding:12px}.hr-policies-modal .modal-footer button{font-size:14px;padding:8px 16px}}.hr-policies-container{margin:0 auto;max-width:1200px;padding:16px}.hr-policies-container .page-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.hr-policies-container .page-header .header-content h1{color:#51796f;font-size:24px;margin-bottom:8px}.hr-policies-container .page-header .header-content p{color:#9ca3af;font-size:16px}.hr-policies-container .page-header .edit-policy-btn{align-items:center;background-color:#51796f;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:8px 16px;transition:all .2s ease}.hr-policies-container .page-header .edit-policy-btn svg{margin-right:8px}.hr-policies-container .page-header .edit-policy-btn:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.hr-policies-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.hr-policies-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.hr-policies-container .loading-container p{color:#9ca3af;font-size:18px}.hr-policies-container .error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;margin-bottom:20px;padding:16px}.hr-policies-container .policies-content .no-policy-content{background-color:#e5e7eb;border-radius:8px;padding:24px;text-align:center}.hr-policies-container .policies-content .no-policy-content p{color:#9ca3af;font-size:18px}.hr-policies-container .policies-content .policy-html-content{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.hr-policies-container .policies-content .policy-html-content h1,.hr-policies-container .policies-content .policy-html-content h2,.hr-policies-container .policies-content .policy-html-content h3,.hr-policies-container .policies-content .policy-html-content h4,.hr-policies-container .policies-content .policy-html-content h5,.hr-policies-container .policies-content .policy-html-content h6{color:#51796f;font-weight:600;margin-bottom:.75em;margin-top:1.5em}.hr-policies-container .policies-content .policy-html-content h1{border-bottom:1px solid #e5e7eb;color:#3e5d55;font-size:2rem;padding-bottom:8px}.hr-policies-container .policies-content .policy-html-content h2{color:#51796f;font-size:1.75rem;margin-top:32px}.hr-policies-container .policies-content .policy-html-content h3{color:#1f2937;font-size:1.5rem}.hr-policies-container .policies-content .policy-html-content p{margin-bottom:.8em}.hr-policies-container .policies-content .policy-html-content ol,.hr-policies-container .policies-content .policy-html-content ul{margin-bottom:.8em;padding-left:2em}.hr-policies-container .policies-content .policy-html-content ol li,.hr-policies-container .policies-content .policy-html-content ul li{margin-bottom:.3em}.hr-policies-container .policies-content .policy-html-content a{color:#51796f;text-decoration:underline}.hr-policies-container .policies-content .policy-html-content a:hover{color:#3e5d55}.hr-policies-container .policies-content .policy-html-content table{border-collapse:collapse;margin:1.5em 0;width:100%}.hr-policies-container .policies-content .policy-html-content table td,.hr-policies-container .policies-content .policy-html-content table th{border:1px solid #d1d5db;padding:.75em}.hr-policies-container .policies-content .policy-html-content table th{background-color:#eff4f2;color:#1f2937;font-weight:600}.hr-policies-container .policies-content .policy-html-content table tr:nth-child(2n){background-color:#f9fafb}.hr-policies-container .policies-content .policy-html-content blockquote{border-left:4px solid #75998f;color:#9ca3af;font-style:italic;margin-left:0;padding-left:1.2em}.hr-policies-container .policies-content .policy-html-content img{border-radius:8px;height:auto;margin:1.5em 0;max-width:100%}.hr-policies-container .policies-content .policy-html-content .policy-section{margin-bottom:32px}.hr-policies-container .policies-content .policy-html-content .policy-item{border-bottom:1px dashed #e5e7eb;margin-bottom:24px;padding-bottom:24px}.hr-policies-container .policies-content .policy-html-content .policy-item:last-child{border-bottom:none}@media(max-width:768px){.hr-policies-container .page-header{align-items:flex-start;flex-direction:column}.hr-policies-container .page-header .edit-policy-btn{margin-top:12px}}.culture-tenets-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.culture-tenets-modal{animation:slideIn .3s ease-in-out;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.culture-tenets-modal .modal-header{align-items:center;background-color:#eff4f2;border-bottom:1px solid #e5e7eb;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;padding:16px 24px}.culture-tenets-modal .modal-header h2{color:#51796f;font-size:20px;font-weight:600;margin:0}.culture-tenets-modal .modal-header .close-button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:20px;transition:color .2s}.culture-tenets-modal .modal-header .close-button:hover{color:#ef4444}.culture-tenets-modal .error-message{align-items:center;background-color:#fee2e2;border-left:4px solid #ef4444;color:#ef4444;display:flex;margin:0;padding:12px 24px}.culture-tenets-modal .error-message .error-icon{margin-right:8px}.culture-tenets-modal .error-message p{margin:0}.culture-tenets-modal .modal-content{flex-grow:1;overflow-y:auto;padding:24px}.culture-tenets-modal .modal-content .modal-description{color:#9ca3af;margin-bottom:16px;margin-top:0}.culture-tenets-modal .modal-content .editor-container{border:1px solid #e5e7eb;border-radius:8px;min-height:400px}.culture-tenets-modal .modal-content .editor-container .ck-editor__editable{max-height:60vh;min-height:400px;overflow-y:auto}.culture-tenets-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.culture-tenets-modal .modal-footer button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.culture-tenets-modal .modal-footer button:disabled{cursor:not-allowed;opacity:.6}.culture-tenets-modal .modal-footer .cancel-button{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.culture-tenets-modal .modal-footer .cancel-button:hover:not(:disabled){background-color:#e5e7eb}.culture-tenets-modal .modal-footer .save-button{background-color:#51796f;border:1px solid #51796f;color:#fff}.culture-tenets-modal .modal-footer .save-button:hover:not(:disabled){background-color:#3e5d55}.culture-tenets-modal .modal-footer .save-button .spinner{animation:spin 1s linear infinite}.culture-tenets-container{background-color:#fff;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1000px;padding:32px}.culture-tenets-container .page-header{margin-bottom:64px;text-align:center}.culture-tenets-container .page-header h1{color:#51796f;font-size:30px;font-weight:700;margin-bottom:8px}.culture-tenets-container .page-header p{color:#9ca3af;font-size:16px}.culture-tenets-container .culture-content .intro-section{background-color:#f9fafb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:64px;padding:32px}.culture-tenets-container .culture-content .intro-section h2{color:#51796f;font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:8px;position:relative}.culture-tenets-container .culture-content .intro-section h2:after{background-color:#51796f;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.culture-tenets-container .culture-content .intro-section p{font-size:16px;line-height:1.6;margin-bottom:16px}.culture-tenets-container .culture-content .intro-section p:last-child{margin-bottom:0}.culture-tenets-container .culture-content .tenets-section{display:flex;flex-direction:column;gap:32px}.culture-tenets-container .culture-content .tenets-section .tenet-item{background-color:#f9fafb;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.culture-tenets-container .culture-content .tenets-section .tenet-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-5px)}.culture-tenets-container .culture-content .tenets-section .tenet-item .tenet-number{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center;min-width:70px}.culture-tenets-container .culture-content .tenets-section .tenet-item .tenet-number:first-child{background-color:#51796f}.culture-tenets-container .culture-content .tenets-section .tenet-item .tenet-content{padding:16px}.culture-tenets-container .culture-content .tenets-section .tenet-item .tenet-content h3{color:#51796f;font-size:18px;font-weight:600;margin-bottom:8px}.culture-tenets-container .culture-content .tenets-section .tenet-item .tenet-content p{font-size:16px;line-height:1.6;margin-bottom:8px}.culture-tenets-container .culture-content .tenets-section .tenet-item .tenet-content p:last-child{margin-bottom:0}.culture-tenets-container .culture-content .tenets-section .tenet-item:first-child .tenet-number{background-color:#51796f}.culture-tenets-container .culture-content .tenets-section .tenet-item:nth-child(2) .tenet-number{background-color:#10b981}.culture-tenets-container .culture-content .tenets-section .tenet-item:nth-child(3) .tenet-number{background-color:#f59e0b}.culture-tenets-container .culture-content .tenets-section .tenet-item:nth-child(4) .tenet-number{background-color:#3b82f6}.culture-tenets-container .culture-content .tenets-section .tenet-item:nth-child(5) .tenet-number{background-color:#424242}.culture-tenets-container .culture-content .tenets-section .tenet-item:nth-child(6) .tenet-number{background-color:#ef4444}@media(max-width:992px){.culture-tenets-container{padding:16px}.culture-tenets-container .page-header h1{font-size:20px}.culture-tenets-container .culture-content .intro-section,.culture-tenets-container .culture-content .tenets-section .tenet-item{padding:16px}.culture-tenets-container .culture-content .tenets-section .tenet-item .tenet-content{padding:8px}}@media(max-width:768px){.culture-tenets-container .page-header{margin-bottom:32px}.culture-tenets-container .culture-content .intro-section h2{font-size:18px}.culture-tenets-container .culture-content .tenets-section .tenet-item .tenet-number{font-size:18px;min-width:50px}}.registration-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;padding:20px}.registration-container .registration-header{color:#fff;margin-bottom:30px;text-align:center}.registration-container .registration-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.registration-container .registration-header p{font-size:1.1rem;margin:0;max-width:600px;opacity:.9}.registration-container .registration-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;margin-bottom:20px;max-width:900px;padding:40px;width:100%}.registration-container .registration-form-container .registration-form .form-section{margin-bottom:40px}.registration-container .registration-form-container .registration-form .form-section h3{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 25px;padding-bottom:10px;position:relative}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload{align-items:flex-start;background-color:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;display:flex;gap:30px;padding:20px}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .image-preview-container{flex-shrink:0}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .image-preview-container .image-preview{border:3px solid #e2e8f0;border-radius:50%;height:120px;overflow:hidden;position:relative;width:120px}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .image-preview-container .image-preview img{height:100%;object-fit:cover;width:100%}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .image-preview-container .image-preview .remove-image-btn{align-items:center;background-color:#e53e3e;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .image-preview-container .image-preview .remove-image-btn:hover{background-color:#c53030}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .image-preview-container .image-placeholder{align-items:center;background-color:#f7fafc;border:3px dashed #cbd5e0;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;width:120px}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .image-preview-container .image-placeholder .placeholder-icon{font-size:32px;margin-bottom:8px;opacity:.5}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .image-preview-container .image-placeholder p{color:#718096;font-size:12px;margin:0;text-align:center}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .upload-controls{flex:1 1}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .upload-controls .upload-button{background-color:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .2s}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .upload-controls .upload-button:hover{background-color:#2c5aa0}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .upload-controls .upload-hint{color:#718096;font-size:12px;margin:8px 0 0}.registration-container .registration-form-container .registration-form .form-section .profile-picture-upload .upload-controls .error-message{color:#e53e3e;font-size:12px;margin:8px 0 0}.registration-container .registration-form-container .registration-form:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.registration-container .registration-form-container .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media(max-width:768px){.registration-container .registration-form-container .form-row{gap:15px;grid-template-columns:1fr}}.registration-container .registration-form-container .form-group{display:flex;flex-direction:column}.registration-container .registration-form-container .form-group label{color:#4a5568;font-size:.9rem;font-weight:600;margin-bottom:8px}.registration-container .registration-form-container .form-group label .required{color:#e53e3e;margin-left:2px}.registration-container .registration-form-container .form-group input,.registration-container .registration-form-container .form-group select,.registration-container .registration-form-container .form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease}.registration-container .registration-form-container .form-group input:focus,.registration-container .registration-form-container .form-group select:focus,.registration-container .registration-form-container .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.registration-container .registration-form-container .form-group input.error,.registration-container .registration-form-container .form-group select.error,.registration-container .registration-form-container .form-group textarea.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.registration-container .registration-form-container .form-group input::placeholder,.registration-container .registration-form-container .form-group select::placeholder,.registration-container .registration-form-container .form-group textarea::placeholder{color:#a0aec0}.registration-container .registration-form-container .form-group textarea{min-height:80px;resize:vertical}.registration-container .registration-form-container .form-group textarea.bio-textarea{line-height:1.5;min-height:120px}.registration-container .registration-form-container .form-group .field-hint{color:#718096;font-size:14px;font-style:italic;margin:8px 0 0}.registration-container .registration-form-container .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.registration-container .registration-form-container .form-group .error-text{color:#e53e3e;font-size:.8rem;font-weight:500;margin-top:5px}.registration-container .form-actions{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:30px;text-align:center}.registration-container .form-actions .submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;min-width:200px;padding:15px 40px;transition:all .3s ease}.registration-container .form-actions .submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.registration-container .form-actions .submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.registration-container .form-actions .submit-btn .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.registration-container .form-actions .submit-error{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-weight:500;margin-top:15px;padding:12px 20px}.success-message{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:600px;padding:60px 40px;text-align:center;width:100%}.success-message .success-icon{font-size:4rem;margin-bottom:20px}.success-message h2{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 15px}.success-message p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0 0 15px}.success-message .success-details{background:#f7fafc;border-radius:8px;margin-top:30px;padding:25px;text-align:left}.success-message .success-details p{color:#2d3748;font-weight:600;margin-bottom:15px}.success-message .success-details ul{margin:0;padding-left:20px}.success-message .success-details ul li{color:#4a5568;line-height:1.5;margin-bottom:8px}@media(max-width:768px){.registration-container{padding:15px}.registration-container .registration-header h1{font-size:2rem}.registration-container .registration-header p{font-size:1rem}.registration-container .registration-form-container{padding:25px}.registration-container .registration-form-container .registration-form .form-section{margin-bottom:30px}.registration-container .registration-form-container .registration-form .form-section h3{font-size:1.2rem}.registration-container .success-message{padding:40px 25px}.registration-container .success-message h2{font-size:1.5rem}.registration-container .success-message p{font-size:1rem}}@media(max-width:480px){.registration-container .registration-form-container{padding:20px}.registration-container .success-message{padding:30px 20px}}.blogs-management-container{padding:16px}.blogs-management-container .page-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.blogs-management-container .page-header h1{color:#51796f;font-size:24px;margin-bottom:8px}.blogs-management-container .page-header p{color:#9ca3af;font-size:16px;margin-bottom:16px}.blogs-management-container .page-header .add-blog-btn{align-items:center;background-color:#51796f;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;padding:8px 16px;transition:background-color .3s}.blogs-management-container .page-header .add-blog-btn svg{margin-right:8px}.blogs-management-container .page-header .add-blog-btn:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blogs-management-container .loading-container{align-items:center;display:flex;flex-direction:column;padding:40px}.blogs-management-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.blogs-management-container .error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;margin-bottom:20px;padding:16px}.blogs-management-container .no-blogs{background-color:#f9fafb;border-radius:8px;padding:32px;text-align:center}.blogs-management-container .no-blogs p{color:#9ca3af;font-size:18px}.blogs-management-container .blogs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blogs-management-container .blogs-grid .blog-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s,box-shadow .2s}.blogs-management-container .blogs-grid .blog-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-4px)}.blogs-management-container .blogs-grid .blog-card:hover .blog-image img{transform:scale(1.05)}.blogs-management-container .blogs-grid .blog-card .blog-card-content{display:flex;flex-direction:column;height:100%}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-image{height:180px;overflow:hidden;position:relative}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-image:after{background:linear-gradient(180deg,#0000 50%,#00000080);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-image .no-image{align-items:center;background-color:#e5e7eb;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-image .no-image span{font-size:14px}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details{display:flex;flex-direction:column;flex-grow:1;padding:16px}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-actions{display:flex;gap:8px;margin-bottom:12px}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 8px;transition:all .2s ease}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-actions button svg{margin-right:4px}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-actions button.edit-btn{background-color:#51796f;color:#fff}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-actions button.edit-btn:hover{background-color:#3e5d55}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-actions button.delete-btn{background-color:#ef4444;color:#fff}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-actions button.delete-btn:hover{background-color:#dc2626}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details h3{color:#51796f;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-meta{color:#9ca3af;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-meta .status{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px;text-transform:uppercase}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-meta .status.published{background-color:#ecfdf5;color:#10b981}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-meta .status.draft{background-color:#fffbeb;color:#f59e0b}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-meta .status.archived{background-color:#e5e7eb;color:#9ca3af}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}.blogs-management-container .blogs-grid .blog-card .blog-card-content .blog-details .blog-tags .tag{background-color:#eff4f2;border-radius:12px;color:#51796f;font-size:12px;padding:2px 8px}.blog-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.blog-modal-overlay .blog-modal{background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.blog-modal-overlay .blog-modal .modal-header{align-items:center;background-color:#eff4f2;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.blog-modal-overlay .blog-modal .modal-header h2{color:#51796f;font-size:20px;margin:0}.blog-modal-overlay .blog-modal .modal-header .close-button{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;justify-content:center}.blog-modal-overlay .blog-modal .modal-header .close-button:hover{color:#4b5563}.blog-modal-overlay .blog-modal form{padding:16px}.blog-modal-overlay .blog-modal form .form-group{margin-bottom:20px}.blog-modal-overlay .blog-modal form .form-group label{color:#1f2937;display:block;font-weight:500;margin-bottom:8px}.blog-modal-overlay .blog-modal form .form-group input,.blog-modal-overlay .blog-modal form .form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.blog-modal-overlay .blog-modal form .form-group input:focus,.blog-modal-overlay .blog-modal form .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.blog-modal-overlay .blog-modal form .form-group textarea{min-height:80px;resize:vertical}.blog-modal-overlay .blog-modal form .form-group small{color:#9ca3af;display:block;font-size:12px;margin-top:8px}.blog-modal-overlay .blog-modal form .form-group .tags-input-container{display:flex;gap:8px}.blog-modal-overlay .blog-modal form .form-group .tags-input-container input{flex-grow:1}.blog-modal-overlay .blog-modal form .form-group .tags-input-container .add-tag-btn{background-color:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:0 12px}.blog-modal-overlay .blog-modal form .form-group .tags-input-container .add-tag-btn:hover{background-color:#3e5d55}.blog-modal-overlay .blog-modal form .form-group .tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.blog-modal-overlay .blog-modal form .form-group .tags-list .tag{align-items:center;background-color:#eff4f2;border-radius:16px;color:#51796f;display:flex;font-size:14px;padding:4px 10px}.blog-modal-overlay .blog-modal form .form-group .tags-list .tag .remove-tag{align-items:center;background:none;border:none;color:#51796f;cursor:pointer;display:flex;font-size:16px;height:16px;justify-content:center;margin-left:6px;padding:0;width:16px}.blog-modal-overlay .blog-modal form .form-group .tags-list .tag .remove-tag:hover{color:#ef4444}.blog-modal-overlay .blog-modal form .modal-actions{display:flex;gap:12px;justify-content:flex-end}.blog-modal-overlay .blog-modal form .modal-actions button{border-radius:8px;cursor:pointer;font-size:16px;padding:8px 16px}.blog-modal-overlay .blog-modal form .modal-actions button.cancel-btn{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.blog-modal-overlay .blog-modal form .modal-actions button.cancel-btn:hover{background-color:#e5e7eb}.blog-modal-overlay .blog-modal form .modal-actions button.submit-btn{background-color:#51796f;border:none;color:#fff}.blog-modal-overlay .blog-modal form .modal-actions button.submit-btn:hover{background-color:#3e5d55}@media(max-width:768px){.blogs-management-container .blogs-grid{grid-template-columns:1fr}}.edit-blog-container{margin:0 auto;max-width:1400px;padding:16px}.edit-blog-container .ck.ck-editor__main h1{display:none}.edit-blog-container .edit-blog-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.edit-blog-container .edit-blog-header .header-left{align-items:center;display:flex;flex:1 1;gap:12px}.edit-blog-container .edit-blog-header .header-left h1{word-wrap:break-word;color:#51796f;font-size:24px;line-height:1.2;margin:0;min-width:0;overflow:visible;text-overflow:clip;white-space:normal}.edit-blog-container .edit-blog-header .header-right{align-items:center;display:flex;gap:12px}.edit-blog-container .edit-blog-header .back-button,.edit-blog-container .edit-blog-header .preview-button,.edit-blog-container .edit-blog-header .save-button{align-items:center;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-size:16px;padding:8px 16px;transition:all .2s ease}.edit-blog-container .edit-blog-header .back-button svg,.edit-blog-container .edit-blog-header .preview-button svg,.edit-blog-container .edit-blog-header .save-button svg{margin-right:8px}.edit-blog-container .edit-blog-header .back-button{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.edit-blog-container .edit-blog-header .back-button:hover{background-color:#e5e7eb;transform:translateY(-2px)}.edit-blog-container .edit-blog-header .save-button{background-color:#51796f;border:none;color:#fff}.edit-blog-container .edit-blog-header .save-button:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.edit-blog-container .edit-blog-header .save-button:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.edit-blog-container .edit-blog-header .save-button.required{animation:pulse 2s infinite}.edit-blog-container .edit-blog-header .preview-button{background-color:#e5e7eb;border:1px solid #d1d5db;color:#9ca3af}.edit-blog-container .edit-blog-header .preview-button:hover{background-color:#d1d5db;transform:translateY(-2px)}.edit-blog-container .edit-blog-header .preview-button.active{background-color:#eff4f2;border-color:#75998f;color:#51796f}.edit-blog-container .edit-blog-header .save-notification{align-items:center;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#d97706;display:flex;font-size:14px;padding:8px 12px}.edit-blog-container .edit-blog-header .save-notification svg{color:#f59e0b;margin-right:8px}.edit-blog-container .error-message{align-items:center;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;display:flex;margin-bottom:20px;padding:16px}.edit-blog-container .error-message svg{color:#ef4444;font-size:18px;margin-right:12px}.edit-blog-container .edit-blog-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:20px}.edit-blog-container .edit-blog-tabs .tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;padding:12px 20px;transition:all .2s ease}.edit-blog-container .edit-blog-tabs .tab-button svg{margin-right:8px}.edit-blog-container .edit-blog-tabs .tab-button:hover{background-color:#eff4f2;color:#51796f}.edit-blog-container .edit-blog-tabs .tab-button.active{border-bottom-color:#51796f;color:#51796f;font-weight:500}.edit-blog-container .edit-blog-content .hidden{display:none!important;left:-9999px;opacity:0;position:absolute;visibility:hidden;z-index:-1}.edit-blog-container .edit-blog-content .main-content .form-group{margin-bottom:20px}.edit-blog-container .edit-blog-content .main-content .form-group label{align-items:center;color:#1f2937;display:block;display:flex;font-weight:500;margin-bottom:8px}.edit-blog-container .edit-blog-content .main-content .form-group label .field-icon{color:#51796f;margin-right:8px}.edit-blog-container .edit-blog-content .main-content .form-group input,.edit-blog-container .edit-blog-content .main-content .form-group select,.edit-blog-container .edit-blog-content .main-content .form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px;width:100%}.edit-blog-container .edit-blog-content .main-content .form-group input:focus,.edit-blog-container .edit-blog-content .main-content .form-group select:focus,.edit-blog-container .edit-blog-content .main-content .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.edit-blog-container .edit-blog-content .main-content .form-group textarea{min-height:100px;resize:vertical}.edit-blog-container .edit-blog-content .main-content .form-group small{color:#9ca3af;display:block;font-size:12px;margin-top:4px}.edit-blog-container .edit-blog-content .main-content .form-group .meta-preview{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;margin-top:12px;padding:12px}.edit-blog-container .edit-blog-content .main-content .form-group .meta-preview .meta-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#1a0dab;display:-webkit-box;font-size:18px;line-height:1.2;margin-bottom:3px;overflow:hidden}.edit-blog-container .edit-blog-content .main-content .form-group .meta-preview .meta-url{color:#006621;font-size:14px;margin-bottom:4px}.edit-blog-container .edit-blog-content .main-content .form-group .meta-preview .meta-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#545454;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden}.edit-blog-container .edit-blog-content .seo-content{margin:0 auto;max-width:768px}.edit-blog-container .edit-blog-content .meta-content{display:flex;flex-wrap:wrap;gap:20px}.edit-blog-container .edit-blog-content .meta-content .meta-column{flex:1 1;min-width:280px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:16px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section h3{align-items:center;border-bottom:1px solid #e5e7eb;color:#51796f;display:flex;font-size:18px;font-weight:600;margin-bottom:12px;margin-top:0;padding-bottom:8px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section h3 .section-icon{margin-right:8px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group{margin-bottom:12px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group:last-child{margin-bottom:0}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group label{color:#1f2937;display:block;font-weight:500;margin-bottom:8px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group input,.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group select,.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:8px 12px;width:100%}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group input:focus,.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group select:focus,.edit-blog-container .edit-blog-content .meta-content .sidebar-section .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f1a;outline:none}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .blog-dates{margin-top:12px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .blog-dates .date-info{border-bottom:1px dashed #e5e7eb;color:#9ca3af;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .blog-dates .date-info:last-child{border-bottom:none}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .image-preview{aspect-ratio:16/9;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:12px;overflow:hidden;position:relative}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .image-preview:after{background:linear-gradient(180deg,#0000 70%,#0000004d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .image-preview img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .image-preview:hover img{transform:scale(1.03)}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .image-preview .remove-image{align-items:center;background-color:#0009;border:none;border-radius:50%;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:26px;z-index:2}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .image-preview .remove-image:hover{background-color:#ef4444;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:scale(1.1)}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .no-image-preview{align-items:center;background-color:#e5e7eb;border-radius:8px;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;padding:32px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .no-image-preview svg{font-size:3rem;margin-bottom:12px;opacity:.5}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .custom-file-upload{background-color:#eff4f2;border:1px solid #75998f;border-radius:8px;color:#51796f;cursor:pointer;display:block;font-size:14px;margin-bottom:8px;padding:8px 12px;text-align:center;transition:all .2s ease;width:100%}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .custom-file-upload:hover{background-color:#75998f;color:#fff}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image .custom-file-upload input[type=file]{display:none}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .featured-image small{color:#9ca3af;display:block;font-size:12px;margin-top:8px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-input-container{display:flex;gap:8px;margin-bottom:12px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-input-container input{flex:1 1}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-input-container .add-tag-btn{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:0 12px;transition:all .2s ease}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-input-container .add-tag-btn:hover{background-color:#3e5d55;box-shadow:0 1px 2px #0000000d;transform:translateY(-1px)}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-list .tag{align-items:center;background-color:#eff4f2;border:1px solid #0000;border-radius:12px;color:#51796f;display:flex;font-size:14px;padding:4px 10px;transition:all .2s ease}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-list .tag:hover{background-color:#51796f1a;border-color:#51796f33}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-list .tag .remove-tag{align-items:center;background:none;border:none;color:#51796f;cursor:pointer;display:flex;font-size:16px;height:16px;justify-content:center;margin-left:6px;padding:0;transition:transform .2s ease;width:16px}.edit-blog-container .edit-blog-content .meta-content .sidebar-section .tags-list .tag .remove-tag:hover{color:#ef4444;transform:scale(1.2)}.edit-blog-container .edit-blog-content .preview-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.edit-blog-container .edit-blog-content .preview-container .preview-header{border-bottom:1px solid #e5e7eb;padding:16px}.edit-blog-container .edit-blog-content .preview-container .preview-header h2{word-wrap:break-word;color:#51796f;font-size:20px;line-height:1.2;margin:0 0 8px}.edit-blog-container .edit-blog-content .preview-container .preview-header .preview-tags{display:flex;flex-wrap:wrap;gap:8px}.edit-blog-container .edit-blog-content .preview-container .preview-header .preview-tags .tag{background-color:#eff4f2;border-radius:12px;color:#51796f;font-size:14px;padding:4px 10px}.edit-blog-container .edit-blog-content .preview-container .preview-featured-image{height:300px;overflow:hidden;width:100%}.edit-blog-container .edit-blog-content .preview-container .preview-featured-image img{height:100%;object-fit:cover;width:100%}.edit-blog-container .edit-blog-content .preview-container .preview-content{margin:0 auto;max-width:768px;padding:24px}.edit-blog-container .edit-blog-content .preview-container .preview-content .no-content{color:#9ca3af;padding:32px;text-align:center}.blog-content-preview{color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.blog-content-preview h1,.blog-content-preview h2,.blog-content-preview h3,.blog-content-preview h4,.blog-content-preview h5,.blog-content-preview h6{color:#51796f;font-weight:600;line-height:1.3;margin-bottom:.75em;margin-top:1.5em}.blog-content-preview h1{font-size:2rem}.blog-content-preview h2{font-size:1.75rem}.blog-content-preview h3{font-size:1.5rem}.blog-content-preview h4{font-size:1.25rem}.blog-content-preview h5{font-size:1.1rem}.blog-content-preview p{margin-bottom:1.2em}.blog-content-preview a{color:#51796f;text-decoration:underline;transition:color .2s}.blog-content-preview a:hover{color:#3e5d55}.blog-content-preview blockquote{border-left:4px solid #75998f;color:#9ca3af;font-style:italic;margin-left:0;margin-right:0;padding-left:1rem}.blog-content-preview ol,.blog-content-preview ul{margin-bottom:1.2em;padding-left:2em}.blog-content-preview ol li,.blog-content-preview ul li{margin-bottom:.5em}.blog-content-preview img{border-radius:4px;box-shadow:0 3px 8px #0000001a;height:auto;margin:1.5em 0;max-width:100%}.blog-content-preview table{border-collapse:collapse;margin:1.5em 0;width:100%}.blog-content-preview table td,.blog-content-preview table th{border:1px solid #d1d5db;padding:.75em}.blog-content-preview table th{background-color:#eff4f2;font-weight:600}.blog-content-preview table tr:nth-child(2n){background-color:#f9fafb}.loading-container{padding:64px}.loading-container .loading-spinner{border:4px solid #e5e7eb;border-top-color:#51796f;margin-bottom:16px}.loading-container p{color:#4b5563;font-size:18px}.error-container p{color:#ef4444;font-size:18px;margin-bottom:20px}.error-container button{background-color:#51796f;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:16px;padding:8px 20px;transition:all .2s ease}.error-container button:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}@media(max-width:1024px){.edit-blog-container .edit-blog-header .header-left h1{max-width:none}}@media(max-width:768px){.edit-blog-container .edit-blog-header{align-items:flex-start;flex-direction:column}.edit-blog-container .edit-blog-header .header-left,.edit-blog-container .edit-blog-header .header-right{justify-content:space-between;width:100%}.edit-blog-container .edit-blog-header .header-left h1{max-width:none}.edit-blog-container .edit-blog-header .save-notification{justify-content:center;margin-bottom:12px;order:-1;width:100%}.edit-blog-container .edit-blog-tabs{justify-content:space-between}.edit-blog-container .edit-blog-tabs .tab-button{flex:1 1;padding:12px 8px}.edit-blog-container .edit-blog-tabs .tab-button span{display:none}.edit-blog-container .edit-blog-tabs .tab-button svg{font-size:1.2rem;margin-right:0}.edit-blog-container .edit-blog-content .meta-content .meta-column{width:100%}.edit-blog-container .edit-blog-content .preview-container .preview-featured-image{height:200px}.edit-blog-container .edit-blog-content .preview-container .preview-content{padding:16px}}.news-management-container{padding:16px}.news-management-container .page-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.news-management-container .page-header h1{color:#51796f;font-size:24px;margin-bottom:8px}.news-management-container .page-header p{color:#9ca3af;font-size:16px;margin-bottom:16px}.news-management-container .page-header .add-news-btn{align-items:center;background-color:#51796f;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;padding:8px 16px;transition:background-color .3s}.news-management-container .page-header .add-news-btn svg{margin-right:8px}.news-management-container .page-header .add-news-btn:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.news-management-container .loading-container{align-items:center;display:flex;flex-direction:column;padding:40px}.news-management-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.news-management-container .error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;margin-bottom:20px;padding:16px}.news-management-container .no-news{background-color:#f9fafb;border-radius:8px;padding:32px;text-align:center}.news-management-container .no-news p{color:#9ca3af;font-size:18px}.news-management-container .news-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.news-management-container .news-grid .news-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden;transition:all .3s ease}.news-management-container .news-grid .news-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.news-management-container .news-grid .news-card .news-card-content{display:flex;flex-direction:column;height:100%}.news-management-container .news-grid .news-card .news-card-content .news-image{align-items:center;background-color:#f9fafb;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.news-management-container .news-grid .news-card .news-card-content .news-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.news-management-container .news-grid .news-card .news-card-content .news-image .no-image{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px}.news-management-container .news-grid .news-card .news-card-content .news-image:hover img{transform:scale(1.05)}.news-management-container .news-grid .news-card .news-card-content .news-details{display:flex;flex-direction:column;flex-grow:1;padding:16px}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions{display:flex;gap:8px;margin-bottom:12px}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 8px;transition:all .2s ease}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button svg{margin-right:4px}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.edit-btn{background-color:#51796f;color:#fff}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.edit-btn:hover{background-color:#3e5d55}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.delete-btn{background-color:#ef4444;color:#fff}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.delete-btn:hover{background-color:#dc2626}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.featured-toggle-btn{border:1px solid #ddd;font-weight:500;transition:all .3s ease}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.featured-toggle-btn.featured{background-color:gold;border-color:gold;color:#b8860b}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.featured-toggle-btn.featured:hover{background-color:#ffed4e;box-shadow:0 2px 8px #ffd7004d;transform:translateY(-1px)}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.featured-toggle-btn.not-featured{background-color:#fff;color:#666}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.featured-toggle-btn.not-featured:hover{background-color:#f8f9fa;border-color:gold;box-shadow:0 2px 8px #0000001a;color:#b8860b;transform:translateY(-1px)}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.featured-toggle-btn svg{margin-right:4px;transition:transform .2s ease}.news-management-container .news-grid .news-card .news-card-content .news-details .news-actions button.featured-toggle-btn:hover svg{transform:scale(1.1)}.news-management-container .news-grid .news-card .news-card-content .news-details h3{color:#51796f;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.news-management-container .news-grid .news-card .news-card-content .news-details .news-meta{align-items:center;display:flex;gap:12px;margin-bottom:12px}.news-management-container .news-grid .news-card .news-card-content .news-details .news-meta .status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.news-management-container .news-grid .news-card .news-card-content .news-details .news-meta .status.draft{background-color:#fffbeb;color:#d97706}.news-management-container .news-grid .news-card .news-card-content .news-details .news-meta .status.published{background-color:#ecfdf5;color:#059669}.news-management-container .news-grid .news-card .news-card-content .news-details .news-meta .status.archived{background-color:#9ca3af;color:#fff}.news-management-container .news-grid .news-card .news-card-content .news-details .news-meta .category{background-color:#eff4f2;border-radius:12px;color:#51796f;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.news-management-container .news-grid .news-card .news-card-content .news-details .news-meta .date{color:#9ca3af;font-size:14px}.news-management-container .news-grid .news-card .news-card-content .news-details .news-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.news-management-container .news-grid .news-card .news-card-content .news-details .news-tags .tag{background-color:#eff4f2;border-radius:10px;color:#51796f;font-size:12px;font-weight:500;padding:2px 8px}@media(max-width:768px){.news-management-container{padding:12px}.news-management-container .news-grid{gap:16px;grid-template-columns:1fr}.news-management-container .news-grid .news-card .news-card-content .news-image{height:150px}.news-management-container .news-grid .news-card .news-card-content .news-details{padding:12px}.news-management-container .news-grid .news-card .news-card-content .news-details h3{font-size:16px}}.news-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293780;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.news-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.news-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.news-modal .modal-header h2{color:#51796f;font-size:20px;margin:0}.news-modal .modal-header .close-button{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:18px;padding:8px;transition:all .2s ease}.news-modal .modal-header .close-button:hover{background-color:#e5e7eb;color:#1f2937}.news-modal form{padding:16px}.news-modal form .form-group{margin-bottom:16px}.news-modal form .form-group label{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.news-modal form .form-group input,.news-modal form .form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s ease;width:100%}.news-modal form .form-group input:focus,.news-modal form .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f1a;outline:none}.news-modal form .form-group input::placeholder,.news-modal form .form-group textarea::placeholder{color:#9ca3af}.news-modal form .form-group textarea{min-height:80px;resize:vertical}.news-modal form .form-group small{color:#9ca3af;display:block;font-size:12px;margin-top:4px}.news-modal form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.news-modal form .form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:8px 16px;transition:all .2s ease}.news-modal form .form-actions button.cancel-button{background-color:#fff;border:1px solid #d1d5db;color:#9ca3af}.news-modal form .form-actions button.cancel-button:hover{background-color:#e5e7eb;color:#1f2937}.news-modal form .form-actions button.submit-button{background-color:#51796f;color:#fff}.news-modal form .form-actions button.submit-button:hover{background-color:#3e5d55}@media(max-width:768px){.news-modal{margin:16px;width:95%}.news-modal .modal-header{padding:12px}.news-modal .modal-header h2{font-size:18px}.news-modal form{padding:12px}.news-modal form .form-actions{flex-direction:column}.news-modal form .form-actions button{width:100%}}.edit-news-container{margin:0 auto;max-width:1400px;padding:16px}.edit-news-container .ck.ck-editor__main h1{display:none}.edit-news-container .edit-news-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.edit-news-container .edit-news-header .header-left{align-items:center;display:flex;flex:1 1;gap:12px}.edit-news-container .edit-news-header .header-left h1{word-wrap:break-word;color:#51796f;font-size:24px;line-height:1.2;margin:0;min-width:0;overflow:visible;text-overflow:clip;white-space:normal}.edit-news-container .edit-news-header .header-right{align-items:center;display:flex;gap:12px}.edit-news-container .edit-news-header .back-button,.edit-news-container .edit-news-header .preview-button,.edit-news-container .edit-news-header .save-button{align-items:center;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;font-size:16px;padding:8px 16px;transition:all .2s ease}.edit-news-container .edit-news-header .back-button svg,.edit-news-container .edit-news-header .preview-button svg,.edit-news-container .edit-news-header .save-button svg{margin-right:8px}.edit-news-container .edit-news-header .back-button{background-color:#fff;border:1px solid #d1d5db;color:#4b5563}.edit-news-container .edit-news-header .back-button:hover{background-color:#e5e7eb;transform:translateY(-2px)}.edit-news-container .edit-news-header .save-button{background-color:#51796f;border:none;color:#fff}.edit-news-container .edit-news-header .save-button:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.edit-news-container .edit-news-header .save-button:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.edit-news-container .edit-news-header .save-button.required{animation:pulse 2s infinite}.edit-news-container .edit-news-header .preview-button{background-color:#e5e7eb;border:1px solid #d1d5db;color:#9ca3af}.edit-news-container .edit-news-header .preview-button:hover{background-color:#d1d5db;transform:translateY(-2px)}.edit-news-container .edit-news-header .preview-button.active{background-color:#eff4f2;border-color:#75998f;color:#51796f}.edit-news-container .edit-news-header .save-notification{align-items:center;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#d97706;display:flex;font-size:14px;padding:8px 12px}.edit-news-container .edit-news-header .save-notification svg{color:#f59e0b;margin-right:8px}.edit-news-container .error-message{align-items:center;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;display:flex;margin-bottom:20px;padding:16px}.edit-news-container .error-message svg{color:#ef4444;font-size:18px;margin-right:12px}.edit-news-container .edit-news-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:20px}.edit-news-container .edit-news-tabs .tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;padding:12px 20px;transition:all .2s ease}.edit-news-container .edit-news-tabs .tab-button svg{margin-right:8px}.edit-news-container .edit-news-tabs .tab-button:hover{background-color:#eff4f2;color:#51796f}.edit-news-container .edit-news-tabs .tab-button.active{border-bottom-color:#51796f;color:#51796f;font-weight:500}.edit-news-container .edit-news-content .main-content.hidden,.edit-news-container .edit-news-content .meta-content.hidden,.edit-news-container .edit-news-content .seo-content.hidden{display:none}.edit-news-container .edit-news-content .main-content .form-group{margin-bottom:20px}.edit-news-container .edit-news-content .main-content .form-group label{color:#1f2937;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.edit-news-container .edit-news-content .main-content .form-group input,.edit-news-container .edit-news-content .main-content .form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px;width:100%}.edit-news-container .edit-news-content .main-content .form-group input:focus,.edit-news-container .edit-news-content .main-content .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f1a;outline:none}.edit-news-container .edit-news-content .main-content .form-group small{color:#9ca3af;display:block;font-size:14px;margin-top:4px}.edit-news-container .edit-news-content .seo-content .form-group{margin-bottom:16px}.edit-news-container .edit-news-content .seo-content .form-group label{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:500;margin-bottom:8px}.edit-news-container .edit-news-content .seo-content .form-group label .field-icon{color:#51796f;margin-right:8px}.edit-news-container .edit-news-content .seo-content .form-group input,.edit-news-container .edit-news-content .seo-content .form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px;width:100%}.edit-news-container .edit-news-content .seo-content .form-group input:focus,.edit-news-container .edit-news-content .seo-content .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f1a;outline:none}.edit-news-container .edit-news-content .seo-content .form-group small{color:#9ca3af;display:block;font-size:14px;margin-top:4px}.edit-news-container .edit-news-content .seo-content .form-group .meta-preview{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.edit-news-container .edit-news-content .seo-content .form-group .meta-preview .meta-title{color:#51796f;font-size:18px;font-weight:500;margin-bottom:4px}.edit-news-container .edit-news-content .seo-content .form-group .meta-preview .meta-url{color:#10b981;font-size:14px;margin-bottom:4px}.edit-news-container .edit-news-content .seo-content .form-group .meta-preview .meta-description{color:#9ca3af;font-size:14px;line-height:1.4}.edit-news-container .edit-news-content .meta-content{display:flex;flex-wrap:wrap;gap:20px}.edit-news-container .edit-news-content .meta-content .meta-column{flex:1 1;min-width:280px}.edit-news-container .edit-news-content .meta-content .sidebar-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:16px;padding:16px}.edit-news-container .edit-news-content .meta-content .sidebar-section h3{align-items:center;border-bottom:1px solid #e5e7eb;color:#51796f;display:flex;font-size:18px;font-weight:600;margin-bottom:12px;margin-top:0;padding-bottom:8px}.edit-news-container .edit-news-content .meta-content .sidebar-section h3 .section-icon{margin-right:8px}.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group{margin-bottom:12px}.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group:last-child{margin-bottom:0}.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group label{color:#1f2937;display:block;font-weight:500;margin-bottom:8px}.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group input,.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group select,.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:8px 12px;width:100%}.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group input:focus,.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group select:focus,.edit-news-container .edit-news-content .meta-content .sidebar-section .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f1a;outline:none}.edit-news-container .edit-news-content .meta-content .sidebar-section .news-dates{margin-top:12px}.edit-news-container .edit-news-content .meta-content .sidebar-section .news-dates .date-info{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.edit-news-container .edit-news-content .meta-content .sidebar-section .news-dates .date-info span:first-child{color:#9ca3af;font-weight:500}.edit-news-container .edit-news-content .meta-content .sidebar-section .news-dates .date-info span:last-child{color:#1f2937}.edit-news-container .edit-news-content .meta-content .sidebar-section .tags-input-container{display:flex;gap:8px;margin-bottom:12px}.edit-news-container .edit-news-content .meta-content .sidebar-section .tags-input-container input{flex:1 1}.edit-news-container .edit-news-content .meta-content .sidebar-section .tags-input-container .add-tag-btn{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.edit-news-container .edit-news-content .meta-content .sidebar-section .tags-input-container .add-tag-btn:hover{background-color:#3e5d55}.edit-news-container .edit-news-content .meta-content .sidebar-section .tags-list{display:flex;flex-wrap:wrap;gap:8px}.edit-news-container .edit-news-content .meta-content .sidebar-section .tags-list .tag{align-items:center;background-color:#eff4f2;border-radius:12px;color:#51796f;display:inline-flex;font-size:14px;font-weight:500;padding:4px 8px}.edit-news-container .edit-news-content .meta-content .sidebar-section .tags-list .tag .remove-tag{background:none;border:none;color:#51796f;cursor:pointer;font-size:18px;line-height:1;margin-left:4px}.edit-news-container .edit-news-content .meta-content .sidebar-section .tags-list .tag .remove-tag:hover{color:#ef4444}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .image-preview{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden;position:relative}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .image-preview img{display:block;height:200px;object-fit:cover;width:100%}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .image-preview .remove-image{align-items:center;background-color:#ef4444cc;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background-color .2s ease;width:32px}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .image-preview .remove-image:hover{background-color:#ef4444}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .no-image-preview{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:flex;flex-direction:column;height:120px;justify-content:center;margin-bottom:12px}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .no-image-preview svg{font-size:24px;margin-bottom:8px}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .custom-file-upload{background-color:#51796f;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:8px;padding:8px 16px;transition:background-color .2s ease}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .custom-file-upload:hover{background-color:#3e5d55}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image .custom-file-upload input[type=file]{display:none}.edit-news-container .edit-news-content .meta-content .sidebar-section .featured-image small{color:#9ca3af;display:block;font-size:12px}.edit-news-container .edit-news-content .preview-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.edit-news-container .edit-news-content .preview-container .preview-header{border-bottom:1px solid #e5e7eb;padding:16px}.edit-news-container .edit-news-content .preview-container .preview-header h2{word-wrap:break-word;color:#51796f;font-size:20px;line-height:1.2;margin:0 0 8px}.edit-news-container .edit-news-content .preview-container .preview-header .preview-tags{display:flex;flex-wrap:wrap;gap:8px}.edit-news-container .edit-news-content .preview-container .preview-header .preview-tags .tag{background-color:#eff4f2;border-radius:12px;color:#51796f;font-size:14px;padding:4px 10px}.edit-news-container .edit-news-content .preview-container .preview-featured-image{height:300px;overflow:hidden;width:100%}.edit-news-container .edit-news-content .preview-container .preview-featured-image img{height:100%;object-fit:cover;width:100%}.edit-news-container .edit-news-content .preview-container .preview-content{margin:0 auto;max-width:768px;padding:24px}.edit-news-container .edit-news-content .preview-container .preview-content .no-content{color:#9ca3af;padding:32px;text-align:center}.ck-editor__editable{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;max-height:600px!important;min-height:400px!important;overflow-y:auto!important;padding:16px!important}.ck.ck-content{font-size:16px!important;line-height:1.5!important}.ck.ck-editor__main>.ck-editor__editable{background-color:#fff!important;border-color:#d1d5db!important;border-radius:0 0 8px 8px!important;box-shadow:0 1px 2px #0000000d!important}.ck.ck-editor__main>.ck-editor__editable:focus{border-color:#51796f!important;box-shadow:0 0 0 2px #51796f33!important}.ck.ck-toolbar{background-color:#f9fafb!important;border-color:#d1d5db!important;border-radius:8px 8px 0 0!important}.ck.ck-button{border-radius:8px!important}.ck.ck-button:hover{background-color:#51796f1a!important}.ck.ck-button.ck-on{background-color:#51796f26!important;color:#51796f!important}.ck-content .image{margin:16px auto!important}.ck-content .image.image-style-side{float:right!important;margin-left:16px!important;margin-right:0!important;max-width:50%!important}.ck-content .image.image-style-align-left{float:left!important;margin-left:0!important;margin-right:16px!important;max-width:50%!important}.ck-content .image.image-style-align-center{margin-left:auto!important;margin-right:auto!important}.ck-content .image.image-style-block{display:block!important;margin-left:0!important;margin-right:0!important;width:100%!important}.ck-content .image img{display:block!important;height:auto!important;margin:0 auto!important;max-width:100%!important}.news-content-preview h1,.news-content-preview h2,.news-content-preview h3,.news-content-preview h4,.news-content-preview h5,.news-content-preview h6{color:#51796f;line-height:1.3;margin-bottom:12px;margin-top:20px}.news-content-preview h1{font-size:24px}.news-content-preview h2{font-size:20px}.news-content-preview h3{font-size:18px}.news-content-preview p{color:#1f2937;line-height:1.6;margin-bottom:16px}.news-content-preview ol,.news-content-preview ul{margin-bottom:16px;padding-left:20px}.news-content-preview ol li,.news-content-preview ul li{line-height:1.6;margin-bottom:8px}.news-content-preview blockquote{border-left:4px solid #51796f;color:#9ca3af;font-style:italic;margin:20px 0;padding-left:16px}.news-content-preview code{background-color:#f9fafb;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;padding:2px 4px}.news-content-preview pre{background-color:#f9fafb;border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.news-content-preview pre code{background:none;padding:0}.news-content-preview a{color:#51796f;text-decoration:none}.news-content-preview a:hover{text-decoration:underline}.news-content-preview img{border-radius:8px;height:auto;margin:16px 0;max-width:100%}.news-content-preview table{border-collapse:collapse;margin:16px 0;width:100%}.news-content-preview table td,.news-content-preview table th{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.news-content-preview table th{background-color:#f9fafb;font-weight:600}@keyframes pulse{0%{box-shadow:0 0 0 0 #51796fb3}70%{box-shadow:0 0 0 10px #51796f00}to{box-shadow:0 0 0 0 #51796f00}}@media(max-width:768px){.edit-news-container .edit-news-header{align-items:flex-start;flex-direction:column}.edit-news-container .edit-news-header .header-left,.edit-news-container .edit-news-header .header-right{justify-content:space-between;width:100%}.edit-news-container .edit-news-header .header-left h1{max-width:none}.edit-news-container .edit-news-header .save-notification{justify-content:center;margin-bottom:12px;order:-1;width:100%}.edit-news-container .edit-news-tabs{justify-content:space-between}.edit-news-container .edit-news-tabs .tab-button{flex:1 1;padding:12px 8px}.edit-news-container .edit-news-tabs .tab-button span{display:none}.edit-news-container .edit-news-tabs .tab-button svg{font-size:1.2rem;margin-right:0}.edit-news-container .edit-news-content .meta-content .meta-column{width:100%}.edit-news-container .edit-news-content .preview-container .preview-featured-image{height:200px}.edit-news-container .edit-news-content .preview-container .preview-content{padding:16px}}.documents-page{padding:20px}.documents-page .page-header{margin-bottom:20px}.documents-page .page-header h1{font-size:24px;margin-bottom:8px}.documents-page .page-header p{color:#555;font-size:14px}.documents-page .alert{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 16px}.documents-page .alert.success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.documents-page .alert.error{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.documents-page .delete-confirmation{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.documents-page .delete-confirmation .delete-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;padding:24px;width:400px}.documents-page .delete-confirmation .delete-dialog h3{color:#262626;font-size:18px;margin-bottom:16px}.documents-page .delete-confirmation .delete-dialog p{color:#595959;font-size:14px;margin-bottom:8px}.documents-page .delete-confirmation .delete-dialog p:last-of-type{margin-bottom:20px}.documents-page .delete-confirmation .delete-dialog .dialog-actions{display:flex;gap:12px;justify-content:flex-end}.documents-page .delete-confirmation .delete-dialog .dialog-actions button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;padding:8px 16px}.documents-page .delete-confirmation .delete-dialog .dialog-actions button:disabled{cursor:not-allowed;opacity:.7}.documents-page .delete-confirmation .delete-dialog .dialog-actions button svg{margin-right:8px}.documents-page .delete-confirmation .delete-dialog .dialog-actions button .spinner{animation:spin 1s linear infinite}.documents-page .delete-confirmation .delete-dialog .dialog-actions .cancel-button{background-color:#f5f5f5;border:1px solid #d9d9d9;color:#595959}.documents-page .delete-confirmation .delete-dialog .dialog-actions .cancel-button:hover:not(:disabled){background-color:#e8e8e8}.documents-page .delete-confirmation .delete-dialog .dialog-actions .delete-button{background-color:#ff4d4f;border:1px solid #ff4d4f;color:#fff}.documents-page .delete-confirmation .delete-dialog .dialog-actions .delete-button:hover:not(:disabled){background-color:#ff7875;border-color:#ff7875}.documents-page .upload-popup{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.documents-page .upload-popup .upload-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;width:500px}.documents-page .upload-popup .upload-dialog .popup-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.documents-page .upload-popup .upload-dialog .popup-header h3{color:#262626;font-size:18px;margin:0}.documents-page .upload-popup .upload-dialog .popup-header .close-button{align-items:center;background:none;border:none;color:#8c8c8c;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:4px}.documents-page .upload-popup .upload-dialog .popup-header .close-button:hover{color:#262626}.documents-page .upload-popup .upload-dialog .popup-content{padding:16px}.documents-page .upload-popup .upload-dialog .popup-content .form-group{margin-bottom:16px}.documents-page .upload-popup .upload-dialog .popup-content .form-group label{color:#262626;display:block;font-size:14px;margin-bottom:8px}.documents-page .upload-popup .upload-dialog .popup-content .form-group .category-select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:10px 12px;width:100%}.documents-page .upload-popup .upload-dialog .popup-content .form-group .category-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.documents-page .upload-popup .upload-dialog .popup-content .form-group .category-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.documents-page .upload-popup .upload-dialog .popup-content .form-group .file-input-wrapper{align-items:center;display:flex;gap:8px}.documents-page .upload-popup .upload-dialog .popup-content .form-group .file-input-wrapper .file-input-label{border:1px solid #d9d9d9;border-radius:4px;color:#8c8c8c;cursor:pointer;flex:1 1;font-size:14px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.documents-page .upload-popup .upload-dialog .popup-content .form-group .file-input-wrapper .file-input-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-page .upload-popup .upload-dialog .popup-content .form-group .file-input-wrapper .file-input-label input{display:none}.documents-page .upload-popup .upload-dialog .popup-content .form-group .file-input-wrapper .browse-button{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;color:#262626;cursor:pointer;font-size:14px;padding:10px 16px}.documents-page .upload-popup .upload-dialog .popup-content .form-group .file-input-wrapper .browse-button:hover:not(:disabled){background-color:#e8e8e8}.documents-page .upload-popup .upload-dialog .popup-content .form-group .file-input-wrapper .browse-button:disabled{color:#d9d9d9;cursor:not-allowed}.documents-page .upload-popup .upload-dialog .popup-content .upload-progress{margin-top:16px}.documents-page .upload-popup .upload-dialog .popup-content .upload-progress .progress-bar{background-color:#f5f5f5;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.documents-page .upload-popup .upload-dialog .popup-content .upload-progress .progress-bar .progress-fill{background-color:#1890ff;border-radius:4px;height:100%;transition:width .3s}.documents-page .upload-popup .upload-dialog .popup-content .upload-progress span{color:#8c8c8c;font-size:12px}.documents-page .upload-popup .upload-dialog .popup-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px}.documents-page .upload-popup .upload-dialog .popup-actions button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;padding:8px 16px}.documents-page .upload-popup .upload-dialog .popup-actions button:disabled{cursor:not-allowed;opacity:.7}.documents-page .upload-popup .upload-dialog .popup-actions button svg{margin-right:8px}.documents-page .upload-popup .upload-dialog .popup-actions button .spinner{animation:spin 1s linear infinite}.documents-page .upload-popup .upload-dialog .popup-actions .cancel-button{background-color:#f5f5f5;border:1px solid #d9d9d9;color:#595959}.documents-page .upload-popup .upload-dialog .popup-actions .cancel-button:hover:not(:disabled){background-color:#e8e8e8}.documents-page .upload-popup .upload-dialog .popup-actions .upload-button{background-color:#1890ff;border:1px solid #1890ff;color:#fff}.documents-page .upload-popup .upload-dialog .popup-actions .upload-button:hover:not(:disabled){background-color:#40a9ff;border-color:#40a9ff}.documents-page .documents-container{display:flex;gap:20px;height:calc(100vh - 180px)}.documents-page .documents-container .employees-sidebar{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;width:300px}.documents-page .documents-container .employees-sidebar .sidebar-header{border-bottom:1px solid #f0f0f0;padding:16px}.documents-page .documents-container .employees-sidebar .sidebar-header h2{font-size:18px;margin-bottom:12px}.documents-page .documents-container .employees-sidebar .sidebar-header .search-input{position:relative}.documents-page .documents-container .employees-sidebar .sidebar-header .search-input .search-icon{color:#8c8c8c;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.documents-page .documents-container .employees-sidebar .sidebar-header .search-input input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 12px 8px 36px;width:100%}.documents-page .documents-container .employees-sidebar .sidebar-header .search-input input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.documents-page .documents-container .employees-sidebar .employees-list{flex:1 1;overflow-y:auto;padding:8px}.documents-page .documents-container .employees-sidebar .employees-list .employee-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:4px;padding:12px;transition:background-color .2s}.documents-page .documents-container .employees-sidebar .employees-list .employee-item:hover{background-color:#f5f5f5}.documents-page .documents-container .employees-sidebar .employees-list .employee-item.selected{background-color:#e6f7ff;border-right:3px solid #1890ff}.documents-page .documents-container .employees-sidebar .employees-list .employee-item .employee-avatar{align-items:center;background-color:#1890ff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.documents-page .documents-container .employees-sidebar .employees-list .employee-item .employee-info{overflow:hidden}.documents-page .documents-container .employees-sidebar .employees-list .employee-item .employee-info h3{font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-page .documents-container .employees-sidebar .employees-list .employee-item .employee-info p{color:#8c8c8c;font-size:12px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-page .documents-container .employees-sidebar .employees-list .employee-item .employee-info .employee-id{background-color:#f5f5f5;border-radius:10px;color:#595959;display:inline-block;font-size:11px;padding:2px 8px}.documents-page .documents-container .employees-sidebar .employees-list .loading,.documents-page .documents-container .employees-sidebar .employees-list .no-employees{align-items:center;color:#8c8c8c;display:flex;flex-direction:column;height:100px;justify-content:center}.documents-page .documents-container .employees-sidebar .employees-list .loading .spinner,.documents-page .documents-container .employees-sidebar .employees-list .no-employees .spinner{animation:spin 1s linear infinite;font-size:24px;margin-bottom:8px}.documents-page .documents-container .employees-sidebar .employees-list .loading p,.documents-page .documents-container .employees-sidebar .employees-list .loading span,.documents-page .documents-container .employees-sidebar .employees-list .no-employees p,.documents-page .documents-container .employees-sidebar .employees-list .no-employees span{font-size:14px}.documents-page .documents-container .documents-content{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.documents-page .documents-container .documents-content .content-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.documents-page .documents-container .documents-content .content-header h2{font-size:18px}.documents-page .documents-container .documents-content .content-header .upload-section{align-items:center;display:flex;gap:12px}.documents-page .documents-container .documents-content .content-header .upload-section .category-select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.documents-page .documents-container .documents-content .content-header .upload-section .category-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.documents-page .documents-container .documents-content .content-header .upload-section .category-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.documents-page .documents-container .documents-content .content-header .upload-section .upload-button{align-items:center;background-color:#1890ff;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:8px 16px;transition:background-color .2s}.documents-page .documents-container .documents-content .content-header .upload-section .upload-button:hover{background-color:#40a9ff}.documents-page .documents-container .documents-content .content-header .upload-section .upload-button:active{background-color:#096dd9}.documents-page .documents-container .documents-content .content-header .upload-section .upload-button .icon{margin-right:8px}.documents-page .documents-container .documents-content .content-header .upload-section .upload-button input{display:none}.documents-page .documents-container .documents-content .content-header .add-document-button{align-items:center;background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:8px 16px;transition:background-color .2s}.documents-page .documents-container .documents-content .content-header .add-document-button:hover{background-color:#40a9ff}.documents-page .documents-container .documents-content .content-header .add-document-button:active{background-color:#096dd9}.documents-page .documents-container .documents-content .content-header .add-document-button .icon{font-size:12px;margin-right:8px}.documents-page .documents-container .documents-content .upload-progress{border-bottom:1px solid #f0f0f0;padding:16px}.documents-page .documents-container .documents-content .upload-progress .progress-bar{background-color:#f5f5f5;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.documents-page .documents-container .documents-content .upload-progress .progress-bar .progress-fill{background-color:#1890ff;border-radius:4px;height:100%;transition:width .3s}.documents-page .documents-container .documents-content .upload-progress span{color:#8c8c8c;font-size:12px}.documents-page .documents-container .documents-content .documents-search{padding:16px;position:relative}.documents-page .documents-container .documents-content .documents-search .search-icon{color:#8c8c8c;font-size:14px;left:28px;position:absolute;top:50%;transform:translateY(-50%)}.documents-page .documents-container .documents-content .documents-search input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:10px 12px 10px 36px;width:100%}.documents-page .documents-container .documents-content .documents-search input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.documents-page .documents-container .documents-content .loading-documents{align-items:center;color:#8c8c8c;display:flex;flex:1 1;flex-direction:column;justify-content:center}.documents-page .documents-container .documents-content .loading-documents .spinner{animation:spin 1s linear infinite;font-size:32px;margin-bottom:16px}.documents-page .documents-container .documents-content .loading-documents span{font-size:16px}.documents-page .documents-container .documents-content .documents-grid{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:16px}.documents-page .documents-container .documents-content .documents-grid .document-category h3{align-items:center;color:#262626;display:flex;font-size:16px;margin-bottom:12px}.documents-page .documents-container .documents-content .documents-grid .document-category h3 .category-icon{color:#1890ff;margin-right:8px}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card{align-items:center;background-color:#f9f9f9;border-radius:6px;display:flex;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card:hover .download-button{opacity:1}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .document-icon{font-size:28px;margin-right:12px}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .document-icon .file-icon.pdf{color:#ff4d4f}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .document-icon .file-icon.image{color:#52c41a}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .document-icon .file-icon.default{color:#1890ff}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .document-info{flex:1 1;overflow:hidden}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .document-info h4{font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .document-info .document-date{color:#8c8c8c;font-size:12px}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .download-button{background:none;border:none;color:#1890ff;cursor:pointer;font-size:16px;opacity:.5;position:absolute;right:40px;top:8px;transition:opacity .2s,color .2s}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .download-button:hover{color:#40a9ff}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .delete-button{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:16px;opacity:.5;position:absolute;right:8px;top:8px;transition:opacity .2s,color .2s}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .document-card .delete-button:hover{color:#ff7875;opacity:1}.documents-page .documents-container .documents-content .documents-grid .document-category .document-list .no-documents{background-color:#f9f9f9;border-radius:6px;color:#8c8c8c;font-size:14px;grid-column:1/-1;padding:20px;text-align:center}.documents-page .documents-container .documents-content .no-selection{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:24px}.documents-page .documents-container .documents-content .no-selection .folder-icon{color:#d9d9d9;font-size:48px;margin-bottom:16px}.documents-page .documents-container .documents-content .no-selection h3{color:#262626;font-size:18px;margin-bottom:8px}.documents-page .documents-container .documents-content .no-selection p{color:#8c8c8c;font-size:14px;text-align:center}@media(max-width:768px){.documents-page .documents-container{flex-direction:column;height:auto}.documents-page .documents-container .employees-sidebar{max-height:300px;width:100%}.documents-page .documents-container .documents-content{min-height:500px}.documents-page .documents-container .documents-content .documents-grid .document-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.notification-option{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.notification-option .checkbox-label{align-items:center;cursor:pointer;display:flex}.notification-option .checkbox-label input[type=checkbox]{height:16px;margin-right:8px;width:16px}.notification-option .checkbox-label span{font-weight:500}.notification-option .notification-help{align-items:center;color:#666;display:flex;font-size:13px;margin-left:24px;margin-top:5px}.notification-option .notification-help .envelope-icon{color:#07c;margin-right:5px}.notification-option.disabled{cursor:not-allowed;opacity:.5}.job-posts-management{background:#f9fafb;min-height:100vh;padding:24px}.job-posts-management .loading-container{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.job-posts-management .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.job-posts-management .loading-container p{color:#9ca3af;font-size:16px}.job-posts-management .page-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.job-posts-management .page-header .header-content h1{color:#51796f;font-size:24px;font-weight:600;margin-bottom:8px}.job-posts-management .page-header .header-content p{color:#9ca3af;font-size:16px;margin-bottom:16px}.job-posts-management .page-header .btn-primary{align-items:center;background-color:#51796f;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .3s ease}.job-posts-management .page-header .btn-primary:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.job-posts-management .page-header .btn-primary svg{height:18px;width:18px}.job-posts-management .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.job-posts-management .stats-grid .stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:16px;padding:24px;transition:transform .15s ease}.job-posts-management .stats-grid .stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.job-posts-management .stats-grid .stat-card .stat-icon{align-items:center;background:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;height:48px;justify-content:center;width:48px}.job-posts-management .stats-grid .stat-card .stat-icon.visible{background:#ecfdf5;color:#10b981}.job-posts-management .stats-grid .stat-card .stat-icon.hidden{background:#fffbeb;color:#f59e0b}.job-posts-management .stats-grid .stat-card .stat-icon.recent{background:#eff4f2;color:#51796f}.job-posts-management .stats-grid .stat-card .stat-icon svg{height:24px;width:24px}.job-posts-management .stats-grid .stat-card .stat-content h3{color:#1f2937;font-size:30px;font-weight:700;margin:0 0 4px}.job-posts-management .stats-grid .stat-card .stat-content p{color:#9ca3af;font-size:14px;font-weight:500;margin:0}.job-posts-management .filters-section{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:24px}.job-posts-management .filters-section .search-box{flex:1 1;min-width:300px;position:relative}.job-posts-management .filters-section .search-box svg{color:#9ca3af;height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.job-posts-management .filters-section .search-box input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .15s ease;width:100%}.job-posts-management .filters-section .search-box input:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.job-posts-management .filters-section .search-box input::placeholder{color:#9ca3af}.job-posts-management .filters-section .filter-controls{display:flex;gap:12px}.job-posts-management .filters-section .filter-controls .filter-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .15s ease}.job-posts-management .filters-section .filter-controls .filter-select:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.job-posts-management .jobs-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.job-posts-management .jobs-table-container .jobs-table{border-collapse:collapse;width:100%}.job-posts-management .jobs-table-container .jobs-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.job-posts-management .jobs-table-container .jobs-table thead th{color:#4b5563;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.job-posts-management .jobs-table-container .jobs-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s ease}.job-posts-management .jobs-table-container .jobs-table tbody tr:hover{background:#f9fafb}.job-posts-management .jobs-table-container .jobs-table tbody tr:last-child{border-bottom:none}.job-posts-management .jobs-table-container .jobs-table tbody tr td{padding:16px;vertical-align:top}.job-posts-management .jobs-table-container .jobs-table tbody tr td .job-title-cell h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.job-posts-management .jobs-table-container .jobs-table tbody tr td .job-title-cell p{color:#9ca3af;font-size:14px;margin:0}.job-posts-management .jobs-table-container .jobs-table tbody tr td .location-cell{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:8px}.job-posts-management .jobs-table-container .jobs-table tbody tr td .location-cell svg{color:#d1d5db;height:14px;width:14px}.job-posts-management .jobs-table-container .jobs-table tbody tr td .employment-type{border-radius:9999px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.job-posts-management .jobs-table-container .jobs-table tbody tr td .employment-type.full-time{background:#ecfdf5;color:#10b981}.job-posts-management .jobs-table-container .jobs-table tbody tr td .employment-type.part-time{background:#eff6ff;color:#3b82f6}.job-posts-management .jobs-table-container .jobs-table tbody tr td .employment-type.contract{background:#fffbeb;color:#f59e0b}.job-posts-management .jobs-table-container .jobs-table tbody tr td .employment-type.internship{background:#eff4f2;color:#51796f}.job-posts-management .jobs-table-container .jobs-table tbody tr td .employment-type.freelance{background:#fee2e2;color:#ef4444}.job-posts-management .jobs-table-container .jobs-table tbody tr td .status-toggle{align-items:center;border:none;border-radius:9999px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;transition:all .15s ease}.job-posts-management .jobs-table-container .jobs-table tbody tr td .status-toggle.visible{background:#ecfdf5;color:#10b981}.job-posts-management .jobs-table-container .jobs-table tbody tr td .status-toggle.visible:hover{background:#6ee7b7}.job-posts-management .jobs-table-container .jobs-table tbody tr td .status-toggle.hidden{background:#fffbeb;color:#f59e0b}.job-posts-management .jobs-table-container .jobs-table tbody tr td .status-toggle.hidden:hover{background:#fcd34d}.job-posts-management .jobs-table-container .jobs-table tbody tr td .status-toggle svg{height:14px;width:14px}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons{align-items:center;display:flex;gap:8px;justify-content:flex-start;min-width:120px}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;text-decoration:none;transition:all .15s ease;width:32px}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon.edit{background:#eff6ff;color:#3b82f6}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon.edit:hover{background:#93c5fd;transform:translateY(-1px)}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon.delete{background:#fee2e2;color:#ef4444}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon.delete:hover{background:#fca5a5;transform:translateY(-1px)}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon.external{background:#eff4f2;color:#51796f}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon.external:hover{background:#75998f;transform:translateY(-1px)}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon.applications{background:#eff6ff;color:#3b82f6}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon.applications:hover{background:#93c5fd;transform:translateY(-1px)}.job-posts-management .jobs-table-container .jobs-table tbody tr td .action-buttons .btn-icon svg{display:block;flex-shrink:0;height:16px;width:16px}.job-posts-management .jobs-table-container .no-jobs{color:#9ca3af;padding:40px;text-align:center}.job-posts-management .jobs-table-container .no-jobs p{font-size:16px;margin:0}.job-posts-management .pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.job-posts-management .pagination .pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.job-posts-management .pagination .pagination-btn:hover:not(:disabled){border-color:#51796f;color:#51796f}.job-posts-management .pagination .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.job-posts-management .pagination .pagination-info{color:#9ca3af;font-size:14px;font-weight:500}.job-posts-management .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.job-posts-management .modal-overlay .modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.job-posts-management .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.job-posts-management .modal-overlay .modal-content .modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.job-posts-management .modal-overlay .modal-content .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.job-posts-management .modal-overlay .modal-content .modal-header .close-btn:hover{background:#f9fafb;color:#4b5563}.job-posts-management .modal-overlay .modal-content .modal-body{padding:24px}.job-posts-management .modal-overlay .modal-content .modal-body .job-preview{background:#f9fafb;border-radius:8px;margin:16px 0;padding:16px}.job-posts-management .modal-overlay .modal-content .modal-body .job-preview h4{color:#1f2937;font-size:16px;margin:0 0 8px}.job-posts-management .modal-overlay .modal-content .modal-body .job-preview p{color:#9ca3af;font-size:14px;margin:0}.job-posts-management .modal-overlay .modal-content .modal-body .warning-text{color:#ef4444;font-size:14px;font-weight:500;margin:16px 0 0}.job-posts-management .modal-overlay .modal-content .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.job-posts-management .modal-overlay .modal-content.delete-modal{max-width:400px}.job-posts-management .job-form{padding:24px}.job-posts-management .job-form .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.job-posts-management .job-form .form-grid .form-group.full-width{grid-column:1/-1}.job-posts-management .job-form .form-grid .form-group label{color:#4b5563;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.job-posts-management .job-form .form-grid .form-group label.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.job-posts-management .job-form .form-grid .form-group label.checkbox-label input[type=checkbox]{height:16px;width:16px}.job-posts-management .job-form .form-grid .form-group input,.job-posts-management .job-form .form-grid .form-group select,.job-posts-management .job-form .form-grid .form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:12px;transition:border-color .15s ease;width:100%}.job-posts-management .job-form .form-grid .form-group input:focus,.job-posts-management .job-form .form-grid .form-group select:focus,.job-posts-management .job-form .form-grid .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.job-posts-management .job-form .form-grid .form-group input::placeholder,.job-posts-management .job-form .form-grid .form-group select::placeholder,.job-posts-management .job-form .form-grid .form-group textarea::placeholder{color:#9ca3af}.job-posts-management .job-form .form-grid .form-group textarea{min-height:80px;resize:vertical}.job-posts-management .job-form .form-grid .form-group .array-input .array-items{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.job-posts-management .job-form .form-grid .form-group .array-input .array-items .array-item{align-items:center;background:#eff6ff;border-radius:9999px;color:#3b82f6;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px}.job-posts-management .job-form .form-grid .form-group .array-input .array-items .array-item button{align-items:center;background:none;border:none;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;font-size:16px;height:16px;justify-content:center;padding:0;transition:all .15s ease;width:16px}.job-posts-management .job-form .form-grid .form-group .array-input .array-items .array-item button:hover{background:#3b82f6;color:#fff}.job-posts-management .job-form .form-grid .form-group .array-input .array-input-controls input{margin:0}.job-posts-management .job-form .form-grid .form-group .image-upload-section .image-url-input{margin-bottom:12px;width:100%}.job-posts-management .job-form .form-grid .form-group .image-upload-section .image-upload-controls{display:flex;flex-direction:column;gap:12px}.job-posts-management .job-form .form-grid .form-group .image-upload-section .image-upload-controls .upload-btn{background:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;transition:all .15s ease}.job-posts-management .job-form .form-grid .form-group .image-upload-section .image-upload-controls .upload-btn:hover{background:#3e5d55;transform:translateY(-1px)}.job-posts-management .job-form .form-grid .form-group .image-upload-section .image-upload-controls .image-preview{display:inline-block;max-width:200px;position:relative}.job-posts-management .job-form .form-grid .form-group .image-upload-section .image-upload-controls .image-preview img{border:2px solid #d1d5db;border-radius:8px;height:auto;width:100%}.job-posts-management .job-form .form-grid .form-group .image-upload-section .image-upload-controls .image-preview .remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .15s ease;width:24px}.job-posts-management .job-form .form-grid .form-group .image-upload-section .image-upload-controls .image-preview .remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.job-posts-management .job-form .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.job-posts-management .btn-primary{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.job-posts-management .btn-primary:hover{background:#2563eb}.job-posts-management .btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.job-posts-management .btn-secondary:hover{border-color:#cbd5e1;color:#475569}.job-posts-management .btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.job-posts-management .btn-danger:hover{background:#b91c1c}@media(max-width:768px){.job-posts-management{padding:16px}.job-posts-management .page-header{align-items:stretch;flex-direction:column;gap:16px}.job-posts-management .page-header .header-content{text-align:center}.job-posts-management .stats-grid{grid-template-columns:1fr}.job-posts-management .filters-section{align-items:stretch;flex-direction:column}.job-posts-management .filters-section .search-box{min-width:auto}.job-posts-management .filters-section .filter-controls{justify-content:stretch}.job-posts-management .filters-section .filter-controls .filter-select{flex:1 1}.job-posts-management .jobs-table-container{overflow-x:auto}.job-posts-management .jobs-table-container .jobs-table{min-width:600px}.job-posts-management .form-grid{grid-template-columns:1fr!important}.job-posts-management .modal-content{margin:20px;max-height:calc(100vh - 40px)}}@media(max-width:480px){.job-posts-management .stats-grid .stat-card{flex-direction:column;gap:12px;padding:16px;text-align:center}.job-posts-management .stats-grid .stat-card .stat-content h3{font-size:24px}.job-posts-management .action-buttons{flex-direction:column;gap:4px}.job-posts-management .action-buttons .btn-icon{height:28px;width:28px}}.applications-management{background:#f9fafb;min-height:100vh;padding:24px}.applications-management .loading-container{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.applications-management .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.applications-management .loading-container p{color:#9ca3af;font-size:16px}.applications-management .page-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.applications-management .page-header .back-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .15s ease}.applications-management .page-header .back-btn:hover{background:#f9fafb;border-color:#51796f;color:#51796f}.applications-management .page-header .back-btn svg{height:16px;width:16px}.applications-management .page-header .header-content{flex:1 1}.applications-management .page-header .header-content h1{color:#51796f;font-size:24px;font-weight:600;margin-bottom:8px}.applications-management .page-header .header-content p{color:#9ca3af;font-size:16px;margin:0}.applications-management .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.applications-management .stats-grid .stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:16px;padding:24px;transition:transform .15s ease}.applications-management .stats-grid .stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.applications-management .stats-grid .stat-card .stat-icon{align-items:center;background:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;height:48px;justify-content:center;width:48px}.applications-management .stats-grid .stat-card .stat-icon.success{background:#ecfdf5;color:#10b981}.applications-management .stats-grid .stat-card .stat-icon.warning{background:#fffbeb;color:#f59e0b}.applications-management .stats-grid .stat-card .stat-icon.info{background:#eff6ff;color:#3b82f6}.applications-management .stats-grid .stat-card .stat-icon svg{height:24px;width:24px}.applications-management .stats-grid .stat-card .stat-content h3{color:#1f2937;font-size:30px;font-weight:700;margin:0 0 4px}.applications-management .stats-grid .stat-card .stat-content p{color:#9ca3af;font-size:14px;font-weight:500;margin:0}.applications-management .filters-section{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:24px}.applications-management .filters-section .search-box{flex:1 1;min-width:300px;position:relative}.applications-management .filters-section .search-box svg{color:#9ca3af;height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.applications-management .filters-section .search-box input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .15s ease;width:100%}.applications-management .filters-section .search-box input:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.applications-management .filters-section .search-box input::placeholder{color:#9ca3af}.applications-management .filters-section .filter-controls{display:flex;gap:12px}.applications-management .filters-section .filter-controls .filter-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .15s ease}.applications-management .filters-section .filter-controls .filter-select:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.applications-management .applications-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.applications-management .applications-table-container .applications-table{border-collapse:collapse;width:100%}.applications-management .applications-table-container .applications-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.applications-management .applications-table-container .applications-table thead th{color:#4b5563;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.applications-management .applications-table-container .applications-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s ease}.applications-management .applications-table-container .applications-table tbody tr:hover{background:#f9fafb}.applications-management .applications-table-container .applications-table tbody tr:last-child{border-bottom:none}.applications-management .applications-table-container .applications-table tbody tr td{padding:16px;vertical-align:top}.applications-management .applications-table-container .applications-table tbody tr td .candidate-cell{align-items:center;display:flex;gap:12px}.applications-management .applications-table-container .applications-table tbody tr td .candidate-cell .candidate-avatar{align-items:center;background:#51796f;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.applications-management .applications-table-container .applications-table tbody tr td .candidate-cell .candidate-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.applications-management .applications-table-container .applications-table tbody tr td .candidate-cell .candidate-info p{color:#9ca3af;font-size:14px;margin:0}.applications-management .applications-table-container .applications-table tbody tr td .contact-cell{display:flex;flex-direction:column;gap:8px}.applications-management .applications-table-container .applications-table tbody tr td .contact-cell .contact-item{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:8px}.applications-management .applications-table-container .applications-table tbody tr td .contact-cell .contact-item svg{color:#d1d5db;flex-shrink:0;height:14px;width:14px}.applications-management .applications-table-container .applications-table tbody tr td .contact-cell .contact-item a{color:#51796f;text-decoration:none}.applications-management .applications-table-container .applications-table tbody tr td .contact-cell .contact-item a:hover{text-decoration:underline}.applications-management .applications-table-container .applications-table tbody tr td .status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;text-transform:capitalize}.applications-management .applications-table-container .applications-table tbody tr td .status-badge.success{background:#ecfdf5;color:#10b981}.applications-management .applications-table-container .applications-table tbody tr td .status-badge.error{background:#fee2e2;color:#ef4444}.applications-management .applications-table-container .applications-table tbody tr td .status-badge.info{background:#eff6ff;color:#3b82f6}.applications-management .applications-table-container .applications-table tbody tr td .status-badge.warning{background:#fffbeb;color:#f59e0b}.applications-management .applications-table-container .applications-table tbody tr td .status-badge.default{background:#f9fafb;color:#9ca3af}.applications-management .applications-table-container .applications-table tbody tr td .status-badge.large{font-size:14px;padding:12px 16px}.applications-management .applications-table-container .applications-table tbody tr td .status-badge svg{height:14px;width:14px}.applications-management .applications-table-container .applications-table tbody tr td .action-buttons{align-items:center;display:flex;gap:8px;justify-content:flex-start}.applications-management .applications-table-container .applications-table tbody tr td .action-buttons .btn-icon{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;text-decoration:none;transition:all .15s ease;width:32px}.applications-management .applications-table-container .applications-table tbody tr td .action-buttons .btn-icon.view{background:#eff6ff;color:#3b82f6}.applications-management .applications-table-container .applications-table tbody tr td .action-buttons .btn-icon.view:hover{background:#93c5fd;transform:translateY(-1px)}.applications-management .applications-table-container .applications-table tbody tr td .action-buttons .btn-icon.download{background:#eff4f2;color:#51796f}.applications-management .applications-table-container .applications-table tbody tr td .action-buttons .btn-icon.download:hover{background:#75998f;transform:translateY(-1px)}.applications-management .applications-table-container .applications-table tbody tr td .action-buttons .btn-icon svg{display:block;flex-shrink:0;height:16px;width:16px}.applications-management .applications-table-container .no-applications{color:#9ca3af;padding:40px;text-align:center}.applications-management .applications-table-container .no-applications p{font-size:16px;margin:0}.applications-management .pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px}.applications-management .pagination .pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.applications-management .pagination .pagination-btn:hover:not(:disabled){border-color:#51796f;color:#51796f}.applications-management .pagination .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.applications-management .pagination .pagination-info{color:#9ca3af;font-size:14px;font-weight:500}.applications-management .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.applications-management .modal-overlay .modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.applications-management .modal-overlay .modal-content.application-modal{max-width:900px}.applications-management .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.applications-management .modal-overlay .modal-content .modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.applications-management .modal-overlay .modal-content .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.applications-management .modal-overlay .modal-content .modal-header .close-btn:hover{background:#f9fafb;color:#4b5563}.applications-management .modal-overlay .modal-content .modal-body{padding:24px}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section{margin-bottom:24px}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section:last-child{margin-bottom:0}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .detail-grid .detail-item label{color:#9ca3af;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .detail-grid .detail-item p{color:#1f2937;font-size:16px;margin:0;word-break:break-word}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .detail-grid .detail-item p a{color:#51796f;text-decoration:none}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .detail-grid .detail-item p a:hover{text-decoration:underline}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .detail-content p{color:#1f2937;font-size:16px;line-height:1.6;margin:0;white-space:pre-wrap}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions{display:flex;flex-direction:column;gap:16px}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons{display:flex;flex-wrap:wrap;gap:8px}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status:hover:not(:disabled){box-shadow:0 1px 2px #0000000d;transform:translateY(-1px)}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status:disabled{cursor:not-allowed;opacity:.5}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status.shortlisted{background:#eff6ff;color:#3b82f6}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status.shortlisted:hover:not(:disabled){background:#93c5fd}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status.interview{background:#fffbeb;color:#f59e0b}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status.interview:hover:not(:disabled){background:#fcd34d}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status.accepted{background:#ecfdf5;color:#10b981}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status.accepted:hover:not(:disabled){background:#6ee7b7}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status.rejected{background:#fee2e2;color:#ef4444}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .status-actions .status-buttons .btn-status.rejected:hover:not(:disabled){background:#fca5a5}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .btn-download{align-items:center;background:#51796f;border-radius:4px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-decoration:none;transition:all .15s ease}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .btn-download:hover{background:#3e5d55;transform:translateY(-1px)}.applications-management .modal-overlay .modal-content .modal-body .application-details .detail-section .btn-download svg{height:16px;width:16px}.applications-management .modal-overlay .modal-content .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.applications-management .btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.applications-management .btn-secondary:hover{border-color:#cbd5e1;color:#475569}@media(max-width:768px){.applications-management{padding:16px}.applications-management .page-header{flex-direction:column;gap:16px}.applications-management .page-header .back-btn{align-self:flex-start}.applications-management .page-header .header-content{text-align:left}.applications-management .stats-grid{grid-template-columns:1fr}.applications-management .filters-section{align-items:stretch;flex-direction:column}.applications-management .filters-section .search-box{min-width:auto}.applications-management .filters-section .filter-controls{justify-content:stretch}.applications-management .filters-section .filter-controls .filter-select{flex:1 1}.applications-management .applications-table-container{overflow-x:auto}.applications-management .applications-table-container .applications-table{min-width:600px}.applications-management .modal-content{margin:20px;max-height:calc(100vh - 40px)}}@media(max-width:480px){.applications-management .stats-grid .stat-card{flex-direction:column;gap:12px;padding:16px;text-align:center}.applications-management .stats-grid .stat-card .stat-content h3{font-size:24px}.applications-management .action-buttons{flex-direction:column;gap:4px}.applications-management .action-buttons .btn-icon{height:28px;width:28px}}.add-employee-container{padding:20px}.add-employee-container .page-header{margin-bottom:25px}.add-employee-container .page-header h1{color:#333;font-size:24px;margin:0 0 8px}.add-employee-container .page-header p{color:#666;font-size:15px;margin:0}.add-employee-container .success-message{background-color:#d1fae5;border-radius:6px;color:#059669;font-weight:500;margin-bottom:20px;padding:15px}.add-employee-container .error-message{background-color:#fee2e2;border-radius:6px;color:#b91c1c;margin-bottom:20px;padding:15px}.add-employee-container .employee-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;padding:25px}.add-employee-container .employee-form-container .employee-form .form-columns{display:flex;flex-wrap:wrap;gap:30px}.add-employee-container .employee-form-container .employee-form .form-columns .left-column,.add-employee-container .employee-form-container .employee-form .form-columns .right-column{flex:1 1;min-width:300px}.add-employee-container .employee-form-container .employee-form .form-columns h3{border-bottom:1px solid #e5e7eb;color:#333;font-size:18px;margin:25px 0 15px;padding-bottom:8px}.add-employee-container .employee-form-container .employee-form .form-columns h3:first-child{margin-top:0}.add-employee-container .employee-form-container .employee-form .form-columns .form-group{margin-bottom:16px}.add-employee-container .employee-form-container .employee-form .form-columns .form-group label{color:#4b5563;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.add-employee-container .employee-form-container .employee-form .form-columns .form-group label .required{color:#ef4444;margin-left:2px}.add-employee-container .employee-form-container .employee-form .form-columns .form-group input,.add-employee-container .employee-form-container .employee-form .form-columns .form-group select,.add-employee-container .employee-form-container .employee-form .form-columns .form-group textarea{border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.add-employee-container .employee-form-container .employee-form .form-columns .form-group input:focus,.add-employee-container .employee-form-container .employee-form .form-columns .form-group select:focus,.add-employee-container .employee-form-container .employee-form .form-columns .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.add-employee-container .employee-form-container .employee-form .form-columns .form-group input.error,.add-employee-container .employee-form-container .employee-form .form-columns .form-group select.error,.add-employee-container .employee-form-container .employee-form .form-columns .form-group textarea.error{background-color:#fef2f2;border-color:#ef4444}.add-employee-container .employee-form-container .employee-form .form-columns .form-group textarea{resize:vertical}.add-employee-container .employee-form-container .employee-form .form-columns .form-group .error-text{color:#ef4444;font-size:12px;margin-top:4px}.add-employee-container .employee-form-container .employee-form .form-columns .form-group.image-upload input[type=file]{background-color:#f9fafb;padding:8px}.add-employee-container .employee-form-container .employee-form .form-columns .form-group.image-upload .image-preview{margin-top:10px}.add-employee-container .employee-form-container .employee-form .form-columns .form-group.image-upload .image-preview img{border:2px solid #d1d5db;border-radius:50%;height:100px;object-fit:cover;width:100px}.add-employee-container .employee-form-container .employee-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-employee-container .employee-form-container .employee-form .form-actions button{border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s}.add-employee-container .employee-form-container .employee-form .form-actions button:disabled{cursor:not-allowed;opacity:.7}.add-employee-container .employee-form-container .employee-form .form-actions .reset-button{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.add-employee-container .employee-form-container .employee-form .form-actions .reset-button:hover:not(:disabled){background-color:#e5e7eb}.add-employee-container .employee-form-container .employee-form .form-actions .submit-button{background-color:#2563eb;border:none;color:#fff}.add-employee-container .employee-form-container .employee-form .form-actions .submit-button:hover:not(:disabled){background-color:#1d4ed8}@media(max-width:768px){.add-employee-container .employee-form-container{padding:15px}.add-employee-container .employee-form-container .employee-form .form-columns{flex-direction:column;gap:15px}.add-employee-container .employee-form-container .employee-form .form-columns .left-column,.add-employee-container .employee-form-container .employee-form .form-columns .right-column{width:100%}.add-employee-container .employee-form-container .employee-form .form-actions{flex-direction:column}.add-employee-container .employee-form-container .employee-form .form-actions button{width:100%}}.employee-detail-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.employee-detail-modal-overlay .employee-detail-modal{animation:modal-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.employee-detail-modal-overlay .employee-detail-modal .modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.employee-detail-modal-overlay .employee-detail-modal .modal-header h2{color:#111827;font-size:20px;margin:0}.employee-detail-modal-overlay .employee-detail-modal .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.employee-detail-modal-overlay .employee-detail-modal .modal-header .close-btn:hover{background-color:#f3f4f6;color:#111827}.employee-detail-modal-overlay .employee-detail-modal .modal-body{overflow-y:auto;padding:24px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header{display:flex;margin-bottom:30px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header .employee-avatar{margin-right:20px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header .employee-avatar img{border:2px solid #e5e7eb;border-radius:50%;height:100px;object-fit:cover;width:100px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header .employee-avatar .avatar-placeholder{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:36px;font-weight:500;height:100px;justify-content:center;width:100px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header .employee-title{display:flex;flex-direction:column;justify-content:center}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header .employee-title h3{color:#111827;font-size:24px;margin:0 0 8px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header .employee-title .designation{color:#4b5563;font-size:16px;margin:0 0 4px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header .employee-title .employee-id{color:#6b7280;font-size:14px;margin:0}.employee-detail-modal-overlay .employee-detail-modal .modal-body .detail-sections .detail-section{margin-bottom:30px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .detail-sections .detail-section h4{border-bottom:1px solid #e5e7eb;color:#111827;font-size:18px;margin:0 0 15px;padding-bottom:8px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .detail-sections .detail-section .detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.employee-detail-modal-overlay .employee-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item label{color:#6b7280;display:block;font-size:13px;margin-bottom:4px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item p{color:#111827;font-size:15px;margin:0}.employee-detail-modal-overlay .employee-detail-modal .modal-body .detail-sections .detail-section .additional-info{color:#111827;font-size:15px;margin:0;white-space:pre-line}.employee-detail-modal-overlay .employee-detail-modal .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.employee-detail-modal-overlay .employee-detail-modal .modal-footer .close-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.employee-detail-modal-overlay .employee-detail-modal .modal-footer .close-button:hover{background-color:#e5e7eb}@media(max-width:768px){.employee-detail-modal-overlay{padding:10px}.employee-detail-modal-overlay .employee-detail-modal .modal-body{padding:16px}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header{align-items:center;flex-direction:column;text-align:center}.employee-detail-modal-overlay .employee-detail-modal .modal-body .employee-header .employee-avatar{margin-bottom:15px;margin-right:0}.employee-detail-modal-overlay .employee-detail-modal .modal-body .detail-sections .detail-section .detail-grid{gap:15px;grid-template-columns:1fr}}.view-employees-container{padding:20px}.view-employees-container .page-header{margin-bottom:25px}.view-employees-container .page-header h1{color:#333;font-size:24px;margin:0 0 8px}.view-employees-container .page-header p{color:#666;font-size:15px;margin:0}.view-employees-container .employees-controls{display:flex;justify-content:space-between;margin-bottom:20px}.view-employees-container .employees-controls .search-box{flex:1 1;max-width:400px}.view-employees-container .employees-controls .search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 15px;width:100%}.view-employees-container .employees-controls .search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.view-employees-container .employees-controls .refresh-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.view-employees-container .employees-controls .refresh-btn:hover{background-color:#e5e7eb}.view-employees-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.view-employees-container .loading-container .loading-spinner{animation:spin .8s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#2563eb;height:40px;margin-bottom:15px;width:40px}.view-employees-container .loading-container p{color:#666;font-size:15px}.view-employees-container .error-container{background-color:#fee2e2;border-radius:6px;color:#b91c1c;margin-bottom:20px;padding:20px;text-align:center}.view-employees-container .error-container p{margin:0 0 15px}.view-employees-container .error-container button{background-color:#b91c1c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.view-employees-container .error-container button:hover{background-color:#991b1b}.view-employees-container .employees-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;overflow:hidden}.view-employees-container .employees-table-container .no-employees{color:#6b7280;font-size:15px;padding:40px 20px;text-align:center}.view-employees-container .employees-table-container .employees-table{border-collapse:collapse;width:100%}.view-employees-container .employees-table-container .employees-table td,.view-employees-container .employees-table-container .employees-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.view-employees-container .employees-table-container .employees-table th{background-color:#f9fafb;color:#4b5563;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.view-employees-container .employees-table-container .employees-table th:hover{background-color:#f3f4f6}.view-employees-container .employees-table-container .employees-table td{color:#1f2937;font-size:14px}.view-employees-container .employees-table-container .employees-table tr:last-child td{border-bottom:none}.view-employees-container .employees-table-container .employees-table tr:nth-child(2n){background-color:#f9fafb}.view-employees-container .employees-table-container .employees-table tbody tr{transition:background-color .2s}.view-employees-container .employees-table-container .employees-table tbody tr:hover{background-color:#f3f4f6}.view-employees-container .employees-table-container .employees-table .employee-row{cursor:pointer}.view-employees-container .employees-table-container .employees-table .employee-row:hover{background-color:#e5e7eb}.view-employees-container .employees-table-container .employees-table .employee-row:active{background-color:#d1d5db}.view-employees-container .employees-table-container .employees-table .employee-name{align-items:center;display:flex}.view-employees-container .employees-table-container .employees-table .employee-name .employee-avatar{border:1px solid #e5e7eb;border-radius:50%;height:30px;margin-right:10px;object-fit:cover;width:30px}@media(max-width:768px){.view-employees-container{padding:15px}.view-employees-container .employees-controls{flex-direction:column;gap:10px}.view-employees-container .employees-controls .search-box{max-width:100%}.view-employees-container .employees-table-container{overflow-x:auto}.view-employees-container .employees-table-container .employees-table td,.view-employees-container .employees-table-container .employees-table th{padding:10px 12px;white-space:nowrap}}.rejoin-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.rejoin-modal-overlay .rejoin-modal{animation:modal-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.rejoin-modal-overlay .rejoin-modal .modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.rejoin-modal-overlay .rejoin-modal .modal-header h2{color:#111827;font-size:20px;margin:0}.rejoin-modal-overlay .rejoin-modal .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.rejoin-modal-overlay .rejoin-modal .modal-header .close-btn:hover{background-color:#f3f4f6;color:#111827}.rejoin-modal-overlay .rejoin-modal .modal-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.rejoin-modal-overlay .rejoin-modal .modal-body .user-info-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:30px;padding:16px}.rejoin-modal-overlay .rejoin-modal .modal-body .user-info-section h3{color:#111827;font-size:16px;margin:0 0 15px}.rejoin-modal-overlay .rejoin-modal .modal-body .user-info-section .info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.rejoin-modal-overlay .rejoin-modal .modal-body .user-info-section .info-grid .info-item label{color:#6b7280;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.rejoin-modal-overlay .rejoin-modal .modal-body .user-info-section .info-grid .info-item p{color:#111827;font-size:14px;margin:0}.rejoin-modal-overlay .rejoin-modal .modal-body .form-section h3{border-bottom:1px solid #e5e7eb;color:#111827;font-size:18px;margin:0 0 20px;padding-bottom:8px}.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group{margin-bottom:20px}.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group label .required{color:#dc2626}.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group input,.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group select{border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group input:focus,.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group input:disabled,.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed}.rejoin-modal-overlay .rejoin-modal .modal-body .form-section .form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.rejoin-modal-overlay .rejoin-modal .modal-body .error-message{background-color:#fee2e2;border-radius:6px;color:#b91c1c;font-size:14px;margin-top:20px;padding:12px 16px}.rejoin-modal-overlay .rejoin-modal .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.rejoin-modal-overlay .rejoin-modal .modal-footer .cancel-button,.rejoin-modal-overlay .rejoin-modal .modal-footer .submit-button{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.rejoin-modal-overlay .rejoin-modal .modal-footer .cancel-button:disabled,.rejoin-modal-overlay .rejoin-modal .modal-footer .submit-button:disabled{cursor:not-allowed;opacity:.6}.rejoin-modal-overlay .rejoin-modal .modal-footer .cancel-button{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.rejoin-modal-overlay .rejoin-modal .modal-footer .cancel-button:hover:not(:disabled){background-color:#e5e7eb}.rejoin-modal-overlay .rejoin-modal .modal-footer .submit-button{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.rejoin-modal-overlay .rejoin-modal .modal-footer .submit-button:hover:not(:disabled){background-color:#1d4ed8}@media(max-width:768px){.rejoin-modal-overlay{padding:10px}.rejoin-modal-overlay .rejoin-modal .modal-body{padding:16px}.rejoin-modal-overlay .rejoin-modal .modal-body .user-info-section .info-grid{grid-template-columns:1fr}}.archived-user-detail-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.archived-user-detail-modal-overlay .archived-user-detail-modal{animation:modal-appear .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-header h2{color:#111827;font-size:20px;margin:0}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-header .close-btn:hover{background-color:#f3f4f6;color:#111827}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body{overflow-y:auto;padding:24px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header{display:flex;margin-bottom:30px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-avatar{margin-right:20px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-avatar img{border:2px solid #e5e7eb;border-radius:50%;height:100px;object-fit:cover;width:100px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-avatar .avatar-placeholder{align-items:center;background-color:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:36px;font-weight:500;height:100px;justify-content:center;width:100px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-title{display:flex;flex-direction:column;justify-content:center}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-title h3{color:#111827;font-size:24px;margin:0 0 8px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-title .designation{color:#4b5563;font-size:16px;margin:0 0 4px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-title .employee-id{color:#6b7280;font-size:14px;margin:0 0 4px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-title .archived-badge{background-color:#fee2e2;border-radius:12px;color:#991b1b;display:inline-block;font-size:12px;font-weight:600;margin:8px 0 0;padding:4px 12px;width:fit-content}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section{margin-bottom:30px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section h4{border-bottom:1px solid #e5e7eb;color:#111827;font-size:18px;margin:0 0 15px;padding-bottom:8px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item p{color:#111827;font-size:15px;margin:0;word-break:break-word}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item p a{color:#2563eb;text-decoration:none}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item p a:hover{text-decoration:underline}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item.full-width{grid-column:1/-1}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item .description-content{color:#111827;font-size:15px;line-height:1.6;margin:0;word-break:break-word}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item .description-content p{margin-bottom:8px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid .detail-item .description-content p:last-child{margin-bottom:0}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-footer .rejoin-button{background-color:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-footer .rejoin-button:hover{background-color:#059669}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-footer .close-button{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-footer .close-button:hover{background-color:#e5e7eb}@keyframes modal-appear{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.archived-user-detail-modal-overlay{padding:10px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body{padding:16px}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header{align-items:center;flex-direction:column;text-align:center}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .user-header .user-avatar{margin-bottom:15px;margin-right:0}.archived-user-detail-modal-overlay .archived-user-detail-modal .modal-body .detail-sections .detail-section .detail-grid{gap:15px;grid-template-columns:1fr}}.archived-users-container{padding:20px}.archived-users-container .page-header{margin-bottom:25px}.archived-users-container .page-header h1{color:#333;font-size:24px;margin:0 0 8px}.archived-users-container .page-header p{color:#666;font-size:15px;margin:0}.archived-users-container .users-controls{display:flex;justify-content:space-between;margin-bottom:20px}.archived-users-container .users-controls .search-box{flex:1 1;max-width:400px}.archived-users-container .users-controls .search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 15px;width:100%}.archived-users-container .users-controls .search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.archived-users-container .users-controls .refresh-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.archived-users-container .users-controls .refresh-btn:hover{background-color:#e5e7eb}.archived-users-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.archived-users-container .loading-container .loading-spinner{animation:spin .8s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#2563eb;height:40px;margin-bottom:15px;width:40px}.archived-users-container .loading-container p{color:#666;font-size:15px}.archived-users-container .error-container{background-color:#fee2e2;border-radius:6px;color:#b91c1c;margin-bottom:20px;padding:20px;text-align:center}.archived-users-container .error-container p{margin:0 0 15px}.archived-users-container .error-container button{background-color:#b91c1c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.archived-users-container .error-container button:hover{background-color:#991b1b}.archived-users-container .users-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;overflow:hidden}.archived-users-container .users-table-container .no-users{color:#6b7280;font-size:15px;padding:40px 20px;text-align:center}.archived-users-container .users-table-container .users-table{border-collapse:collapse;width:100%}.archived-users-container .users-table-container .users-table td,.archived-users-container .users-table-container .users-table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.archived-users-container .users-table-container .users-table th{background-color:#f9fafb;color:#4b5563;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.archived-users-container .users-table-container .users-table th:hover{background-color:#f3f4f6}.archived-users-container .users-table-container .users-table td{color:#1f2937;font-size:14px}.archived-users-container .users-table-container .users-table tr:last-child td{border-bottom:none}.archived-users-container .users-table-container .users-table tr:nth-child(2n){background-color:#f9fafb}.archived-users-container .users-table-container .users-table tbody tr{transition:background-color .2s}.archived-users-container .users-table-container .users-table tbody tr:hover{background-color:#f3f4f6}.archived-users-container .users-table-container .users-table .user-row{cursor:pointer}.archived-users-container .users-table-container .users-table .user-row:hover{background-color:#e5e7eb}.archived-users-container .users-table-container .users-table .user-row:active{background-color:#d1d5db}.archived-users-container .users-table-container .users-table .user-name{align-items:center;display:flex}.archived-users-container .users-table-container .users-table .user-name .user-avatar{border:1px solid #e5e7eb;border-radius:50%;height:30px;margin-right:10px;object-fit:cover;width:30px}@media(max-width:768px){.archived-users-container{padding:15px}.archived-users-container .users-controls{flex-direction:column;gap:10px}.archived-users-container .users-controls .search-box{max-width:100%}.archived-users-container .users-table-container{overflow-x:auto}.archived-users-container .users-table-container .users-table td,.archived-users-container .users-table-container .users-table th{padding:10px 12px;white-space:nowrap}}.advisors-management-container{padding:16px}.advisors-management-container .page-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.advisors-management-container .page-header h1{color:#51796f;font-size:24px;margin-bottom:8px}.advisors-management-container .page-header p{color:#9ca3af;font-size:16px;margin-bottom:16px}.advisors-management-container .page-header .add-advisor-btn{align-items:center;background-color:#51796f;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;padding:8px 16px;transition:background-color .3s}.advisors-management-container .page-header .add-advisor-btn svg{margin-right:8px}.advisors-management-container .page-header .add-advisor-btn:hover{background-color:#3e5d55;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.advisors-management-container .loading-container{align-items:center;display:flex;flex-direction:column;padding:40px}.advisors-management-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.advisors-management-container .error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;margin-bottom:20px;padding:16px}.advisors-management-container .no-advisors{background-color:#f9fafb;border-radius:8px;padding:32px;text-align:center}.advisors-management-container .no-advisors p{color:#9ca3af;font-size:18px}.advisors-management-container .advisors-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.advisors-management-container .advisors-grid .advisor-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;overflow:hidden;transition:all .3s ease}.advisors-management-container .advisors-grid .advisor-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content{display:flex;flex-direction:column;height:100%}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-image{align-items:center;background-color:#f9fafb;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;width:100%}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-image .no-image{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:14px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-image .advisor-serial{background-color:#51796fe6;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-image:hover img{transform:scale(1.05)}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details{display:flex;flex-direction:column;flex-grow:1;padding:16px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-actions{display:flex;gap:8px;margin-bottom:12px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 8px;transition:all .2s ease}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-actions button svg{margin-right:4px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-actions button.edit-btn{background-color:#51796f;color:#fff}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-actions button.edit-btn:hover{background-color:#3e5d55}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-actions button.delete-btn{background-color:#ef4444;color:#fff}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-actions button.delete-btn:hover{background-color:#dc2626}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details h3{color:#51796f;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-designation{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-designation .icon{color:#51796f}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-organogram{margin-bottom:12px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-organogram .organogram-badge{background-color:#eff4f2;border-radius:12px;color:#51796f;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-short-description{color:#9ca3af;flex-grow:1;font-size:14px;line-height:1.5;margin-bottom:12px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-short-description div{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social{display:flex;gap:8px;margin-top:auto}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link{align-items:center;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link.linkedin{background-color:#0077b5}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link.linkedin:hover{background-color:#005885}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link.twitter{background-color:#1da1f2}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link.twitter:hover{background-color:#0d8bd9}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link.instagram:hover{opacity:.8}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link.website{background-color:#9ca3af}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details .advisor-social .social-link.website:hover{background-color:#4b5563}@media(max-width:768px){.advisors-management-container{padding:12px}.advisors-management-container .advisors-grid{gap:16px;grid-template-columns:1fr}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-image{height:200px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details{padding:12px}.advisors-management-container .advisors-grid .advisor-card .advisor-card-content .advisor-details h3{font-size:16px}}.advisor-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.advisor-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.advisor-modal .modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.advisor-modal .modal-header h2{color:#51796f;font-size:20px;font-weight:600;margin:0}.advisor-modal .modal-header .close-button{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:18px;padding:8px;transition:all .2s ease}.advisor-modal .modal-header .close-button:hover{background-color:#e5e7eb;color:#51796f}.advisor-modal .advisor-form{flex:1 1;overflow-y:auto;padding:16px}.advisor-modal .advisor-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:768px){.advisor-modal .advisor-form .form-row{grid-template-columns:1fr}}.advisor-modal .advisor-form .form-group{margin-bottom:16px}.advisor-modal .advisor-form .form-group label{color:#1f2937;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.advisor-modal .advisor-form .form-group input,.advisor-modal .advisor-form .form-group select,.advisor-modal .advisor-form .form-group textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:16px;padding:8px 12px;transition:border-color .2s ease;width:100%}.advisor-modal .advisor-form .form-group input:focus,.advisor-modal .advisor-form .form-group select:focus,.advisor-modal .advisor-form .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f1a;outline:none}.advisor-modal .advisor-form .form-group input::placeholder,.advisor-modal .advisor-form .form-group select::placeholder,.advisor-modal .advisor-form .form-group textarea::placeholder{color:#9ca3af}.advisor-modal .advisor-form .form-group textarea{font-family:inherit;line-height:1.5;min-height:60px;resize:vertical}.advisor-modal .advisor-form .form-group select{cursor:pointer}.advisor-modal .advisor-form .image-upload-container{display:flex;flex-direction:column;gap:12px}.advisor-modal .advisor-form .image-upload-container .image-preview{border:2px solid #e5e7eb;border-radius:8px;height:120px;overflow:hidden;width:120px}.advisor-modal .advisor-form .image-upload-container .image-preview img{height:100%;object-fit:cover;width:100%}.advisor-modal .advisor-form .image-upload-container .custom-file-upload{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#51796f;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s ease;width:fit-content}.advisor-modal .advisor-form .image-upload-container .custom-file-upload:hover{background-color:#e5e7eb}.advisor-modal .advisor-form .image-upload-container .custom-file-upload input[type=file]{display:none}.advisor-modal .advisor-form .social-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px}.advisor-modal .advisor-form .social-section h3{color:#51796f;font-size:18px;font-weight:600;margin:0 0 16px}.advisor-modal .advisor-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.advisor-modal .advisor-form .form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:8px 16px;transition:all .2s ease}.advisor-modal .advisor-form .form-actions button.cancel-button{background-color:#e5e7eb;color:#9ca3af}.advisor-modal .advisor-form .form-actions button.cancel-button:hover{background-color:#d1d5db}.advisor-modal .advisor-form .form-actions button.submit-button{background-color:#51796f;color:#fff}.advisor-modal .advisor-form .form-actions button.submit-button:hover:not(:disabled){background-color:#3e5d55}.advisor-modal .advisor-form .form-actions button.submit-button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:768px){.advisor-modal-overlay{padding:8px}.advisor-modal{max-height:95vh}.advisor-modal .modal-header{padding:12px}.advisor-modal .modal-header h2{font-size:18px}.advisor-modal .advisor-form{padding:12px}.advisor-modal .advisor-form .form-actions{flex-direction:column}.advisor-modal .advisor-form .form-actions button{width:100%}}.assign-tasks-loading{align-items:center;background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:32px}.assign-tasks-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:60px;margin-bottom:16px;width:60px}.assign-tasks-loading p{color:#9ca3af;font-size:18px;font-weight:500;line-height:1.5;max-width:300px;text-align:center}.loading-spinner-small{border:2px solid #e5e7eb;border-top-color:#fff;height:18px;width:18px}.assign-tasks-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;padding:20px}.assign-tasks-container .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}@media(max-width:1080px){.assign-tasks-container .page-header{align-items:stretch;flex-direction:column}}.assign-tasks-container .page-header .header-left h1{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;margin:0 0 16px}.assign-tasks-container .page-header .header-left h1 .header-icon{color:#51796f;font-size:1.75rem;margin-right:12px}.assign-tasks-container .page-header .header-left .task-counts{display:flex;flex-wrap:wrap;gap:8px}.assign-tasks-container .page-header .header-left .task-counts .count-badge{border-radius:20px;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s}.assign-tasks-container .page-header .header-left .task-counts .count-badge.all{background-color:#e2e8f0;color:#475569}.assign-tasks-container .page-header .header-left .task-counts .count-badge.all.active{background-color:#cbd5e1;color:#1e293b}.assign-tasks-container .page-header .header-left .task-counts .count-badge.new{background-color:#e0f2fe;color:#0369a1}.assign-tasks-container .page-header .header-left .task-counts .count-badge.new.active{background-color:#bae6fd;color:#0284c7}.assign-tasks-container .page-header .header-left .task-counts .count-badge.in-progress{background-color:#fef3c7;color:#b45309}.assign-tasks-container .page-header .header-left .task-counts .count-badge.in-progress.active{background-color:#fde68a;color:#d97706}.assign-tasks-container .page-header .header-left .task-counts .count-badge.completed{background-color:#dcfce7;color:#16a34a}.assign-tasks-container .page-header .header-left .task-counts .count-badge.completed.active{background-color:#bbf7d0;color:#15803d}.assign-tasks-container .page-header .header-left .task-counts .count-badge:hover{filter:brightness(.95)}.assign-tasks-container .page-header .header-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.assign-tasks-container .page-header .header-right{align-items:stretch;flex-direction:column}}.assign-tasks-container .page-header .header-right .search-box{position:relative;width:260px}@media(max-width:768px){.assign-tasks-container .page-header .header-right .search-box{width:100%}}.assign-tasks-container .page-header .header-right .search-box .search-icon{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.assign-tasks-container .page-header .header-right .search-box input{border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;padding:10px 36px;width:100%}.assign-tasks-container .page-header .header-right .search-box input:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.assign-tasks-container .page-header .header-right .search-box .clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px}.assign-tasks-container .page-header .header-right .search-box .clear-search:hover{background-color:#f1f5f9;color:#64748b}.assign-tasks-container .page-header .header-right .employee-filter{position:relative;width:200px}@media(max-width:768px){.assign-tasks-container .page-header .header-right .employee-filter{width:100%}}.assign-tasks-container .page-header .header-right .employee-filter .filter-icon{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.assign-tasks-container .page-header .header-right .employee-filter select{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 12px 10px 36px;width:100%}.assign-tasks-container .page-header .header-right .employee-filter select:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.assign-tasks-container .page-header .header-right .assign-button,.assign-tasks-container .page-header .header-right .refresh-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.assign-tasks-container .page-header .header-right .refresh-button{background-color:#f1f5f9;color:#475569}.assign-tasks-container .page-header .header-right .refresh-button:hover{background-color:#e2e8f0}.assign-tasks-container .page-header .header-right .refresh-button svg{font-size:1rem}.assign-tasks-container .page-header .header-right .assign-button{background-color:#51796f;color:#fff}.assign-tasks-container .page-header .header-right .assign-button:hover{background-color:#476a61}.assign-tasks-container .page-header .header-right .assign-button svg{font-size:1rem}.assign-tasks-container .error-message{align-items:center;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#b91c1c;display:flex;margin-bottom:20px;padding:12px 16px}.assign-tasks-container .error-message .error-icon{flex-shrink:0;margin-right:10px}.assign-tasks-container .loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 0}.assign-tasks-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.assign-tasks-container .no-tasks-message{color:#64748b;padding:60px 0;text-align:center}.assign-tasks-container .no-tasks-message .empty-icon{color:#cbd5e1;font-size:3rem;margin-bottom:16px}.assign-tasks-container .no-tasks-message h3{color:#334155;font-size:1.25rem;margin-bottom:8px}.assign-tasks-container .no-tasks-message p{margin-bottom:24px}.assign-tasks-container .no-tasks-message .create-task-button{align-items:center;background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.assign-tasks-container .no-tasks-message .create-task-button:hover{background-color:#476a61}.assign-tasks-container .kanban-board{grid-gap:24px;display:grid;flex-grow:1;gap:24px;grid-template-columns:repeat(3,1fr);height:calc(100vh - 240px);margin-top:20px;overflow:hidden;position:relative}@media(max-width:992px){.assign-tasks-container .kanban-board{grid-template-columns:1fr;height:auto;max-height:calc(100vh - 240px);overflow-y:auto;padding-right:5px}.assign-tasks-container .kanban-board .kanban-column{height:auto;margin-bottom:24px;max-height:500px;min-height:300px}}.assign-tasks-container .kanban-board .kanban-column{background-color:#f8fafc;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.assign-tasks-container .kanban-board .kanban-column.new{background-color:#f0f9ff}.assign-tasks-container .kanban-board .kanban-column.new .column-header{background-color:#e0f2fe}.assign-tasks-container .kanban-board .kanban-column.new .column-header .task-count{background-color:#bae6fd99;color:#0369a1}.assign-tasks-container .kanban-board .kanban-column.in-progress{background-color:#fffbeb}.assign-tasks-container .kanban-board .kanban-column.in-progress .column-header{background-color:#fef3c7}.assign-tasks-container .kanban-board .kanban-column.in-progress .column-header .task-count{background-color:#fde68a99;color:#b45309}.assign-tasks-container .kanban-board .kanban-column.completed{background-color:#f0fdf4}.assign-tasks-container .kanban-board .kanban-column.completed .column-header{background-color:#dcfce7}.assign-tasks-container .kanban-board .kanban-column.completed .column-header .task-count{background-color:#bbf7d099;color:#16a34a}.assign-tasks-container .kanban-board .kanban-column .column-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;font-weight:600;justify-content:space-between;padding:16px;position:sticky;top:0;z-index:5}.assign-tasks-container .kanban-board .kanban-column .column-header h3{font-size:1rem;margin:0}.assign-tasks-container .kanban-board .kanban-column .column-header .task-count{background-color:#fff9;border-radius:16px;font-size:.85rem;font-weight:500;padding:3px 10px}.assign-tasks-container .kanban-board .kanban-column .tasks-container{display:flex;flex-direction:column;flex-grow:1;gap:16px;height:calc(100% - 55px);overflow-y:auto;padding:16px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.assign-tasks-container .kanban-board .kanban-column .tasks-container>*{flex-shrink:0}.assign-tasks-container .kanban-board .kanban-column .tasks-container::-webkit-scrollbar{width:8px}.assign-tasks-container .kanban-board .kanban-column .tasks-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.assign-tasks-container .kanban-board .kanban-column .tasks-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f1f5f9;border-radius:4px}.assign-tasks-container .kanban-board .kanban-column .tasks-container .empty-column{color:#94a3b8;font-style:italic;padding:30px 20px;text-align:center}.assign-tasks-container .load-more-button{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:block;font-weight:500;margin:24px auto;padding:10px 24px;position:relative;transition:all .2s;z-index:10}.assign-tasks-container .load-more-button:hover{background-color:#e2e8f0}.assign-tasks-container .loading-more{align-items:center;color:#64748b;display:flex;justify-content:center;padding:20px 0;position:relative;z-index:10}.assign-tasks-container .loading-more .loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#51796f;height:20px;margin-right:10px;width:20px}.tasks-content{flex:1 1;overflow:hidden;position:relative}.tasks-content .empty-state,.tasks-content .error-container,.tasks-content .loading-container{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:32px;text-align:center}.tasks-content .empty-state .loading-spinner,.tasks-content .error-container .loading-spinner,.tasks-content .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#51796f;height:48px;margin-bottom:16px;width:48px}.tasks-content .empty-state p,.tasks-content .error-container p,.tasks-content .loading-container p{color:#64748b;font-size:1rem;margin:8px 0 20px}.tasks-content .empty-state button,.tasks-content .error-container button,.tasks-content .loading-container button{align-items:center;background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px}.tasks-content .empty-state button:hover,.tasks-content .error-container button:hover,.tasks-content .loading-container button:hover{background-color:#476a61}.tasks-content .empty-state .error-icon,.tasks-content .error-container .error-icon,.tasks-content .loading-container .error-icon{color:#ef4444;font-size:48px;margin-bottom:16px}.tasks-content .task-columns{display:flex;gap:20px;height:calc(100vh - 180px);overflow:hidden;width:100%}@media(max-width:768px){.tasks-content .task-columns{flex-direction:column;height:auto;overflow:visible}}.tasks-content .task-columns .task-column{background-color:#f1f5f9;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-width:300px}@media(max-width:768px){.tasks-content .task-columns .task-column{height:500px;margin-bottom:20px}}.tasks-content .task-columns .task-column.new-tasks{border-top:4px solid #0369a1}.tasks-content .task-columns .task-column.new-tasks .column-title{color:#0369a1}.tasks-content .task-columns .task-column.in-progress-tasks{border-top:4px solid #d97706}.tasks-content .task-columns .task-column.in-progress-tasks .column-title{color:#d97706}.tasks-content .task-columns .task-column.completed-tasks{border-top:4px solid #16a34a}.tasks-content .task-columns .task-column.completed-tasks .column-title{color:#16a34a}.tasks-content .task-columns .task-column .column-title{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin:0;padding:16px}.tasks-content .task-columns .task-column .column-title .count{background-color:#e2e8f0;border-radius:12px;color:#475569;font-size:.8rem;font-weight:500;padding:3px 8px}.tasks-content .task-columns .task-column .column-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.tasks-content .task-columns .task-column .column-content .empty-column{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;font-style:italic;height:100%;justify-content:center;padding:16px;text-align:center}.tasks-content .load-more{display:flex;justify-content:center;margin-top:20px}.tasks-content .load-more button{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;padding:8px 20px;transition:all .2s}.tasks-content .load-more button:hover{background-color:#f8fafc;border-color:#94a3b8}.tasks-content .load-more button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay{background-color:#0009}.modal-content{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.assign-task-modal .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #eaedf3;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:10}.assign-task-modal .modal-header h2{color:#1a1c25;font-size:1.5rem;font-weight:600;margin:0}.assign-task-modal .modal-header .close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.assign-task-modal .modal-header .close-button:hover{background-color:#f3f4f6;color:#334155}.assign-task-modal .modal-header .close-button svg{height:20px;width:20px}.assign-task-modal .error-message{align-items:center;background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#e53e3e;display:flex;font-size:.9rem;margin:16px 24px 0;padding:12px 16px}.assign-task-modal .error-message svg{flex-shrink:0;margin-right:10px}.assign-task-modal .success-message{background-color:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#38a169;font-size:.9rem;margin:16px 24px 0;padding:12px 16px;text-align:center}.assign-task-modal form{display:flex;flex-direction:column;gap:20px;padding:24px}.assign-task-modal form .form-group{margin-bottom:4px}.assign-task-modal form .form-group label{color:#334155;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.assign-task-modal form .form-group input[type=datetime-local],.assign-task-modal form .form-group input[type=text],.assign-task-modal form .form-group select,.assign-task-modal form .form-group textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.assign-task-modal form .form-group input[type=datetime-local]:focus,.assign-task-modal form .form-group input[type=text]:focus,.assign-task-modal form .form-group select:focus,.assign-task-modal form .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f33;outline:none}.assign-task-modal form .form-group input[type=datetime-local]:disabled,.assign-task-modal form .form-group input[type=text]:disabled,.assign-task-modal form .form-group select:disabled,.assign-task-modal form .form-group textarea:disabled{background-color:#f1f5f9;cursor:not-allowed}.assign-task-modal form .form-group textarea{min-height:80px;resize:vertical}.assign-task-modal form .form-group .input-with-icon{position:relative}.assign-task-modal form .form-group .input-with-icon .input-icon{color:#64748b;height:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.assign-task-modal form .form-group .input-with-icon input,.assign-task-modal form .form-group .input-with-icon select{padding-left:42px}.assign-task-modal form .form-row{display:flex;gap:16px}.assign-task-modal form .form-row .form-group{flex:1 1}@media(max-width:640px){.assign-task-modal form .form-row{flex-direction:column}}.assign-task-modal form .assignment-type .radio-group{display:flex;gap:24px}.assign-task-modal form .assignment-type .radio-group .radio-label{align-items:center;cursor:pointer;display:flex}.assign-task-modal form .assignment-type .radio-group .radio-label input[type=radio]{accent-color:#51796f;height:18px;margin-right:8px;width:18px}.assign-task-modal form .notification-options{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.assign-task-modal form .notification-options .checkbox-label{align-items:center;cursor:pointer;display:flex}.assign-task-modal form .notification-options .checkbox-label input[type=checkbox]{accent-color:#51796f;height:18px;margin-right:8px;width:18px}.assign-task-modal form .assignees-list{border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;max-height:320px;overflow-y:auto}.assign-task-modal form .assignees-list .assignee-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.assign-task-modal form .assignees-list .assignee-item:last-child{border-bottom:none}.assign-task-modal form .assignees-list .assignee-item:hover{background-color:#f8fafc}.assign-task-modal form .assignees-list .assignee-item input[type=checkbox]{accent-color:#51796f;cursor:pointer;height:18px;margin-right:12px;width:18px}.assign-task-modal form .assignees-list .assignee-item .assignee-label{align-items:center;cursor:pointer;display:flex;width:100%}.assign-task-modal form .assignees-list .assignee-item .assignee-label .assignee-icon{align-items:center;background-color:#e2e8f0;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;overflow:hidden;width:40px}.assign-task-modal form .assignees-list .assignee-item .assignee-label .assignee-icon svg{color:#64748b;height:24px;width:24px}.assign-task-modal form .assignees-list .assignee-item .assignee-label .assignee-icon img{height:100%;object-fit:cover;width:100%}.assign-task-modal form .assignees-list .assignee-item .assignee-label .assignee-info{flex:1 1}.assign-task-modal form .assignees-list .assignee-item .assignee-label .assignee-info .assignee-name{color:#1e293b;font-weight:500}.assign-task-modal form .assignees-list .assignee-item .assignee-label .assignee-info .assignee-email{color:#64748b;font-size:.85rem;margin-top:2px}.assign-task-modal form .no-results{color:#64748b;font-style:italic;padding:24px;text-align:center}.assign-task-modal form .role-assignment-row{align-items:center;display:flex;gap:12px;margin-bottom:12px}.assign-task-modal form .role-assignment-row .form-group{flex:1 1;margin-bottom:0}.assign-task-modal form .role-assignment-row .form-group select{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.assign-task-modal form .role-assignment-row .form-group select:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f33;outline:none}.assign-task-modal form .role-assignment-row .form-group select:disabled{background-color:#f1f5f9;cursor:not-allowed}.assign-task-modal form .role-assignment-row .user-select-group{align-items:center;display:flex;position:relative}.assign-task-modal form .role-assignment-row .user-select-group select{flex:1 1;padding-right:44px}.assign-task-modal form .role-assignment-row .user-select-group .selected-user-preview{align-items:center;background-color:#e2e8f0;border-radius:50%;display:flex;height:28px;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;z-index:2}.assign-task-modal form .role-assignment-row .user-select-group .selected-user-preview img{height:100%;object-fit:cover;width:100%}.assign-task-modal form .role-assignment-row .user-select-group .selected-user-preview svg{color:#64748b;height:20px;width:20px}.assign-task-modal form .role-assignment-row .remove-role-button{align-items:center;background-color:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.assign-task-modal form .role-assignment-row .remove-role-button:hover{background-color:#fee2e2;color:#ef4444}.assign-task-modal form .role-assignment-row .remove-role-button:disabled{cursor:not-allowed;opacity:.5}.assign-task-modal form .role-assignment-row .remove-role-button:disabled:hover{background-color:#f1f5f9;color:#64748b}.assign-task-modal form .add-role-button{align-items:center;background-color:#0000;border:1px dashed #cbd5e1;border-radius:8px;color:#51796f;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .2s;width:100%}.assign-task-modal form .add-role-button:hover{background-color:#51796f0d;border-color:#51796f}.assign-task-modal form .add-role-button svg{height:16px;width:16px}.assign-task-modal form .add-role-button:disabled{cursor:not-allowed;opacity:.6}.assign-task-modal form .button-group{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.assign-task-modal form .button-group button{border-radius:8px;cursor:pointer;font-weight:500;padding:10px 24px;transition:all .2s}.assign-task-modal form .button-group button:disabled{cursor:not-allowed;opacity:.6}.assign-task-modal form .button-group .cancel-button{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.assign-task-modal form .button-group .cancel-button:hover:not(:disabled){background-color:#e2e8f0}.assign-task-modal form .button-group .submit-button{background-color:#51796f;border:none;color:#fff}.assign-task-modal form .button-group .submit-button:hover:not(:disabled){background-color:#476a61}@media(max-width:768px){.assign-task-modal .form-row{flex-direction:column;gap:0}.assign-task-modal .assignees-list{max-height:200px}}.reminder-button{background-color:#0065d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:background-color .2s}.reminder-button:hover{background-color:#0058b7}.reminder-button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay .modal-content,.modal-overlay .modal-content.reminder-modal{max-width:800px}.modal-overlay .modal-content .modal-header h3{color:#333}.modal-overlay .modal-content .modal-header .close-button:disabled{color:#ccc;cursor:not-allowed}.modal-overlay .modal-content .modal-body .reminder-info{margin-bottom:20px}.modal-overlay .modal-content .modal-body .reminder-info p{margin-bottom:8px}.modal-overlay .modal-content .modal-body .reminder-info p.note{color:#666;font-size:.9rem;font-style:italic}.modal-overlay .modal-content .modal-body .select-all-container{border-bottom:1px solid #eaeaea;margin-bottom:15px;padding-bottom:10px}.modal-overlay .modal-content .modal-body .select-all-container label{align-items:center;display:flex;font-weight:500}.modal-overlay .modal-content .modal-body .select-all-container label input{margin-right:8px}.modal-overlay .modal-content .modal-body .users-table-container{border:1px solid #eaeaea;border-radius:6px;max-height:400px;overflow-y:auto}.modal-overlay .modal-content .modal-body .users-table-container table.users-table{border-collapse:collapse;width:100%}.modal-overlay .modal-content .modal-body .users-table-container table.users-table td,.modal-overlay .modal-content .modal-body .users-table-container table.users-table th{border-bottom:1px solid #eaeaea;padding:12px 15px;text-align:left}.modal-overlay .modal-content .modal-body .users-table-container table.users-table th{background-color:#f9f9f9;color:#555;font-size:.9rem;font-weight:600;position:sticky;top:0;z-index:1}.modal-overlay .modal-content .modal-body .users-table-container table.users-table th.select-column{width:40px}.modal-overlay .modal-content .modal-body .users-table-container table.users-table tr:last-child td{border-bottom:none}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .user-info{display:flex;flex-direction:column}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .user-info .user-name{font-weight:500;margin-bottom:3px}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .user-info .user-email{color:#777;font-size:.85rem}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .submission-status .badges-container{display:flex;gap:8px;margin-bottom:5px}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .submission-status .status-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .submission-status .status-badge.success{background-color:#e3fcef;color:#0b7a48}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .submission-status .status-badge.warning{background-color:#fff6dd;color:#b78105}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .submission-status .status-badge.danger{background-color:#ffebee;color:#d32f2f}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .submission-status .status-details{color:#777;display:flex;flex-direction:column;font-size:.8rem}.modal-overlay .modal-content .modal-body .users-table-container table.users-table .submission-status .status-details span{margin-bottom:2px}.modal-overlay .modal-content .modal-body .error-message{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:.9rem;margin-bottom:15px;padding:10px 15px}.modal-overlay .modal-content .modal-body .error-message .retry-button{background-color:#0000;border:none;color:#0065d0;cursor:pointer;font-size:.9rem;margin-left:8px;padding:0;text-decoration:underline}.modal-overlay .modal-content .modal-body .error-message .retry-button:hover{color:#0058b7}.modal-overlay .modal-content .modal-body .success-message{background-color:#e3fcef;border-radius:4px;color:#0b7a48;font-size:.9rem;margin-bottom:15px;padding:10px 15px}.modal-overlay .modal-content .modal-footer button:disabled{cursor:not-allowed;opacity:.6}.modal-overlay .modal-content .modal-footer button.cancel-button:hover:not(:disabled){background-color:#e9e9e9}.modal-overlay .modal-content .modal-footer button.send-button{align-items:center;background-color:#0065d0;border:none;color:#fff;display:flex}.modal-overlay .modal-content .modal-footer button.send-button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.modal-overlay .modal-content .modal-footer button.send-button:hover:not(:disabled){background-color:#0058b7}.loading-spinner-small{margin-right:8px;vertical-align:middle}.testing-reports-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-top:20px;width:100%}.testing-reports-container .filters-section{border-bottom:1px solid #eaeaea;padding:20px}.testing-reports-container .filters-section h2{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:15px}.testing-reports-container .filters-section .filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.testing-reports-container .filters-section .filters-row .filter-item{display:flex;flex-direction:column;min-width:180px}.testing-reports-container .filters-section .filters-row .filter-item label{color:#555;font-size:.9rem;margin-bottom:5px}.testing-reports-container .filters-section .filters-row .filter-item input,.testing-reports-container .filters-section .filters-row .filter-item select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px}.testing-reports-container .filters-section .filters-row .filter-item input:focus,.testing-reports-container .filters-section .filters-row .filter-item select:focus{border-color:#4c9aff;box-shadow:0 0 0 2px #4c9aff33;outline:none}.testing-reports-container .filters-section .filters-row .filter-button,.testing-reports-container .filters-section .filters-row .reset-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;height:38px;padding:8px 15px}.testing-reports-container .filters-section .filters-row .filter-button:hover:not(:disabled),.testing-reports-container .filters-section .filters-row .reset-button:hover:not(:disabled){background-color:#e9e9e9}.testing-reports-container .filters-section .filters-row .filter-button:disabled,.testing-reports-container .filters-section .filters-row .reset-button:disabled{cursor:not-allowed;opacity:.6}.testing-reports-container .filters-section .filters-row .filter-button{background-color:#f0f7ff;border-color:#c2dcff;color:#0065d0}.testing-reports-container .filters-section .filters-row .filter-button:hover:not(:disabled){background-color:#e1f0ff}.testing-reports-container .reports-table{overflow-x:auto;padding:0 20px 20px}.testing-reports-container .reports-table table{border-collapse:collapse;margin-top:15px;width:100%}.testing-reports-container .reports-table table td,.testing-reports-container .reports-table table th{border-bottom:1px solid #eaeaea;padding:12px 15px;text-align:left}.testing-reports-container .reports-table table th{color:#555;font-size:.9rem;font-weight:600}.testing-reports-container .reports-table table tr:last-child td{border-bottom:none}.testing-reports-container .reports-table table .assignee-info{display:flex;flex-direction:column}.testing-reports-container .reports-table table .assignee-info .assignee-name{font-weight:500;margin-bottom:3px}.testing-reports-container .reports-table table .assignee-info .assignee-email{color:#777;font-size:.85rem}.testing-reports-container .reports-table table .status-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.testing-reports-container .reports-table table .status-badge.warning{background-color:#fff6dd;color:#b78105}.testing-reports-container .reports-table table .status-badge.info{background-color:#e8f4fd;color:#0c77cc}.testing-reports-container .reports-table table .status-badge.primary{background-color:#e8eaff;color:#3a44c3}.testing-reports-container .reports-table table .status-badge.success{background-color:#e3fcef;color:#0b7a48}.testing-reports-container .reports-table table .status-badge.secondary{background-color:#eeedf2;color:#65638f}.testing-reports-container .reports-table table .games-list{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.testing-reports-container .reports-table table .action-buttons{display:flex;gap:8px}.testing-reports-container .reports-table table .action-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:5px 10px}.testing-reports-container .reports-table table .action-buttons button.view-button{background-color:#f0f2f5;color:#3a3a3a}.testing-reports-container .reports-table table .action-buttons button.view-button:hover{background-color:#e4e6e9}.testing-reports-container .reports-table table .action-buttons button.status-button{background-color:#eef6ff;color:#0065d0}.testing-reports-container .reports-table table .action-buttons button.status-button:hover{background-color:#dceaff}.testing-reports-container .reports-table table .no-reports{color:#777;padding:30px;text-align:center}.testing-reports-container .reports-table .load-more{display:flex;justify-content:center;margin-top:20px}.testing-reports-container .reports-table .load-more .load-more-button{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:.9rem;padding:8px 20px}.testing-reports-container .reports-table .load-more .load-more-button .spinner{animation:spin 1s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#777;height:14px;margin-right:8px;width:14px}.testing-reports-container .reports-table .load-more .load-more-button:hover:not(:disabled){background-color:#e9e9e9}.testing-reports-container .reports-table .load-more .load-more-button:disabled{cursor:not-allowed;opacity:.6}.testing-reports-container .reports-table .loading-more{align-items:center;color:#777;display:flex;font-size:.9rem;justify-content:center;padding:15px}.testing-reports-container .reports-table .loading-more .loading-spinner-small{margin-right:8px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}.loading-container p{color:#666}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.error-container p{color:#d32f2f;margin-bottom:15px}.error-container button{background-color:#0065d0;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px}.error-container button:hover{background-color:#0058b7}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay .modal-content{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-overlay .modal-content.status-modal{max-width:450px}.modal-overlay .modal-content.view-modal{max-width:700px}.modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:15px 20px}.modal-overlay .modal-content .modal-header h3{font-size:1.2rem;margin:0}.modal-overlay .modal-content .modal-header .close-button{background:none;border:none;color:#777;cursor:pointer;font-size:1.5rem}.modal-overlay .modal-content .modal-header .close-button:hover{color:#333}.modal-overlay .modal-content .modal-body{flex:1 1;padding:20px}.modal-overlay .modal-content .modal-body .status-select{margin-top:20px}.modal-overlay .modal-content .modal-body .status-select label{display:block;font-weight:500;margin-bottom:8px}.modal-overlay .modal-content .modal-body .status-select select{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.modal-overlay .modal-content .modal-body .status-select select:focus{border-color:#4c9aff;outline:none}.modal-overlay .modal-content .modal-body .report-details{background-color:#f9f9f9;border-radius:6px;margin-top:20px;padding:15px}.modal-overlay .modal-content .modal-body .report-details p{margin-bottom:8px}.modal-overlay .modal-content .modal-body .report-details p:last-child{margin-bottom:0}.modal-overlay .modal-content .modal-body .report-details .report-content{color:#444;font-size:.9rem;line-height:1.5;margin-bottom:15px;white-space:pre-line}.modal-overlay .modal-content .modal-body .report-details .bug-reports-list{margin:0;padding-left:20px}.modal-overlay .modal-content .modal-body .report-details .bug-reports-list li{margin-bottom:5px}.modal-overlay .modal-content .modal-footer{border-top:1px solid #eaeaea;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.modal-overlay .modal-content .modal-footer button{border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px}.modal-overlay .modal-content .modal-footer button.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.modal-overlay .modal-content .modal-footer button.cancel-button:hover{background-color:#e9e9e9}.modal-overlay .modal-content .modal-footer button.close-button,.modal-overlay .modal-content .modal-footer button.update-button{background-color:#0065d0;border:none;color:#fff}.modal-overlay .modal-content .modal-footer button.close-button:hover,.modal-overlay .modal-content .modal-footer button.update-button:hover{background-color:#0058b7}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:16px;width:16px}.admin-game-testing-container{padding:20px}.admin-game-testing-container .page-heading{border-bottom:1px solid #eaeaea;margin-bottom:20px;padding-bottom:15px}.admin-game-testing-container .page-heading h3{color:#333;font-size:1.5rem;font-weight:600}.admin-game-testing-container .page-heading .d-flex{display:flex}.admin-game-testing-container .page-heading .justify-content-between{justify-content:space-between}.admin-game-testing-container .page-heading .align-items-center{align-items:center}.admin-game-testing-container .page-heading .mb-0{margin-bottom:0}.admin-game-testing-container .admin-game-testing-content{background-color:#f9fafb;border-radius:8px;min-height:calc(100vh - 200px);padding:0}.admin-game-testing-container .placeholder-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:60px 20px;text-align:center}.admin-game-testing-container .placeholder-message .placeholder-icon{color:#0065d0;font-size:3rem;margin-bottom:15px;opacity:.7}.admin-game-testing-container .placeholder-message h2{color:#333;font-size:1.5rem;margin-bottom:15px}.admin-game-testing-container .placeholder-message p{color:#666;line-height:1.6;margin:0 auto;max-width:500px}.approvals-container{padding:20px}.approvals-container .page-header{margin-bottom:25px}.approvals-container .page-header h1{color:#333;font-size:24px;margin:0 0 8px}.approvals-container .page-header p{color:#666;font-size:15px;margin:0}.approvals-container .tabs{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:20px}.approvals-container .tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.approvals-container .tabs .tab:hover{color:#333}.approvals-container .tabs .tab.active{border-bottom-color:#2563eb;color:#2563eb}.approvals-container .tabs .tab .pending-badge{background-color:#ef4444;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:2px 6px}.approvals-container .content-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:20px;min-height:400px;padding:20px}.approvals-container .content-section .loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.approvals-container .content-section .loading-spinner .spinner{animation:spin .8s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#2563eb;height:40px;margin-bottom:15px;width:40px}.approvals-container .content-section .loading-spinner p{color:#666;font-size:15px}.approvals-container .content-section .error-message{background-color:#fee2e2;border-radius:6px;color:#b91c1c;margin:20px 0;padding:15px}.approvals-container .content-section .empty-state{background-color:#f9fafb;border-radius:6px;color:#666;font-size:15px;padding:40px;text-align:center}.approvals-container .content-section .approvals-table{border-collapse:collapse;width:100%}.approvals-container .content-section .approvals-table td,.approvals-container .content-section .approvals-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.approvals-container .content-section .approvals-table th{background-color:#f9fafb;color:#4b5563;font-size:14px;font-weight:600;white-space:nowrap}.approvals-container .content-section .approvals-table tr:hover{background-color:#f9fafb}.approvals-container .content-section .approvals-table .employee-cell .email{color:#666;font-size:13px;margin-top:2px}.approvals-container .content-section .approvals-table .remarks-cell{max-width:200px}.approvals-container .content-section .approvals-table .remarks-cell .remarks-content{font-size:13px;max-height:60px;overflow-y:auto;white-space:pre-line}.approvals-container .content-section .approvals-table .action-buttons{display:flex;flex-wrap:wrap;gap:8px}.approvals-container .content-section .approvals-table .action-buttons a,.approvals-container .content-section .approvals-table .action-buttons button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;padding:6px 12px;text-decoration:none;transition:background-color .2s}.approvals-container .content-section .approvals-table .action-buttons .approve-button{background-color:#10b981;color:#fff}.approvals-container .content-section .approvals-table .action-buttons .approve-button:hover{background-color:#059669}.approvals-container .content-section .approvals-table .action-buttons .reject-button{background-color:#ef4444;color:#fff}.approvals-container .content-section .approvals-table .action-buttons .reject-button:hover{background-color:#dc2626}.approvals-container .content-section .approvals-table .action-buttons .view-doc-button{background-color:#6b7280;color:#fff}.approvals-container .content-section .approvals-table .action-buttons .view-doc-button:hover{background-color:#4b5563}.approvals-container .refresh-section{display:flex;justify-content:center;margin-top:20px}.approvals-container .refresh-section .refresh-button{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.approvals-container .refresh-section .refresh-button:hover:not(:disabled){background-color:#e5e7eb}.approvals-container .refresh-section .refresh-button:disabled{cursor:not-allowed;opacity:.7}.approvals-container .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.approvals-container .modal-overlay .approval-modal{animation:modalFadeIn .3s ease-in-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;max-width:500px;width:90%}.approvals-container .modal-overlay .approval-modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.approvals-container .modal-overlay .approval-modal .modal-header h3{color:#333;font-size:18px;margin:0}.approvals-container .modal-overlay .approval-modal .modal-header .close-button{background:none;border:none;color:#777;cursor:pointer;font-size:24px;transition:color .2s}.approvals-container .modal-overlay .approval-modal .modal-header .close-button:hover{color:#333}.approvals-container .modal-overlay .approval-modal .modal-body{padding:20px}.approvals-container .modal-overlay .approval-modal .modal-body .approval-details p{line-height:1.5;margin:10px 0}.approvals-container .modal-overlay .approval-modal .modal-body .approval-details p strong{color:#4b5563;margin-right:5px}.approvals-container .modal-overlay .approval-modal .modal-body .approval-details .form-group{margin-top:20px}.approvals-container .modal-overlay .approval-modal .modal-body .approval-details .form-group label{color:#4b5563;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.approvals-container .modal-overlay .approval-modal .modal-body .approval-details .form-group textarea{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:10px 12px;resize:vertical;transition:border-color .2s;width:100%}.approvals-container .modal-overlay .approval-modal .modal-body .approval-details .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.approvals-container .modal-overlay .approval-modal .modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.approvals-container .modal-overlay .approval-modal .modal-footer button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s}.approvals-container .modal-overlay .approval-modal .modal-footer button:disabled{cursor:not-allowed;opacity:.7}.approvals-container .modal-overlay .approval-modal .modal-footer button .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.approvals-container .modal-overlay .approval-modal .modal-footer .cancel-button{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.approvals-container .modal-overlay .approval-modal .modal-footer .cancel-button:hover:not(:disabled){background-color:#e5e7eb}.approvals-container .modal-overlay .approval-modal .modal-footer .approve-button{background-color:#10b981;border:none;color:#fff}.approvals-container .modal-overlay .approval-modal .modal-footer .approve-button:hover:not(:disabled){background-color:#059669}.approvals-container .modal-overlay .approval-modal .modal-footer .reject-button{background-color:#ef4444;border:none;color:#fff}.approvals-container .modal-overlay .approval-modal .modal-footer .reject-button:hover:not(:disabled){background-color:#dc2626}.approvals-container .status-filter-group{align-items:center;display:flex;flex-wrap:wrap;margin:20px 0;padding:0 15px}.approvals-container .status-filter-group .filter-label{color:#4b5563;font-size:15px;font-weight:500;margin-right:15px}.approvals-container .status-filter-group .button-group{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-flex;overflow:hidden}.approvals-container .status-filter-group .button-group .btn-group-item{background-color:#fff;border:none;border-right:1px solid #e5e7eb;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;position:relative;transition:all .2s}.approvals-container .status-filter-group .button-group .btn-group-item:last-child{border-right:none}.approvals-container .status-filter-group .button-group .btn-group-item:hover:not(.active){background-color:#f9fafb;color:#374151}.approvals-container .status-filter-group .button-group .btn-group-item.active{background-color:#2563eb;color:#fff;z-index:1}.approvals-container .status-filter-group .button-group .btn-group-item.active .count-badge{color:#ffffffe6}.approvals-container .status-filter-group .button-group .btn-group-item .count-badge{font-size:12px;font-weight:400;margin-left:4px;opacity:.8}.approvals-container .status-filter-group .button-group .btn-group-item:focus{box-shadow:0 0 0 2px #2563eb33;outline:none}.approvals-container .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.approvals-container .status-badge.status-pending{background-color:#fef3c7;color:#d97706}.approvals-container .status-badge.status-approved{background-color:#d1fae5;color:#059669}.approvals-container .status-badge.status-rejected{background-color:#fee2e2;color:#dc2626}.approvals-container .processed-item{opacity:.75}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.registrations-container{padding:20px}.registrations-container .page-header{margin-bottom:25px}.registrations-container .page-header h1{color:#333;font-size:24px;margin:0 0 8px}.registrations-container .page-header p{color:#666;font-size:15px;margin:0}.registrations-container .status-filter-group{align-items:center;display:flex;flex-wrap:wrap;margin:20px 0;padding:0 15px}.registrations-container .status-filter-group .filter-label{color:#4b5563;font-size:15px;font-weight:500;margin-right:15px}.registrations-container .status-filter-group .button-group{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-flex;overflow:hidden}.registrations-container .status-filter-group .button-group .btn-group-item{background-color:#fff;border:none;border-right:1px solid #e5e7eb;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;position:relative;transition:all .2s}.registrations-container .status-filter-group .button-group .btn-group-item:last-child{border-right:none}.registrations-container .status-filter-group .button-group .btn-group-item:hover:not(.active){background-color:#f9fafb;color:#374151}.registrations-container .status-filter-group .button-group .btn-group-item.active{background-color:#2563eb;color:#fff;z-index:1}.registrations-container .status-filter-group .button-group .btn-group-item.active .count-badge{color:#ffffffe6}.registrations-container .status-filter-group .button-group .btn-group-item .count-badge{font-size:12px;font-weight:400;margin-left:4px;opacity:.8}.registrations-container .status-filter-group .button-group .btn-group-item:focus{box-shadow:0 0 0 2px #2563eb33;outline:none}.registrations-container .content-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:20px;min-height:400px;padding:20px}.registrations-container .content-section .loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.registrations-container .content-section .loading-spinner .spinner{animation:spin .8s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#2563eb;height:40px;margin-bottom:15px;width:40px}.registrations-container .content-section .loading-spinner p{color:#666;font-size:15px}.registrations-container .content-section .error-message{background-color:#fee2e2;border-radius:6px;color:#b91c1c;margin:20px 0;padding:15px}.registrations-container .content-section .empty-state{color:#666;font-size:16px;padding:40px;text-align:center}.registrations-container .content-section .registrations-table{border-collapse:collapse;margin-top:10px;width:100%}.registrations-container .content-section .registrations-table td,.registrations-container .content-section .registrations-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.registrations-container .content-section .registrations-table th{background-color:#f9fafb;color:#374151;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.registrations-container .content-section .registrations-table td{color:#4b5563;font-size:14px}.registrations-container .content-section .registrations-table tr:hover{background-color:#f9fafb}.registrations-container .content-section .registrations-table .processed-item{opacity:.7}.registrations-container .content-section .registrations-table .employee-cell .employee-name{color:#1f2937;font-weight:500}.registrations-container .content-section .registrations-table .email-cell .personal-email{color:#6b7280;font-size:12px;margin-top:2px}.registrations-container .content-section .registrations-table .action-buttons{display:flex;flex-wrap:wrap;gap:8px}.registrations-container .content-section .registrations-table .action-buttons button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.registrations-container .content-section .registrations-table .action-buttons button:disabled{cursor:not-allowed;opacity:.5}.registrations-container .content-section .registrations-table .action-buttons button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:12px;width:12px}.registrations-container .content-section .registrations-table .action-buttons .view-btn{background-color:#3b82f6;color:#fff}.registrations-container .content-section .registrations-table .action-buttons .view-btn:hover:not(:disabled){background-color:#2563eb}.registrations-container .content-section .registrations-table .action-buttons .approve-btn{background-color:#10b981;color:#fff}.registrations-container .content-section .registrations-table .action-buttons .approve-btn:hover:not(:disabled){background-color:#059669}.registrations-container .content-section .registrations-table .action-buttons .reject-btn{background-color:#ef4444;color:#fff}.registrations-container .content-section .registrations-table .action-buttons .reject-btn:hover:not(:disabled){background-color:#dc2626}.registrations-container .content-section .registrations-table .action-buttons .delete-btn{background-color:#6b7280;color:#fff}.registrations-container .content-section .registrations-table .action-buttons .delete-btn:hover:not(:disabled){background-color:#4b5563}.registrations-container .refresh-section{margin-top:20px;text-align:center}.registrations-container .refresh-section .refresh-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.registrations-container .refresh-section .refresh-button:hover:not(:disabled){background-color:#2563eb}.registrations-container .refresh-section .refresh-button:disabled{cursor:not-allowed;opacity:.5}.registrations-container .status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.registrations-container .status-badge.pending{background-color:#fef3c7;color:#92400e}.registrations-container .status-badge.approved{background-color:#d1fae5;color:#065f46}.registrations-container .status-badge.rejected{background-color:#fee2e2;color:#991b1b}.registration-detail-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.registration-detail-modal .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.registration-detail-modal .modal-container{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%;z-index:2}.registration-detail-modal .modal-container .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.registration-detail-modal .modal-container .modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.registration-detail-modal .modal-container .modal-header .header-actions{align-items:center;display:flex;gap:10px}.registration-detail-modal .modal-container .modal-header .edit-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.registration-detail-modal .modal-container .modal-header .edit-button:hover:not(:disabled){background-color:#2563eb}.registration-detail-modal .modal-container .modal-header .edit-button:disabled{cursor:not-allowed;opacity:.5}.registration-detail-modal .modal-container .modal-header .close-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.registration-detail-modal .modal-container .modal-header .close-button:hover{color:#374151}.registration-detail-modal .modal-container .modal-body{padding:20px}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section{margin-bottom:30px}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .profile-picture-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;padding:20px}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .profile-picture-section .profile-image-container .profile-image{border:4px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:150px;object-fit:cover;width:150px}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .profile-picture-section .no-image-placeholder{align-items:center;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:50%;display:flex;flex-direction:column;height:150px;justify-content:center;width:150px}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .profile-picture-section .no-image-placeholder .placeholder-icon{font-size:48px;margin-bottom:8px;opacity:.5}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .profile-picture-section .no-image-placeholder p{color:#6b7280;font-size:14px;margin:0;text-align:center}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}@media(max-width:768px){.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid{grid-template-columns:1fr}}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item.full-width{grid-column:1/-1}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item p{color:#6b7280;font-size:14px;margin:0;word-break:break-word}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .edit-input,.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .edit-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .edit-input:focus,.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .edit-input:hover,.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .edit-textarea:hover{border-color:#9ca3af}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .edit-textarea{min-height:80px;resize:vertical}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .bio-content p{color:#6b7280;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.registration-detail-modal .modal-container .modal-body .registration-details .detail-section .detail-grid .detail-item .bio-content p.no-content{color:#9ca3af;font-style:italic}.registration-detail-modal .modal-container .modal-body .registration-details .form-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.registration-detail-modal .modal-container .modal-body .registration-details .form-section h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 15px}.registration-detail-modal .modal-container .modal-body .registration-details .form-section .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.registration-detail-modal .modal-container .modal-body .registration-details .form-section .form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px;resize:vertical;width:100%}.registration-detail-modal .modal-container .modal-body .registration-details .form-section .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.registration-detail-modal .modal-container .modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:20px}.registration-detail-modal .modal-container .modal-footer button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.registration-detail-modal .modal-container .modal-footer button:disabled{cursor:not-allowed;opacity:.5}.registration-detail-modal .modal-container .modal-footer button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.registration-detail-modal .modal-container .modal-footer .cancel-button{background-color:#6b7280;color:#fff}.registration-detail-modal .modal-container .modal-footer .cancel-button:hover:not(:disabled){background-color:#4b5563}.registration-detail-modal .modal-container .modal-footer .save-button{background-color:#10b981;color:#fff}.registration-detail-modal .modal-container .modal-footer .save-button:hover:not(:disabled){background-color:#059669}.registration-detail-modal .modal-container .modal-footer .approve-button{background-color:#10b981;color:#fff}.registration-detail-modal .modal-container .modal-footer .approve-button:hover:not(:disabled){background-color:#059669}.registration-detail-modal .modal-container .modal-footer .reject-button{background-color:#ef4444;color:#fff}.registration-detail-modal .modal-container .modal-footer .reject-button:hover:not(:disabled){background-color:#dc2626}.registration-detail-modal .modal-container .modal-footer .delete-button{background-color:#dc2626;color:#fff}.registration-detail-modal .modal-container .modal-footer .delete-button:hover:not(:disabled){background-color:#b91c1c}.admin-performance-review{margin:0 auto;max-width:1200px;padding:24px}.admin-performance-review .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-performance-review .page-header .header-content h1{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 8px}.admin-performance-review .page-header .header-content p{color:#666;font-size:1rem;margin:0}.admin-performance-review .page-header .action-buttons{display:flex;gap:12px}.admin-performance-review .page-header .action-buttons .action-button{align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .2s}.admin-performance-review .page-header .action-buttons .action-button:hover{border-color:#1890ff;color:#1890ff}.admin-performance-review .page-header .action-buttons .action-button.primary{background-color:#1890ff;border-color:#1890ff;color:#fff}.admin-performance-review .page-header .action-buttons .action-button.primary:hover{background-color:#096dd9;border-color:#096dd9}.admin-performance-review .page-header .action-buttons .action-button .icon{font-size:1.1rem}.admin-performance-review .page-header .action-buttons .action-button:disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#00000040;cursor:not-allowed}.admin-performance-review .page-header .action-buttons .action-button:disabled:hover{background-color:#f5f5f5;border-color:#d9d9d9;color:#00000040}.admin-performance-review .alert{align-items:center;border-radius:6px;display:flex;gap:12px;margin-bottom:24px;padding:12px 16px}.admin-performance-review .alert .icon{flex-shrink:0;font-size:1.2rem}.admin-performance-review .alert p{font-size:.95rem;margin:0}.admin-performance-review .alert.error{background-color:#fff2f0;border:1px solid #ffccc7;color:#cf1322}.admin-performance-review .alert.success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.admin-performance-review .employee-selection{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:16px}.admin-performance-review .employee-selection h2{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 16px}.admin-performance-review .employee-selection .select-container .employee-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 8.825 1.175 4l.875-.875L6 7.075l3.95-3.95.875.875z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d9d9d9;border-radius:4px;color:#333;font-size:.95rem;height:40px;padding:0 12px;width:100%}.admin-performance-review .employee-selection .select-container .employee-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.admin-performance-review .employee-selection .select-container .employee-select option{padding:8px}.admin-performance-review .review-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.admin-performance-review .review-section .section-header{border-bottom:1px solid #f0f0f0;padding:16px}.admin-performance-review .review-section .section-header h2{color:#333;font-size:1.2rem;font-weight:600;margin:0}.admin-performance-review .review-section .no-employee-selected{padding:40px 20px;text-align:center}.admin-performance-review .review-section .no-employee-selected .icon{color:#d9d9d9;font-size:3rem;margin-bottom:16px}.admin-performance-review .review-section .no-employee-selected h3{color:#333;font-size:1.1rem;margin:0 0 8px}.admin-performance-review .review-section .no-employee-selected p{color:#666;font-size:.9rem;margin:0 auto;max-width:500px}.admin-performance-review .tabs-container{margin-top:20px}.admin-performance-review .tabs-container .tabs-header{border-bottom:1px solid #e8e8e8;display:flex}.admin-performance-review .tabs-container .tabs-header .tab{color:#595959;cursor:pointer;font-size:1rem;padding:12px 16px;position:relative;transition:color .3s}.admin-performance-review .tabs-container .tabs-header .tab:hover{color:#1890ff}.admin-performance-review .tabs-container .tabs-header .tab.active{color:#1890ff;font-weight:500}.admin-performance-review .tabs-container .tabs-header .tab.active:after{background-color:#1890ff;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.admin-performance-review .tabs-container .tab-content{padding:20px 0}.admin-performance-review .loading-indicator{align-items:center;display:flex;justify-content:center;padding:40px 0}.admin-performance-review .loading-indicator .spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#1890ff;height:40px;width:40px}@media(max-width:768px){.admin-performance-review{padding:16px}.admin-performance-review .page-header{align-items:flex-start;flex-direction:column;gap:16px}.admin-performance-review .page-header .header-content h1{font-size:1.5rem}.admin-performance-review .page-header .action-buttons{width:100%}.admin-performance-review .page-header .action-buttons .action-button{flex:1 1;justify-content:center}.admin-performance-review .tabs-container .tabs-header{overflow-x:auto;padding-bottom:4px;white-space:nowrap}.admin-performance-review .tabs-container .tabs-header .tab{font-size:.95rem;padding:12px}}.report-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;padding:20px}.report-list .list-title{border-bottom:1px solid #f0f0f0;color:#333;font-size:18px;margin:0 0 16px;padding-bottom:12px}.report-list .empty-state{align-items:center;background-color:#fafafa;border-radius:4px;color:#999;display:flex;font-size:14px;height:200px;justify-content:center;text-align:center}.report-list .reports{flex-grow:1;overflow-y:auto}.report-list .reports .report-item{align-items:flex-start;background-color:#f9f9f9;border-left:3px solid #0000;border-radius:6px;cursor:pointer;display:flex;margin-bottom:12px;padding:16px;transition:all .2s ease}.report-list .reports .report-item:hover{background-color:#f0f0f0}.report-list .reports .report-item.selected{background-color:#e6f7ff;border-left-color:#1890ff}.report-list .reports .report-item .icon{font-size:22px;margin-right:16px;margin-top:4px}.report-list .reports .report-item .icon.reviewed{color:#52c41a}.report-list .reports .report-item .icon.pending{color:#faad14}.report-list .reports .report-item .icon.blank{color:#1890ff}.report-list .reports .report-item .report-details{flex:1 1}.report-list .reports .report-item .report-details .date-range{color:#333;font-size:15px;font-weight:600;margin-bottom:4px}.report-list .reports .report-item .report-details .status{border-radius:12px;display:inline-block;font-size:13px;margin-bottom:8px;padding:2px 8px}.report-list .reports .report-item .report-details .status.reviewed{background-color:#52c41a1a;color:#52c41a}.report-list .reports .report-item .report-details .status.pending{background-color:#faad141a;color:#faad14}.report-list .reports .report-item .report-details .status.blank{background-color:#1890ff1a;color:#1890ff}.report-list .reports .report-item .report-details .meta-info{color:#666;font-size:13px}.report-list .reports .report-item .report-details .meta-info span{display:block;margin-bottom:2px}.report-list-empty,.report-list-loading{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.report-list-empty .loading-spinner,.report-list-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#1890ff;height:40px;margin-bottom:16px;width:40px}.report-list-empty .icon,.report-list-loading .icon{color:#d9d9d9;font-size:2.5rem;margin-bottom:16px}.report-list-empty p,.report-list-loading p{color:#666;font-size:1rem;margin:0}.report-form-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.report-form-container .report-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.report-form-container .report-header .date-range{align-items:center;display:flex;gap:5px}.report-form-container .report-header .date-range .label{color:#555;font-weight:600}.report-form-container .report-header .date-range .value{color:#333}.report-form-container .report-header .status{align-items:center;border-radius:16px;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px}.report-form-container .report-header .status.pending{background-color:#fff8e6;color:#d48806}.report-form-container .report-header .status.reviewed{background-color:#e6ffed;color:#52c41a}.report-form-container .report-header .status.blank{background-color:#f0f2ff;color:#1890ff}.report-form-container .report-header .status .icon{font-size:1rem}.report-form-container .no-report-message{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.report-form-container .no-report-message .icon{color:#d9d9d9;font-size:2.5rem;margin-bottom:12px}.report-form-container .no-report-message p{font-size:1rem;margin:0}.report-form-container .no-report-message p:last-child{color:#999;font-size:.9rem;margin-top:8px}.report-form-container .report-form .form-group{margin-bottom:20px}.report-form-container .report-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.report-form-container .report-form .form-group textarea{border:1px solid #d9d9d9;border-radius:4px;font-family:inherit;font-size:.9rem;min-height:100px;padding:12px;resize:vertical;width:100%}.report-form-container .report-form .form-group textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.report-form-container .report-form .form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.report-form-container .report-form .form-group.admin-review-section{background-color:#f9f9f9;border-left:4px solid #1890ff;border-radius:6px;margin-top:30px;padding:15px}.report-form-container .report-form .form-group.admin-review-section label{color:#333;font-weight:600;margin-bottom:12px}.report-form-container .report-form .form-group.admin-review-section .score-slider input[type=range]{-webkit-appearance:none;background:#e0e0e0;border-radius:3px;height:6px;margin-bottom:15px;outline:none;width:100%}.report-form-container .report-form .form-group.admin-review-section .score-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#1890ff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #1890ff4d;cursor:pointer;height:20px;width:20px}.report-form-container .report-form .form-group.admin-review-section .score-slider input[type=range]::-moz-range-thumb{background:#1890ff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #1890ff4d;cursor:pointer;height:20px;width:20px}.report-form-container .report-form .form-group.admin-review-section .score-slider input[type=range]:disabled{opacity:.6}.report-form-container .report-form .form-group.admin-review-section .score-slider .score-value-display{align-items:center;display:flex;gap:12px;margin-top:8px}.report-form-container .report-form .form-group.admin-review-section .score-slider .score-value-display .score-number{color:#1890ff;font-size:24px;font-weight:700;min-width:45px}.report-form-container .report-form .form-group.admin-review-section .score-slider .score-value-display .score-text{color:#555;font-size:15px;font-weight:500}.report-form-container .report-form .form-row{display:flex;gap:20px;margin-bottom:20px}.report-form-container .report-form .form-row .form-group{flex:1 1;margin-bottom:0}.report-form-container .report-form .form-actions{display:flex;justify-content:flex-end;margin-top:24px}.report-form-container .report-form .form-actions .submit-button{align-items:center;background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.report-form-container .report-form .form-actions .submit-button:hover:not(:disabled){background-color:#096dd9}.report-form-container .report-form .form-actions .submit-button:disabled{cursor:not-allowed;opacity:.6}.report-form-container .report-form .form-actions .submit-button .icon{font-size:1.1rem}.report-form-container .report-form .form-actions .submit-button .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.success-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:450px;overflow-y:auto;padding:0;width:90%}.success-modal .success-modal-header{border-bottom:1px solid #f0f0f0;padding:24px 24px 16px;text-align:center}.success-modal .success-modal-header .success-icon{color:#4caf50;font-size:48px;margin-bottom:12px}.success-modal .success-modal-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.success-modal .success-modal-content{padding:20px 24px}.success-modal .success-modal-content p{color:#666;line-height:1.6;margin:0 0 12px}.success-modal .success-modal-content p:last-child{margin-bottom:0}.success-modal .success-modal-content p strong{color:#4caf50;font-weight:600}.success-modal .success-modal-actions{padding:16px 24px 24px;text-align:center}.success-modal .success-modal-actions .success-modal-button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 32px;transition:all .2s}.success-modal .success-modal-actions .success-modal-button:hover{background:#45a049;transform:translateY(-1px)}.success-modal .success-modal-actions .success-modal-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.report-form-container .report-header{align-items:flex-start;flex-direction:column;gap:10px}.report-form-container .report-form .form-row{flex-direction:column;gap:20px}.success-modal{margin:20px;max-width:95%}}.email-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:600px;width:90%}.email-popup .popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.email-popup .popup-header h3{color:#333;font-size:1.2rem;margin:0}.email-popup .popup-header .close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center}.email-popup .popup-header .close-button:hover{color:#333}.email-popup .email-form{padding:20px}.email-popup .email-form .form-group{margin-bottom:16px}.email-popup .email-form .form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.email-popup .email-form .form-group .employee-select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;font-size:.95rem;height:40px;padding:0 12px;width:100%}.email-popup .email-form .form-group .employee-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.email-popup .email-form .form-group textarea{border:1px solid #d9d9d9;border-radius:4px;font-family:inherit;font-size:.9rem;min-height:100px;padding:12px;resize:vertical;width:100%}.email-popup .email-form .form-group textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.email-popup .email-form .selected-employees{margin-bottom:16px}.email-popup .email-form .selected-employees label{color:#333;display:block;font-weight:500;margin-bottom:8px}.email-popup .email-form .selected-employees .employee-tags{display:flex;flex-wrap:wrap;gap:8px}.email-popup .email-form .selected-employees .employee-tags .employee-tag{align-items:center;background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;color:#1890ff;display:flex;font-size:.85rem;gap:5px;padding:4px 8px}.email-popup .email-form .selected-employees .employee-tags .employee-tag .remove-tag{align-items:center;background:none;border:none;color:#1890ff;cursor:pointer;display:flex;justify-content:center;padding:2px}.email-popup .email-form .selected-employees .employee-tags .employee-tag .remove-tag:hover{color:#096dd9}.email-popup .email-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.email-popup .email-form .form-actions button{border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px}.email-popup .email-form .form-actions button.cancel-button{background-color:#fff;border:1px solid #d9d9d9;color:#333}.email-popup .email-form .form-actions button.cancel-button:hover{background-color:#f5f5f5}.email-popup .email-form .form-actions button.submit-button{background-color:#1890ff;border:1px solid #1890ff;color:#fff}.email-popup .email-form .form-actions button.submit-button:hover:not(:disabled){background-color:#096dd9;border-color:#096dd9}.email-popup .email-form .form-actions button.submit-button:disabled{cursor:not-allowed;opacity:.6}.reminder-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reminder-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.reminder-popup .popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.reminder-popup .popup-header h3{color:#333;font-size:1.2rem;margin:0}.reminder-popup .popup-header .close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center}.reminder-popup .popup-header .close-button:hover{color:#333}.reminder-popup .popup-body{flex:1 1;overflow-y:auto;padding:20px}.reminder-popup .popup-body .info-section{margin-bottom:20px}.reminder-popup .popup-body .info-section p{color:#333;font-size:.95rem;margin:0 0 8px}.reminder-popup .popup-body .info-section .date-range{color:#1890ff;font-size:1rem;margin-bottom:12px}.reminder-popup .popup-body .info-section .info-note{color:#666;font-size:.85rem;font-style:italic}.reminder-popup .popup-body .select-all-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.reminder-popup .popup-body .select-all-row .select-all-text{font-size:.95rem;font-weight:600}.reminder-popup .popup-body .select-all-row .count-badge{background-color:#e6f7ff;border-radius:12px;color:#1890ff;font-size:.85rem;font-weight:500;padding:4px 8px}.reminder-popup .popup-body .employee-list{max-height:400px;overflow-y:auto}.reminder-popup .popup-body .employee-list .employee-item{border-bottom:1px solid #f5f5f5;padding:10px 0}.reminder-popup .popup-body .employee-list .employee-item:last-child{border-bottom:none}.reminder-popup .popup-body .employee-list .employee-item .employee-info{display:flex;flex-direction:column}.reminder-popup .popup-body .employee-list .employee-item .employee-info .employee-name{color:#333;font-weight:500}.reminder-popup .popup-body .employee-list .employee-item .employee-info .employee-email{color:#666;font-size:.85rem}.reminder-popup .popup-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.reminder-popup .popup-footer .cancel-button,.reminder-popup .popup-footer .submit-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px}.reminder-popup .popup-footer .cancel-button:disabled,.reminder-popup .popup-footer .submit-button:disabled{cursor:not-allowed;opacity:.6}.reminder-popup .popup-footer .cancel-button{background-color:#fff;border:1px solid #d9d9d9;color:#666}.reminder-popup .popup-footer .cancel-button:hover:not(:disabled){border-color:#bfbfbf;color:#333}.reminder-popup .popup-footer .submit-button{background-color:#1890ff;border:none;color:#fff}.reminder-popup .popup-footer .submit-button:hover:not(:disabled){background-color:#40a9ff}.reminder-popup .popup-footer .submit-button .icon{font-size:1rem}.reminder-popup .popup-footer .submit-button .loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.checkbox-container{align-items:center;cursor:pointer;display:flex;padding-left:28px;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-container .checkmark{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:3px;height:18px;left:0;position:absolute;width:18px}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-container:hover input~.checkmark{background-color:#e6f7ff;border-color:#1890ff}.checkbox-container input:checked~.checkmark{background-color:#1890ff;border-color:#1890ff}.checkbox-container input:checked~.checkmark:after{display:block}.payslip-form{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:16px}.payslip-form .form-row{gap:20px;margin-bottom:20px}@media(max-width:768px){.payslip-form .form-row{flex-direction:column;gap:10px}}.payslip-form .form-column{flex:1 1}.payslip-form .form-group{margin-bottom:15px}.payslip-form .form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.payslip-form .form-group select{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.payslip-form .form-group select:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.payslip-form .form-group select.error{border-color:#ff4d4f}.payslip-form .form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.payslip-form .date-range-group{display:flex;gap:10px}.payslip-form .date-range-group .form-group{flex:1 1}.payslip-form .section-divider{border-bottom:1px solid #f0f0f0;margin:25px 0 15px;padding-bottom:8px}.payslip-form .section-divider h3{color:#333;font-size:16px;font-weight:500;margin:0}.payslip-form .item-row{margin-bottom:12px;position:relative}.payslip-form .item-row .item-inputs input:first-child{flex:3 1}.payslip-form .item-row .item-inputs input:last-child{flex:1 1}.payslip-form .item-row .remove-button{align-items:center;background:none;border:none;border-radius:4px;color:#ff4d4f;cursor:pointer;display:flex;justify-content:center;margin-left:10px;padding:5px}.payslip-form .item-row .remove-button:hover{background-color:#ff4d4f1a}.payslip-form .item-row .row-error{bottom:-18px;font-size:12px;left:0;position:absolute}.payslip-form .add-button{align-items:center;background-color:#0000;border:1px dashed #d9d9d9;border-radius:4px;color:#51796f;cursor:pointer;display:flex;justify-content:center;margin-bottom:24px;padding:8px 16px;width:100%}.payslip-form .add-button svg{margin-right:8px}.payslip-form .add-button:hover{border-color:#51796f;color:#6a9489}.payslip-form .file-input-wrapper{border:1px solid #d9d9d9;border-radius:4px;display:flex;overflow:hidden;width:100%}.payslip-form .file-input-wrapper .file-name{background-color:#f5f5f5;border-right:1px solid #d9d9d9;color:#666;flex:1 1;font-size:14px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.payslip-form .file-input-wrapper .file-input-label{background-color:#51796f;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:10px 16px;transition:all .3s}.payslip-form .file-input-wrapper .file-input-label:hover{background-color:#6a9489}.payslip-form .file-input-wrapper .file-input-label input[type=file]{display:none}.payslip-form .error-message{color:#ff4d4f;font-size:12px;margin-top:4px}.payslip-form .upload-progress{align-items:center;background-color:#51796f1a;border-radius:4px;display:flex;justify-content:center;margin-bottom:20px;padding:12px}.payslip-form .upload-progress .spinner{animation:spin 1s linear infinite;margin-right:8px}.payslip-form .form-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 18px;transition:all .3s ease}.payslip-form .form-actions button:disabled{cursor:not-allowed;opacity:.6}.payslip-form .form-actions button .icon,.payslip-form .form-actions button .spinner{margin-right:6px}.payslip-form .form-actions button.cancel-button{background-color:#fff;border:1px solid #d9d9d9;color:#666}.payslip-form .form-actions button.cancel-button:hover:not(:disabled){border-color:#51796f;color:#51796f}.payslip-form .form-actions button.submit-button{background-color:#51796f;color:#fff}.payslip-form .form-actions button.submit-button:hover:not(:disabled){background-color:#6a9489}.payslip-form .form-actions button.submit-button .spinner{animation:spin 1s linear infinite}.payslips-container{padding:20px}.payslips-container .payslips-layout{background:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;display:flex;height:calc(100vh - 80px);overflow:hidden}.payslips-container .payslips-layout .employees-sidebar{border-right:1px solid #f0f0f0;display:flex;flex-direction:column;width:280px}.payslips-container .payslips-layout .employees-sidebar .sidebar-header{border-bottom:1px solid #f0f0f0;padding:16px}.payslips-container .payslips-layout .employees-sidebar .sidebar-header h2{color:#000000d9;font-size:16px;margin:0 0 12px}.payslips-container .payslips-layout .employees-sidebar .sidebar-header .search-input{position:relative}.payslips-container .payslips-layout .employees-sidebar .sidebar-header .search-input .search-icon{color:#bfbfbf;font-size:14px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.payslips-container .payslips-layout .employees-sidebar .sidebar-header .search-input input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 8px 8px 30px;width:100%}.payslips-container .payslips-layout .employees-sidebar .sidebar-header .search-input input:focus{border-color:#51796f;box-shadow:0 0 0 2px #51796f33;outline:none}.payslips-container .payslips-layout .employees-sidebar .employees-list{flex:1 1;overflow-y:auto}.payslips-container .payslips-layout .employees-sidebar .employees-list .no-employees{color:#00000073;padding:20px;text-align:center}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item:hover{background-color:#f5f5f5}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item.selected{background-color:#51796f1a}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item .employee-avatar{align-items:center;background-color:#51796f;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:500;height:36px;justify-content:center;margin-right:12px;overflow:hidden;width:36px}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item .employee-avatar.with-photo{background-color:#0000;border:1px solid #f0f0f0}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item .employee-avatar.with-photo img{height:100%;object-fit:cover;width:100%}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item .employee-info{flex:1 1;overflow:hidden}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item .employee-info h3{font-size:14px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item .employee-info p{color:#000000a6;font-size:12px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payslips-container .payslips-layout .employees-sidebar .employees-list .employee-item .employee-info .employee-id{background-color:#f0f0f0;border-radius:10px;color:#000000a6;display:inline-block;font-size:11px;padding:2px 8px}.payslips-container .payslips-layout .payslips-content{display:flex;flex:1 1;flex-direction:column}.payslips-container .payslips-layout .payslips-content .no-selection{align-items:center;color:#00000073;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.payslips-container .payslips-layout .payslips-content .no-selection .icon{color:#51796f;font-size:48px;margin-bottom:16px}.payslips-container .payslips-layout .payslips-content .no-selection h3{font-size:18px;margin:0 0 8px}.payslips-container .payslips-layout .payslips-content .no-selection p{font-size:14px;margin:0}.payslips-container .payslips-layout .payslips-content .content-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 24px}.payslips-container .payslips-layout .payslips-content .content-header .employee-details{align-items:center;display:flex}.payslips-container .payslips-layout .payslips-content .content-header .employee-details .employee-photo{border:1px solid #f0f0f0;border-radius:50%;flex-shrink:0;height:48px;margin-right:16px;overflow:hidden;width:48px}.payslips-container .payslips-layout .payslips-content .content-header .employee-details .employee-photo img{height:100%;object-fit:cover;width:100%}.payslips-container .payslips-layout .payslips-content .content-header .employee-details .employee-photo.placeholder{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center}.payslips-container .payslips-layout .payslips-content .content-header .employee-details .employee-photo.placeholder svg{color:#d9d9d9;font-size:32px}.payslips-container .payslips-layout .payslips-content .content-header .employee-details h2{color:#000000d9;font-size:16px;margin:0 0 4px}.payslips-container .payslips-layout .payslips-content .content-header .employee-details .employee-email{color:#000000a6;font-size:13px;margin:0}.payslips-container .payslips-layout .payslips-content .content-header .add-button{align-items:center;background-color:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:8px 16px;transition:background-color .3s}.payslips-container .payslips-layout .payslips-content .content-header .add-button:hover{background-color:#6a9489}.payslips-container .payslips-layout .payslips-content .content-header .add-button .icon{font-size:14px;margin-right:8px}.payslips-container .payslips-layout .payslips-content .error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;margin:12px 24px;padding:12px 24px}.payslips-container .payslips-layout .payslips-content .payslips-table{flex:1 1;overflow-y:auto;padding:16px 24px}.payslips-container .payslips-layout .payslips-content .payslips-table .loading-indicator,.payslips-container .payslips-layout .payslips-content .payslips-table .no-data{align-items:center;color:#00000073;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.payslips-container .payslips-layout .payslips-content .payslips-table .loading-indicator .spinner{animation:spin 1s linear infinite;font-size:24px;margin-bottom:12px}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container{border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .payslip-table-header{background-color:#fafafa;border-bottom:1px solid #f0f0f0;color:#000000d9;display:flex;font-weight:500}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-body{max-height:500px;overflow-y:auto}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .payslip-table-row{border-bottom:1px solid #f0f0f0;display:flex}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .payslip-table-row:last-child{border-bottom:none}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .payslip-table-row:hover{background-color:#f5f5f5}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell{overflow:hidden;padding:12px 16px;text-overflow:ellipsis;white-space:nowrap}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.date-col,.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.month-col{flex:1 1;min-width:120px}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col{align-items:center;display:flex;flex:2 1;gap:12px;justify-content:flex-end;min-width:220px;padding-right:24px}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col .delete-button,.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col .download-button{align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;min-width:100px;padding:8px 14px;transition:all .3s}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col .delete-button .icon,.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col .download-button .icon{margin-right:6px}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col .download-button{border-color:#51796f;color:#51796f}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col .download-button:hover{background-color:#51796f1a}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col .delete-button{border-color:#ff4d4f;color:#ff4d4f}.payslips-container .payslips-layout .payslips-content .payslips-table .table-container .table-cell.actions-col .delete-button:hover{background-color:#ff4d4f1a}.payslips-container .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payslips-container .modal-overlay .modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;width:500px}.payslips-container .modal-overlay .modal-container .modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 24px}.payslips-container .modal-overlay .modal-container .modal-header h3{color:#000000d9;font-size:16px;margin:0}.payslips-container .modal-overlay .modal-container .modal-header .close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.payslips-container .modal-overlay .modal-container .modal-header .close-button:hover{background-color:#0000000f;color:#333}.payslips-container .modal-overlay .modal-container .modal-header .close-button svg{font-size:18px}.payslips-container .modal-overlay .modal-container .modal-content{background-color:#f9f9f9;border-radius:0 0 8px 8px;overflow-y:auto;padding:24px}.payslips-container .delete-confirm-modal{max-width:420px}.payslips-container .delete-confirm-modal .delete-confirm-content{padding:10px;text-align:center}.payslips-container .delete-confirm-modal .delete-confirm-content .warning-icon{display:flex;justify-content:center;margin-bottom:16px}.payslips-container .delete-confirm-modal .delete-confirm-content .warning-icon svg{color:#ff9800;font-size:42px}.payslips-container .delete-confirm-modal .delete-confirm-content p{color:#333;font-size:16px;margin:0 0 16px}.payslips-container .delete-confirm-modal .delete-confirm-content p.warning-text{color:#ff4d4f;font-size:14px;font-weight:500}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:14px;padding:8px 16px}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button:disabled{cursor:not-allowed;opacity:.6}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button .icon,.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button .spinner{margin-right:8px}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button .spinner{animation:spin 1s linear infinite}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button.cancel-button{background:#fff;border:1px solid #d9d9d9;color:#666}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button.cancel-button:hover:not(:disabled){border-color:#bfbfbf;color:#333}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button.delete-button{background:#ff4d4f;border:1px solid #ff4d4f;color:#fff}.payslips-container .delete-confirm-modal .delete-confirm-content .delete-actions button.delete-button:hover:not(:disabled){background:#ff7875;border-color:#ff7875}.payslip-form .form-row{display:flex;gap:16px;margin-bottom:16px}.payslip-form .form-row .form-col{flex:1 1}.payslip-form .deductions-section,.payslip-form .earnings-section{margin-top:20px}.payslip-form .deductions-section h3,.payslip-form .earnings-section h3{border-bottom:1px solid #f0f0f0;font-size:16px;margin-bottom:16px;padding-bottom:8px}.payslip-form .item-row{align-items:center;display:flex;margin-bottom:10px}.payslip-form .item-row .item-inputs{display:flex;flex:1 1;gap:12px}.payslip-form .item-row .remove-item{margin-left:8px}.payslip-form .add-item-btn{margin-top:10px}.payslip-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.subscriptions-tracker-container{margin:0 auto;max-width:1600px;padding:20px}.subscriptions-tracker-container .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.subscriptions-tracker-container .page-header .header-content h1{color:#51796f;font-size:24px;margin:0 0 4px}.subscriptions-tracker-container .page-header .header-content p{color:#9ca3af;margin:0}.subscriptions-tracker-container .page-header .export-btn{align-items:center;background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:background-color .3s ease}.subscriptions-tracker-container .page-header .export-btn:hover{background-color:#059669}.subscriptions-tracker-container .page-header .export-btn svg{height:16px;width:16px}.subscriptions-tracker-container .filters-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.subscriptions-tracker-container .filters-section .search-filter{flex:1 1;min-width:300px;position:relative}.subscriptions-tracker-container .filters-section .search-filter .search-icon{color:#9ca3af;height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.subscriptions-tracker-container .filters-section .search-filter input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;width:100%}.subscriptions-tracker-container .filters-section .search-filter input:focus{border-color:#51796f;box-shadow:0 0 0 3px #5e72e41a;outline:none}.subscriptions-tracker-container .filters-section .dropdown-filters{display:flex;gap:12px}.subscriptions-tracker-container .filters-section .dropdown-filters select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;min-width:150px;padding:12px}.subscriptions-tracker-container .filters-section .dropdown-filters select:focus{border-color:#51796f;box-shadow:0 0 0 3px #5e72e41a;outline:none}.subscriptions-tracker-container .summary-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.subscriptions-tracker-container .summary-section .summary-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:16px}.subscriptions-tracker-container .summary-section .summary-card h3{color:#9ca3af;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.subscriptions-tracker-container .summary-section .summary-card .summary-value{color:#51796f;font-size:24px;font-weight:700}.subscriptions-tracker-container .summary-section .summary-card .summary-details .summary-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.subscriptions-tracker-container .summary-section .summary-card .summary-details .summary-item:last-child{margin-bottom:0}.subscriptions-tracker-container .summary-section .summary-card .summary-details .summary-item span:first-child{color:#9ca3af}.subscriptions-tracker-container .summary-section .summary-card .summary-details .summary-item span:last-child{color:#4b5563;font-weight:500}.subscriptions-tracker-container .table-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden}.subscriptions-tracker-container .table-section .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px}.subscriptions-tracker-container .table-section .loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #d1d5db;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.subscriptions-tracker-container .table-section .loading-container p{color:#9ca3af;margin:0}.subscriptions-tracker-container .table-section .empty-state{color:#9ca3af;padding:32px;text-align:center}.subscriptions-tracker-container .table-section .table-container{overflow-x:auto}.subscriptions-tracker-container .table-section .table-container .subscriptions-table{border-collapse:collapse;font-size:14px;width:100%}.subscriptions-tracker-container .table-section .table-container .subscriptions-table thead{background-color:#f8faff}.subscriptions-tracker-container .table-section .table-container .subscriptions-table thead th{border-bottom:1px solid #d1d5db;color:#4b5563;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr:hover{background-color:#f8faff}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td{padding:12px 16px;vertical-align:middle}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td.purpose-cell strong{color:#4b5563}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td.amount-cell{color:#51796f;font-weight:600}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .user-info .user-name{color:#4b5563;font-weight:500}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .user-info .emp-id{color:#9ca3af;font-size:12px;margin-left:4px}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .actions{display:flex;gap:8px}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .actions button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .3s ease}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .actions button svg{height:16px;width:16px}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .actions button.view-btn{color:#51796f}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .actions button.view-btn:hover{background-color:#5e72e41a}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .actions button.delete-btn{color:#ef4444}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .actions button.delete-btn:hover:not(:disabled){background-color:#ef44441a}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .actions button.delete-btn:disabled{cursor:not-allowed;opacity:.5}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .file-link-btn{background-color:#0000;border:1px solid #51796f;border-radius:8px;color:#51796f;cursor:pointer;font-size:12px;padding:4px 8px;text-decoration:none;transition:all .3s ease}.subscriptions-tracker-container .table-section .table-container .subscriptions-table tbody tr td .file-link-btn:hover{background-color:#51796f;color:#fff}.subscriptions-tracker-container .table-section .file-link-btn{background-color:#0000;border:1px solid #51796f;border-radius:8px;color:#51796f;cursor:pointer;font-size:14px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.subscriptions-tracker-container .table-section .file-link-btn:hover{background-color:#51796f;color:#fff}.subscriptions-tracker-container .modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.subscriptions-tracker-container .modal-overlay .modal-content{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.subscriptions-tracker-container .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #d1d5db;display:flex;justify-content:space-between;padding:16px 20px}.subscriptions-tracker-container .modal-overlay .modal-content .modal-header h2{color:#4b5563;font-size:18px;margin:0}.subscriptions-tracker-container .modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:24px;padding:4px}.subscriptions-tracker-container .modal-overlay .modal-content .modal-header .close-btn:hover{color:#4b5563}.subscriptions-tracker-container .modal-overlay .modal-content .modal-body{padding:20px}.subscriptions-tracker-container .modal-overlay .modal-content .modal-body .detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.subscriptions-tracker-container .modal-overlay .modal-content .modal-body .detail-grid .detail-item{display:flex;flex-direction:column;gap:4px}.subscriptions-tracker-container .modal-overlay .modal-content .modal-body .detail-grid .detail-item.full-width{grid-column:1/-1}.subscriptions-tracker-container .modal-overlay .modal-content .modal-body .detail-grid .detail-item label{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.subscriptions-tracker-container .modal-overlay .modal-content .modal-body .detail-grid .detail-item span{color:#4b5563;font-size:14px;word-break:break-word}.subscriptions-tracker-container .modal-overlay .modal-content .modal-body .detail-grid .detail-item span.amount{color:#51796f;font-weight:600}@media(max-width:768px){.subscriptions-tracker-container{padding:12px}.subscriptions-tracker-container .page-header{align-items:stretch;flex-direction:column}.subscriptions-tracker-container .filters-section{flex-direction:column}.subscriptions-tracker-container .filters-section .search-filter{min-width:auto}.subscriptions-tracker-container .filters-section .dropdown-filters{flex-direction:column}.subscriptions-tracker-container .filters-section .dropdown-filters select{min-width:auto}.subscriptions-tracker-container .summary-section{grid-template-columns:1fr}.subscriptions-tracker-container .table-container .subscriptions-table{font-size:12px}.subscriptions-tracker-container .table-container .subscriptions-table td,.subscriptions-tracker-container .table-container .subscriptions-table th{padding:8px 12px}.subscriptions-tracker-container .modal-content .modal-body .detail-grid{grid-template-columns:1fr}}.myeliners-tab .myeliners-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.myeliners-tab .myeliners-header .search-container{flex:1 1;max-width:400px}.myeliners-tab .myeliners-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.myeliners-tab .myeliners-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.myeliners-tab .myeliners-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.myeliners-tab .myeliners-header .refresh-button:hover{background-color:#688d82}.myeliners-tab .myeliners-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.myeliners-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.myeliners-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.myeliners-tab .myeliners-table-container{overflow-x:auto}.myeliners-tab .myeliners-table-container .myeliners-table{border-collapse:collapse;font-size:14px;width:100%}.myeliners-tab .myeliners-table-container .myeliners-table td,.myeliners-tab .myeliners-table-container .myeliners-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.myeliners-tab .myeliners-table-container .myeliners-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.myeliners-tab .myeliners-table-container .myeliners-table tbody tr:hover{background-color:#eff4f24d}.myeliners-tab .myeliners-table-container .myeliners-table tbody tr.migrated-row{background-color:#ecfdf580}.myeliners-tab .myeliners-table-container .myeliners-table tbody tr.migrated-row:hover{background-color:#ecfdf5b3}.myeliners-tab .myeliners-table-container .myeliners-table .migrated-badge{background-color:#10b981;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.myeliners-tab .myeliners-table-container .myeliners-table .migrate-button{background-color:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s ease}.myeliners-tab .myeliners-table-container .myeliners-table .migrate-button:hover{background-color:#3d5a53}.myeliners-tab .myeliners-table-container .myeliners-table .migrate-button:disabled{background-color:#9ca3af;cursor:not-allowed}.myeliners-tab .myeliners-table-container .myeliners-table .already-migrated{color:#10b981;font-style:italic}.myeliners-tab .myeliners-table-container .myeliners-table .no-mapping,.myeliners-tab .no-data{color:#9ca3af;font-style:italic}.myeliners-tab .no-data{align-items:center;display:flex;justify-content:center;padding:24px}.additional-details-tab .details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.additional-details-tab .details-header .search-container{flex:1 1;max-width:400px}.additional-details-tab .details-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.additional-details-tab .details-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.additional-details-tab .details-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.additional-details-tab .details-header .refresh-button:hover{background-color:#688d82}.additional-details-tab .details-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.additional-details-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.additional-details-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.additional-details-tab .details-table-container{overflow-x:auto}.additional-details-tab .details-table-container .details-table{border-collapse:collapse;font-size:14px;width:100%}.additional-details-tab .details-table-container .details-table td,.additional-details-tab .details-table-container .details-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.additional-details-tab .details-table-container .details-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.additional-details-tab .details-table-container .details-table tbody tr:hover{background-color:#eff4f24d}.additional-details-tab .details-table-container .details-table tbody tr.migrated-row{background-color:#ecfdf580}.additional-details-tab .details-table-container .details-table tbody tr.migrated-row:hover{background-color:#ecfdf5b3}.additional-details-tab .details-table-container .details-table .migrated-badge{background-color:#10b981;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.additional-details-tab .details-table-container .details-table .migrate-button{background-color:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s ease}.additional-details-tab .details-table-container .details-table .migrate-button:hover{background-color:#3d5a53}.additional-details-tab .details-table-container .details-table .migrate-button:disabled{background-color:#9ca3af;cursor:not-allowed}.additional-details-tab .details-table-container .details-table .already-migrated{color:#10b981;font-style:italic}.additional-details-tab .details-table-container .details-table .no-mapping{color:#9ca3af;font-style:italic}.additional-details-tab .no-data{align-items:center;color:#9ca3af;display:flex;font-style:italic;justify-content:center;padding:24px}.bank-info-tab .bank-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bank-info-tab .bank-info-header .search-container{flex:1 1;max-width:400px}.bank-info-tab .bank-info-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.bank-info-tab .bank-info-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.bank-info-tab .bank-info-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.bank-info-tab .bank-info-header .refresh-button:hover{background-color:#688d82}.bank-info-tab .bank-info-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.bank-info-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.bank-info-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.bank-info-tab .bank-info-table-container{overflow-x:auto}.bank-info-tab .bank-info-table-container .bank-info-table{border-collapse:collapse;font-size:14px;width:100%}.bank-info-tab .bank-info-table-container .bank-info-table td,.bank-info-tab .bank-info-table-container .bank-info-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.bank-info-tab .bank-info-table-container .bank-info-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.bank-info-tab .bank-info-table-container .bank-info-table tbody tr:hover{background-color:#eff4f24d}.bank-info-tab .bank-info-table-container .bank-info-table tbody tr.migrated-row{background-color:#ecfdf580}.bank-info-tab .bank-info-table-container .bank-info-table tbody tr.migrated-row:hover{background-color:#ecfdf5b3}.bank-info-tab .bank-info-table-container .bank-info-table .migrated-badge{background-color:#10b981;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.bank-info-tab .bank-info-table-container .bank-info-table .migrate-button{background-color:#51796f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s ease}.bank-info-tab .bank-info-table-container .bank-info-table .migrate-button:hover{background-color:#3d5a53}.bank-info-tab .bank-info-table-container .bank-info-table .migrate-button:disabled{background-color:#9ca3af;cursor:not-allowed}.bank-info-tab .bank-info-table-container .bank-info-table .already-migrated{color:#10b981;font-style:italic}.bank-info-tab .bank-info-table-container .bank-info-table .no-mapping,.bank-info-tab .no-data{color:#9ca3af;font-style:italic}.bank-info-tab .no-data{align-items:center;display:flex;justify-content:center;padding:24px}.task-comments-tab .comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.task-comments-tab .comments-header .search-container{flex:1 1;max-width:400px}.task-comments-tab .comments-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.task-comments-tab .comments-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.task-comments-tab .comments-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.task-comments-tab .comments-header .refresh-button:hover{background-color:#688d82}.task-comments-tab .comments-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.task-comments-tab .migration-control{align-items:center;background-color:#eff4f2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.task-comments-tab .migration-control .stats{display:flex;flex-wrap:wrap;gap:16px}.task-comments-tab .migration-control .stats .stat-item{align-items:center;display:flex;flex-direction:column}.task-comments-tab .migration-control .stats .stat-item .stat-label{color:#9ca3af;font-size:12px;margin-bottom:4px}.task-comments-tab .migration-control .stats .stat-item .stat-value{color:#3e5d55;font-size:18px;font-weight:600}.task-comments-tab .migration-control .migrate-all-button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.task-comments-tab .migration-control .migrate-all-button:hover{background-color:#3d5a53}.task-comments-tab .migration-control .migrate-all-button:disabled{background-color:#9ca3af;cursor:not-allowed}.task-comments-tab .progress-bar-container{margin-bottom:16px}.task-comments-tab .progress-bar-container .progress-text{color:#3e5d55;font-size:14px;margin-bottom:8px}.task-comments-tab .progress-bar-container .progress-bar-wrapper{background-color:#f9fafb;border-radius:9999px;height:8px;overflow:hidden}.task-comments-tab .progress-bar-container .progress-bar-wrapper .progress-bar{background-color:#51796f;border-radius:9999px;height:100%;transition:width .3s ease}.task-comments-tab .success-message{background-color:#ecfdf5;border-radius:8px;color:#059669;font-weight:500;margin-bottom:16px;padding:12px}.task-comments-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.task-comments-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.task-comments-tab .comments-table-container{overflow-x:auto}.task-comments-tab .comments-table-container .comments-table{border-collapse:collapse;font-size:14px;width:100%}.task-comments-tab .comments-table-container .comments-table td,.task-comments-tab .comments-table-container .comments-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.task-comments-tab .comments-table-container .comments-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.task-comments-tab .comments-table-container .comments-table .comment-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-comments-tab .comments-table-container .comments-table tbody tr:hover{background-color:#eff4f24d}.task-comments-tab .comments-table-container .comments-table tbody tr:hover .comment-cell{overflow:visible;white-space:normal}.task-comments-tab .comments-table-container .comments-table tbody tr.migrated-row{background-color:#ecfdf580}.task-comments-tab .comments-table-container .comments-table tbody tr.migrated-row:hover{background-color:#ecfdf5b3}.task-comments-tab .comments-table-container .comments-table .migrated-badge{background-color:#10b981;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.task-comments-tab .comments-table-container .comments-table .old-email{color:#9ca3af;font-size:10px;margin-top:4px}.task-comments-tab .comments-table-container .comments-table .already-migrated{color:#10b981;font-style:italic}.task-comments-tab .comments-table-container .comments-table .can-migrate{color:#51796f;font-weight:500}.task-comments-tab .comments-table-container .comments-table .no-mapping,.task-comments-tab .no-data{color:#9ca3af;font-style:italic}.task-comments-tab .no-data{align-items:center;display:flex;justify-content:center;padding:24px}.task-attachments-tab .attachments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.task-attachments-tab .attachments-header .search-container{flex:1 1;max-width:400px}.task-attachments-tab .attachments-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.task-attachments-tab .attachments-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.task-attachments-tab .attachments-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.task-attachments-tab .attachments-header .refresh-button:hover{background-color:#688d82}.task-attachments-tab .attachments-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.task-attachments-tab .migration-control{align-items:center;background-color:#eff4f2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.task-attachments-tab .migration-control .stats{display:flex;flex-wrap:wrap;gap:16px}.task-attachments-tab .migration-control .stats .stat-item{align-items:center;display:flex;flex-direction:column}.task-attachments-tab .migration-control .stats .stat-item .stat-label{color:#9ca3af;font-size:12px;margin-bottom:4px}.task-attachments-tab .migration-control .stats .stat-item .stat-value{color:#3e5d55;font-size:18px;font-weight:600}.task-attachments-tab .migration-control .migrate-all-button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.task-attachments-tab .migration-control .migrate-all-button:hover{background-color:#3d5a53}.task-attachments-tab .migration-control .migrate-all-button:disabled{background-color:#9ca3af;cursor:not-allowed}.task-attachments-tab .progress-bar-container{margin-bottom:16px}.task-attachments-tab .progress-bar-container .progress-text{color:#3e5d55;font-size:14px;margin-bottom:8px}.task-attachments-tab .progress-bar-container .progress-bar-wrapper{background-color:#f9fafb;border-radius:9999px;height:8px;overflow:hidden}.task-attachments-tab .progress-bar-container .progress-bar-wrapper .progress-bar{background-color:#51796f;border-radius:9999px;height:100%;transition:width .3s ease}.task-attachments-tab .success-message{background-color:#ecfdf5;border-radius:8px;color:#059669;font-weight:500;margin-bottom:16px;padding:12px}.task-attachments-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.task-attachments-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.task-attachments-tab .attachments-table-container{overflow-x:auto}.task-attachments-tab .attachments-table-container .attachments-table{border-collapse:collapse;font-size:14px;width:100%}.task-attachments-tab .attachments-table-container .attachments-table td,.task-attachments-tab .attachments-table-container .attachments-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.task-attachments-tab .attachments-table-container .attachments-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.task-attachments-tab .attachments-table-container .attachments-table .file-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis}.task-attachments-tab .attachments-table-container .attachments-table .file-cell a{color:#51796f;font-weight:500;text-decoration:none}.task-attachments-tab .attachments-table-container .attachments-table .file-cell a:hover{text-decoration:underline}.task-attachments-tab .attachments-table-container .attachments-table tbody tr:hover{background-color:#eff4f24d}.task-attachments-tab .attachments-table-container .attachments-table tbody tr:hover .file-cell{overflow:visible;white-space:normal}.task-attachments-tab .attachments-table-container .attachments-table tbody tr.migrated-row{background-color:#ecfdf580}.task-attachments-tab .attachments-table-container .attachments-table tbody tr.migrated-row:hover{background-color:#ecfdf5b3}.task-attachments-tab .attachments-table-container .attachments-table .migrated-badge{background-color:#10b981;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.task-attachments-tab .attachments-table-container .attachments-table .old-email{color:#9ca3af;font-size:10px;margin-top:4px}.task-attachments-tab .attachments-table-container .attachments-table .already-migrated{color:#10b981;font-style:italic}.task-attachments-tab .attachments-table-container .attachments-table .can-migrate{color:#51796f;font-weight:500}.task-attachments-tab .attachments-table-container .attachments-table .no-mapping,.task-attachments-tab .no-data{color:#9ca3af;font-style:italic}.task-attachments-tab .no-data{align-items:center;display:flex;justify-content:center;padding:24px}.document-manager-tab .documents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.document-manager-tab .documents-header .search-container{flex:1 1;max-width:400px}.document-manager-tab .documents-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.document-manager-tab .documents-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.document-manager-tab .documents-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.document-manager-tab .documents-header .refresh-button:hover{background-color:#688d82}.document-manager-tab .documents-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.document-manager-tab .migration-control{align-items:center;background-color:#eff4f2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.document-manager-tab .migration-control .stats{display:flex;flex-wrap:wrap;gap:16px}.document-manager-tab .migration-control .stats .stat-item{align-items:center;display:flex;flex-direction:column}.document-manager-tab .migration-control .stats .stat-item .stat-label{color:#9ca3af;font-size:12px;margin-bottom:4px}.document-manager-tab .migration-control .stats .stat-item .stat-value{color:#3e5d55;font-size:18px;font-weight:600}.document-manager-tab .migration-control .migrate-all-button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.document-manager-tab .migration-control .migrate-all-button:hover{background-color:#3d5a53}.document-manager-tab .migration-control .migrate-all-button:disabled{background-color:#9ca3af;cursor:not-allowed}.document-manager-tab .progress-bar-container{margin-bottom:16px}.document-manager-tab .progress-bar-container .progress-text{color:#3e5d55;font-size:14px;margin-bottom:8px}.document-manager-tab .progress-bar-container .progress-bar-wrapper{background-color:#f9fafb;border-radius:9999px;height:8px;overflow:hidden}.document-manager-tab .progress-bar-container .progress-bar-wrapper .progress-bar{background-color:#51796f;border-radius:9999px;height:100%;transition:width .3s ease}.document-manager-tab .success-message{background-color:#ecfdf5;border-radius:8px;color:#059669;font-weight:500;margin-bottom:16px;padding:12px}.document-manager-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.document-manager-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.document-manager-tab .documents-table-container{overflow-x:auto}.document-manager-tab .documents-table-container .documents-table{border-collapse:collapse;font-size:14px;width:100%}.document-manager-tab .documents-table-container .documents-table td,.document-manager-tab .documents-table-container .documents-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left;vertical-align:top}.document-manager-tab .documents-table-container .documents-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.document-manager-tab .documents-table-container .documents-table .file-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis}.document-manager-tab .documents-table-container .documents-table .file-cell a{color:#51796f;font-weight:500;text-decoration:none;word-break:break-all}.document-manager-tab .documents-table-container .documents-table .file-cell a:hover{text-decoration:underline}.document-manager-tab .documents-table-container .documents-table tbody tr:hover{background-color:#eff4f24d}.document-manager-tab .documents-table-container .documents-table tbody tr:hover .file-cell{overflow:visible;white-space:normal}.document-manager-tab .documents-table-container .documents-table tbody tr.migrated-row{background-color:#ecfdf580}.document-manager-tab .documents-table-container .documents-table tbody tr.migrated-row:hover{background-color:#ecfdf5b3}.document-manager-tab .documents-table-container .documents-table .migrated-badge{background-color:#10b981;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.document-manager-tab .documents-table-container .documents-table .old-email{color:#9ca3af;font-size:10px;margin-top:4px;word-break:break-all}.document-manager-tab .documents-table-container .documents-table .already-migrated{color:#10b981;font-style:italic}.document-manager-tab .documents-table-container .documents-table .can-migrate{color:#51796f;font-weight:500}.document-manager-tab .documents-table-container .documents-table .no-mapping,.document-manager-tab .no-data{color:#9ca3af;font-style:italic}.document-manager-tab .no-data{align-items:center;display:flex;justify-content:center;padding:24px}.leaves-tab .leaves-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.leaves-tab .leaves-header .search-container{flex:1 1;max-width:400px}.leaves-tab .leaves-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.leaves-tab .leaves-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.leaves-tab .leaves-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.leaves-tab .leaves-header .refresh-button:hover{background-color:#688d82}.leaves-tab .leaves-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.leaves-tab .migration-control{align-items:center;background-color:#eff4f2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.leaves-tab .migration-control .stats{display:flex;flex-wrap:wrap;gap:16px}.leaves-tab .migration-control .stats .stat-item{align-items:center;display:flex;flex-direction:column}.leaves-tab .migration-control .stats .stat-item .stat-label{color:#9ca3af;font-size:12px;margin-bottom:4px}.leaves-tab .migration-control .stats .stat-item .stat-value{color:#3e5d55;font-size:18px;font-weight:600}.leaves-tab .migration-control .migrate-all-button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.leaves-tab .migration-control .migrate-all-button:hover{background-color:#3d5a53}.leaves-tab .migration-control .migrate-all-button:disabled{background-color:#9ca3af;cursor:not-allowed}.leaves-tab .progress-bar-container{margin-bottom:16px}.leaves-tab .progress-bar-container .progress-text{color:#3e5d55;font-size:14px;margin-bottom:8px}.leaves-tab .progress-bar-container .progress-bar-wrapper{background-color:#f9fafb;border-radius:9999px;height:8px;overflow:hidden}.leaves-tab .progress-bar-container .progress-bar-wrapper .progress-bar{background-color:#51796f;border-radius:9999px;height:100%;transition:width .3s ease}.leaves-tab .success-message{background-color:#eff4f2;border-radius:8px;color:#3e5d55;font-weight:500;margin-bottom:16px;padding:12px}.leaves-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.leaves-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.leaves-tab .leaves-table-container{overflow-x:auto}.leaves-tab .leaves-table-container .leaves-table{border-collapse:collapse;font-size:14px;width:100%}.leaves-tab .leaves-table-container .leaves-table td,.leaves-tab .leaves-table-container .leaves-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left;vertical-align:top}.leaves-tab .leaves-table-container .leaves-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.leaves-tab .leaves-table-container .leaves-table tbody tr:hover{background-color:#eff4f24d}.leaves-tab .leaves-table-container .leaves-table tbody tr.migrated-row{background-color:#eff4f280}.leaves-tab .leaves-table-container .leaves-table tbody tr.migrated-row:hover{background-color:#eff4f2b3}.leaves-tab .leaves-table-container .leaves-table .leave-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.leaves-tab .leaves-table-container .leaves-table .leave-status.approved{background-color:#eff4f2;color:#3e5d55}.leaves-tab .leaves-table-container .leaves-table .leave-status.pending{background-color:#f9fafb;color:#4b5563}.leaves-tab .leaves-table-container .leaves-table .leave-status.rejected{background-color:#d1d5db;color:#4b5563}.leaves-tab .leaves-table-container .leaves-table .leave-status.cancelled{background-color:#e5e7eb;color:#9ca3af}.leaves-tab .leaves-table-container .leaves-table .migrated-badge{background-color:#51796f;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.leaves-tab .leaves-table-container .leaves-table .old-email{color:#9ca3af;font-size:10px;margin-top:4px;word-break:break-all}.leaves-tab .leaves-table-container .leaves-table .already-migrated{color:#51796f;font-style:italic}.leaves-tab .leaves-table-container .leaves-table .can-migrate{color:#3e5d55;font-weight:500}.leaves-tab .leaves-table-container .leaves-table .no-mapping,.leaves-tab .no-data{color:#9ca3af;font-style:italic}.leaves-tab .no-data{align-items:center;display:flex;justify-content:center;padding:24px}.claims-tab .claims-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.claims-tab .claims-header .search-container{flex:1 1;max-width:400px}.claims-tab .claims-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.claims-tab .claims-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.claims-tab .claims-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.claims-tab .claims-header .refresh-button:hover{background-color:#688d82}.claims-tab .claims-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.claims-tab .migration-control{align-items:center;background-color:#eff4f2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.claims-tab .migration-control .stats{display:flex;flex-wrap:wrap;gap:16px}.claims-tab .migration-control .stats .stat-item{align-items:center;display:flex;flex-direction:column}.claims-tab .migration-control .stats .stat-item .stat-label{color:#9ca3af;font-size:12px;margin-bottom:4px}.claims-tab .migration-control .stats .stat-item .stat-value{color:#3e5d55;font-size:18px;font-weight:600}.claims-tab .migration-control .migrate-all-button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.claims-tab .migration-control .migrate-all-button:hover{background-color:#3d5a53}.claims-tab .migration-control .migrate-all-button:disabled{background-color:#9ca3af;cursor:not-allowed}.claims-tab .progress-bar-container{margin-bottom:16px}.claims-tab .progress-bar-container .progress-text{color:#3e5d55;font-size:14px;margin-bottom:8px}.claims-tab .progress-bar-container .progress-bar-wrapper{background-color:#f9fafb;border-radius:9999px;height:8px;overflow:hidden}.claims-tab .progress-bar-container .progress-bar-wrapper .progress-bar{background-color:#51796f;border-radius:9999px;height:100%;transition:width .3s ease}.claims-tab .success-message{background-color:#eff4f2;border-radius:8px;color:#3e5d55;font-weight:500;margin-bottom:16px;padding:12px}.claims-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.claims-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.claims-tab .claims-table-container{overflow-x:auto}.claims-tab .claims-table-container .claims-table{border-collapse:collapse;font-size:14px;width:100%}.claims-tab .claims-table-container .claims-table td,.claims-tab .claims-table-container .claims-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left;vertical-align:top}.claims-tab .claims-table-container .claims-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.claims-tab .claims-table-container .claims-table .employee-name{font-weight:600}.claims-tab .claims-table-container .claims-table .employee-id{color:#9ca3af;font-size:12px;margin-top:4px}.claims-tab .claims-table-container .claims-table .employee-email{font-size:12px;margin-top:4px;word-break:break-all}.claims-tab .claims-table-container .claims-table .file-cell a{border:1px solid #75998f;border-radius:8px;color:#51796f;font-size:12px;padding:4px 8px;text-decoration:none}.claims-tab .claims-table-container .claims-table .file-cell a:hover{background-color:#eff4f2}.claims-tab .claims-table-container .claims-table .claim-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.claims-tab .claims-table-container .claims-table .claim-status.approved{background-color:#eff4f2;color:#3e5d55}.claims-tab .claims-table-container .claims-table .claim-status.pending{background-color:#f9fafb;color:#4b5563}.claims-tab .claims-table-container .claims-table .claim-status.rejected{background-color:#d1d5db;color:#4b5563}.claims-tab .claims-table-container .claims-table .claim-status.cancelled{background-color:#e5e7eb;color:#9ca3af}.claims-tab .claims-table-container .claims-table tbody tr:hover{background-color:#eff4f24d}.claims-tab .claims-table-container .claims-table tbody tr.migrated-row{background-color:#eff4f280}.claims-tab .claims-table-container .claims-table tbody tr.migrated-row:hover{background-color:#eff4f2b3}.claims-tab .claims-table-container .claims-table .migrated-badge{background-color:#51796f;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.claims-tab .claims-table-container .claims-table .old-email{color:#9ca3af;font-size:10px;margin-top:4px;word-break:break-all}.claims-tab .claims-table-container .claims-table .already-migrated{color:#51796f;font-style:italic}.claims-tab .claims-table-container .claims-table .can-migrate{color:#3e5d55;font-weight:500}.claims-tab .claims-table-container .claims-table .no-mapping,.claims-tab .no-data{color:#9ca3af;font-style:italic}.claims-tab .no-data{align-items:center;display:flex;justify-content:center;padding:24px}.payslips-tab .payslips-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.payslips-tab .payslips-header .search-container{flex:1 1;max-width:400px}.payslips-tab .payslips-header .search-container .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:8px 12px;width:100%}.payslips-tab .payslips-header .search-container .search-input:focus{border-color:#51796f;box-shadow:0 0 0 1px #51796f4d;outline:none}.payslips-tab .payslips-header .refresh-button{background-color:#75998f;border:none;border-radius:8px;color:#3e5d55;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.payslips-tab .payslips-header .refresh-button:hover{background-color:#688d82}.payslips-tab .payslips-header .refresh-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.payslips-tab .migration-control{align-items:center;background-color:#eff4f2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.payslips-tab .migration-control .stats{display:flex;flex-wrap:wrap;gap:16px}.payslips-tab .migration-control .stats .stat-item{align-items:center;display:flex;flex-direction:column}.payslips-tab .migration-control .stats .stat-item .stat-label{color:#9ca3af;font-size:12px;margin-bottom:4px}.payslips-tab .migration-control .stats .stat-item .stat-value{color:#3e5d55;font-size:18px;font-weight:600}.payslips-tab .migration-control .migrate-all-button{background-color:#51796f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.payslips-tab .migration-control .migrate-all-button:hover{background-color:#3d5a53}.payslips-tab .migration-control .migrate-all-button:disabled{background-color:#9ca3af;cursor:not-allowed}.payslips-tab .progress-bar-container{margin-bottom:16px}.payslips-tab .progress-bar-container .progress-text{color:#3e5d55;font-size:14px;margin-bottom:8px}.payslips-tab .progress-bar-container .progress-bar-wrapper{background-color:#f9fafb;border-radius:9999px;height:8px;overflow:hidden}.payslips-tab .progress-bar-container .progress-bar-wrapper .progress-bar{background-color:#51796f;border-radius:9999px;height:100%;transition:width .3s ease}.payslips-tab .success-message{background-color:#eff4f2;border-radius:8px;color:#3e5d55;font-weight:500;margin-bottom:16px;padding:12px}.payslips-tab .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:24px}.payslips-tab .loading-container .spinner{animation:spin 1s linear infinite;border:3px solid #51796f4d;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:12px;width:40px}.payslips-tab .payslips-table-container{overflow-x:auto}.payslips-tab .payslips-table-container .payslips-table{border-collapse:collapse;font-size:14px;width:100%}.payslips-tab .payslips-table-container .payslips-table td,.payslips-tab .payslips-table-container .payslips-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left;vertical-align:top}.payslips-tab .payslips-table-container .payslips-table th{background-color:#eff4f2;color:#3e5d55;font-weight:500;position:sticky;top:0}.payslips-tab .payslips-table-container .payslips-table .employee-email{font-size:14px;word-break:break-all}.payslips-tab .payslips-table-container .payslips-table .file-cell a{border:1px solid #75998f;border-radius:8px;color:#51796f;font-size:12px;padding:4px 8px;text-decoration:none}.payslips-tab .payslips-table-container .payslips-table .file-cell a:hover{background-color:#eff4f2}.payslips-tab .payslips-table-container .payslips-table tbody tr:hover{background-color:#eff4f24d}.payslips-tab .payslips-table-container .payslips-table tbody tr.migrated-row{background-color:#eff4f280}.payslips-tab .payslips-table-container .payslips-table tbody tr.migrated-row:hover{background-color:#eff4f2b3}.payslips-tab .payslips-table-container .payslips-table .migrated-badge{background-color:#51796f;border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-left:8px;padding:2px 6px}.payslips-tab .payslips-table-container .payslips-table .old-email{color:#9ca3af;font-size:10px;margin-top:4px;word-break:break-all}.payslips-tab .payslips-table-container .payslips-table .already-migrated{color:#51796f;font-style:italic}.payslips-tab .payslips-table-container .payslips-table .can-migrate{color:#3e5d55;font-weight:500}.payslips-tab .no-data,.payslips-tab .payslips-table-container .payslips-table .no-mapping{color:#9ca3af;font-style:italic}.payslips-tab .no-data{align-items:center;display:flex;justify-content:center;padding:24px}.progress-reports-tab .tab-header{margin-bottom:16px}.progress-reports-tab .tab-header h2{color:#424242;font-size:18px;margin-bottom:8px}.progress-reports-tab .tab-header p{color:#9ca3af}.progress-reports-tab .migration-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.progress-reports-tab .migration-stats .stat-item{background-color:#f9fafb;border-radius:8px;min-width:180px;padding:12px 16px}.progress-reports-tab .migration-stats .stat-item .stat-label{color:#4b5563;display:block;font-size:14px;margin-bottom:4px}.progress-reports-tab .migration-stats .stat-item .stat-value{color:#424242;font-size:18px;font-weight:700}.progress-reports-tab .migration-stats .stat-item:first-child .stat-value{color:#3b82f6}.progress-reports-tab .migration-stats .stat-item:nth-child(2) .stat-value{color:#f59e0b}.progress-reports-tab .migration-stats .stat-item:nth-child(3) .stat-value{color:#10b981}.progress-reports-tab .migration-stats .stat-item:nth-child(4) .stat-value{color:#ef4444}.progress-reports-tab .migration-actions{display:flex;gap:12px;margin-bottom:20px}.progress-reports-tab .migration-actions button{border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.progress-reports-tab .migration-actions button.fetch-btn{background-color:#fff;border:1px solid #51796f;color:#51796f}.progress-reports-tab .migration-actions button.fetch-btn:hover{background-color:#51796f0d}.progress-reports-tab .migration-actions button.migrate-btn{background-color:#51796f;border:1px solid #51796f;color:#fff}.progress-reports-tab .migration-actions button.migrate-btn:hover{background-color:#476a61}.progress-reports-tab .migration-actions button:disabled{cursor:not-allowed;opacity:.5}.progress-reports-tab .error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;margin-bottom:16px;padding:12px}.progress-reports-tab .data-table-container{border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;overflow-x:auto}.progress-reports-tab .data-table-container h3{color:#4b5563;font-size:16px;margin-bottom:12px}.progress-reports-tab .data-table-container .loading-indicator{align-items:center;color:#9ca3af;display:flex;font-style:italic;justify-content:center;min-height:200px;padding:16px}.progress-reports-tab .data-table-container .loading-indicator:before{animation:spinner .8s linear infinite;border:2px solid #eff4f2;border-radius:50%;border-top-color:#51796f;content:"";height:20px;margin-right:8px;width:20px}.progress-reports-tab .data-table-container .data-table{border-collapse:collapse;font-size:14px;min-width:800px;width:100%}.progress-reports-tab .data-table-container .data-table td,.progress-reports-tab .data-table-container .data-table th{border-bottom:1px solid #e5e7eb;padding:8px 12px;text-align:left;white-space:nowrap}.progress-reports-tab .data-table-container .data-table th{background-color:#f9fafb;color:#4b5563;font-weight:500;position:sticky;top:0;z-index:1}.progress-reports-tab .data-table-container .data-table td:first-child,.progress-reports-tab .data-table-container .data-table th:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis}.progress-reports-tab .data-table-container .data-table td:nth-child(6),.progress-reports-tab .data-table-container .data-table th:nth-child(6){min-width:180px}.progress-reports-tab .data-table-container .data-table td:nth-child(7),.progress-reports-tab .data-table-container .data-table th:nth-child(7){min-width:100px}.progress-reports-tab .data-table-container .data-table tr:nth-child(2n){background-color:#f9fafb80}.progress-reports-tab .data-table-container .data-table tr.migrated{background-color:#ecfdf599}.progress-reports-tab .data-table-container .data-table tr.error{background-color:#fee2e299}.progress-reports-tab .data-table-container .data-table tr:hover{background-color:#eff4f280}.progress-reports-tab .data-table-container .data-table .no-data{color:#9ca3af;font-style:italic;padding:16px;text-align:center}.progress-reports-tab .data-table-container .data-table .status-success{color:#10b981;font-weight:500}.progress-reports-tab .data-table-container .data-table .status-error{color:#ef4444;cursor:help;font-weight:500}.progress-reports-tab .data-table-container .data-table .status-pending{color:#f59e0b}.progress-reports-tab .migration-results{background-color:#ecfdf5;border-radius:8px;padding:16px}.progress-reports-tab .migration-results h3{color:#059669;font-size:16px;margin-bottom:12px}.progress-reports-tab .migration-results .results-count{color:#10b981;font-weight:500;margin-bottom:12px}.progress-reports-tab .migration-results .results-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.progress-reports-tab .migration-results .results-list li{border-bottom:1px solid #10b9811a;padding:8px;word-break:break-word}.progress-reports-tab .migration-results .results-list li:last-child{border-bottom:none}.progress-reports-tab .migration-results .results-list li .reviewer-email{color:#059669;font-size:12px;margin-left:8px}.game-testing-tab .tab-header{margin-bottom:16px}.game-testing-tab .tab-header h2{color:#424242;font-size:18px;margin-bottom:8px}.game-testing-tab .tab-header p{color:#9ca3af}.game-testing-tab .migration-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.game-testing-tab .migration-stats .stat-item{background-color:#f9fafb;border-radius:8px;min-width:180px;padding:12px 16px}.game-testing-tab .migration-stats .stat-item .stat-label{color:#4b5563;display:block;font-size:14px;margin-bottom:4px}.game-testing-tab .migration-stats .stat-item .stat-value{color:#424242;font-size:18px;font-weight:700}.game-testing-tab .migration-stats .stat-item:first-child .stat-value{color:#3b82f6}.game-testing-tab .migration-stats .stat-item:nth-child(2) .stat-value{color:#f59e0b}.game-testing-tab .migration-stats .stat-item:nth-child(3) .stat-value{color:#10b981}.game-testing-tab .migration-stats .stat-item:nth-child(4) .stat-value{color:#ef4444}.game-testing-tab .migration-actions{display:flex;gap:12px;margin-bottom:20px}.game-testing-tab .migration-actions button{border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.game-testing-tab .migration-actions button.fetch-btn{background-color:#fff;border:1px solid #51796f;color:#51796f}.game-testing-tab .migration-actions button.fetch-btn:hover{background-color:#51796f0d}.game-testing-tab .migration-actions button.migrate-btn{background-color:#51796f;border:1px solid #51796f;color:#fff}.game-testing-tab .migration-actions button.migrate-btn:hover{background-color:#476a61}.game-testing-tab .migration-actions button:disabled{cursor:not-allowed;opacity:.5}.game-testing-tab .error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;margin-bottom:16px;padding:12px}.game-testing-tab .data-table-container{border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;overflow-x:auto}.game-testing-tab .data-table-container h3{color:#4b5563;font-size:16px;margin-bottom:12px}.game-testing-tab .data-table-container .no-data-message{background-color:#f9fafb;border-radius:8px}.game-testing-tab .data-table-container .loading-indicator,.game-testing-tab .data-table-container .no-data-message{align-items:center;color:#9ca3af;display:flex;font-style:italic;justify-content:center;min-height:200px;padding:16px}.game-testing-tab .data-table-container .loading-indicator:before{animation:spinner .8s linear infinite;border:2px solid #eff4f2;border-radius:50%;border-top-color:#51796f;content:"";height:20px;margin-right:8px;width:20px}.game-testing-tab .data-table-container .data-table{border-collapse:collapse;font-size:14px;min-width:800px;width:100%}.game-testing-tab .data-table-container .data-table td,.game-testing-tab .data-table-container .data-table th{border-bottom:1px solid #e5e7eb;padding:8px 12px;text-align:left;white-space:nowrap}.game-testing-tab .data-table-container .data-table th{background-color:#f9fafb;color:#4b5563;font-weight:500;position:sticky;top:0;z-index:1}.game-testing-tab .data-table-container .data-table td:first-child,.game-testing-tab .data-table-container .data-table th:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis}.game-testing-tab .data-table-container .data-table td:nth-child(6),.game-testing-tab .data-table-container .data-table th:nth-child(6){min-width:180px}.game-testing-tab .data-table-container .data-table td:nth-child(7),.game-testing-tab .data-table-container .data-table th:nth-child(7){min-width:100px}.game-testing-tab .data-table-container .data-table tr:nth-child(2n){background-color:#f9fafb80}.game-testing-tab .data-table-container .data-table tr.migrated{background-color:#ecfdf599}.game-testing-tab .data-table-container .data-table tr.error{background-color:#fee2e299}.game-testing-tab .data-table-container .data-table tr:hover{background-color:#eff4f280}.game-testing-tab .data-table-container .data-table .no-data{color:#9ca3af;font-style:italic;padding:16px;text-align:center}.game-testing-tab .data-table-container .data-table .status-success{color:#10b981;font-weight:500}.game-testing-tab .data-table-container .data-table .status-error{color:#ef4444;cursor:help;font-weight:500}.game-testing-tab .data-table-container .data-table .status-pending{color:#f59e0b}.game-testing-tab .migration-results{background-color:#ecfdf5;border-radius:8px;padding:16px}.game-testing-tab .migration-results h3{color:#059669;font-size:16px;margin-bottom:12px}.game-testing-tab .migration-results .results-count{color:#10b981;font-weight:500;margin-bottom:12px}.game-testing-tab .migration-results .results-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.game-testing-tab .migration-results .results-list li{border-bottom:1px solid #10b9811a;padding:8px;word-break:break-word}.game-testing-tab .migration-results .results-list li:last-child{border-bottom:none}.game-testing-tab .migration-results .results-list li div{margin-bottom:4px}.bug-reports-tab .tab-header{margin-bottom:16px}.bug-reports-tab .tab-header h2{color:#424242;font-size:18px;margin-bottom:8px}.bug-reports-tab .tab-header p{color:#9ca3af}.bug-reports-tab .migration-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.bug-reports-tab .migration-stats .stat-item{background-color:#f9fafb;border-radius:8px;min-width:180px;padding:12px 16px}.bug-reports-tab .migration-stats .stat-item .stat-label{color:#4b5563;display:block;font-size:14px;margin-bottom:4px}.bug-reports-tab .migration-stats .stat-item .stat-value{color:#424242;font-size:18px;font-weight:700}.bug-reports-tab .migration-stats .stat-item:first-child .stat-value{color:#3b82f6}.bug-reports-tab .migration-stats .stat-item:nth-child(2) .stat-value{color:#f59e0b}.bug-reports-tab .migration-stats .stat-item:nth-child(3) .stat-value{color:#10b981}.bug-reports-tab .migration-stats .stat-item:nth-child(4) .stat-value{color:#ef4444}.bug-reports-tab .migration-actions{display:flex;gap:12px;margin-bottom:20px}.bug-reports-tab .migration-actions button{border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.bug-reports-tab .migration-actions button.fetch-btn{background-color:#fff;border:1px solid #51796f;color:#51796f}.bug-reports-tab .migration-actions button.fetch-btn:hover{background-color:#51796f0d}.bug-reports-tab .migration-actions button.migrate-btn{background-color:#51796f;border:1px solid #51796f;color:#fff}.bug-reports-tab .migration-actions button.migrate-btn:hover{background-color:#476a61}.bug-reports-tab .migration-actions button:disabled{cursor:not-allowed;opacity:.5}.bug-reports-tab .error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;margin-bottom:16px;padding:12px}.bug-reports-tab .data-table-container{border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;overflow-x:auto}.bug-reports-tab .data-table-container h3{color:#4b5563;font-size:16px;margin-bottom:12px}.bug-reports-tab .data-table-container .no-data-message{background-color:#f9fafb;border-radius:8px}.bug-reports-tab .data-table-container .loading-indicator,.bug-reports-tab .data-table-container .no-data-message{align-items:center;color:#9ca3af;display:flex;font-style:italic;justify-content:center;min-height:200px;padding:16px}.bug-reports-tab .data-table-container .loading-indicator:before{animation:spinner .8s linear infinite;border:2px solid #eff4f2;border-radius:50%;border-top-color:#51796f;content:"";height:20px;margin-right:8px;width:20px}.bug-reports-tab .data-table-container .data-table{border-collapse:collapse;font-size:14px;min-width:800px;width:100%}.bug-reports-tab .data-table-container .data-table td,.bug-reports-tab .data-table-container .data-table th{border-bottom:1px solid #e5e7eb;padding:8px 12px;text-align:left;white-space:nowrap}.bug-reports-tab .data-table-container .data-table th{background-color:#f9fafb;color:#4b5563;font-weight:500;position:sticky;top:0;z-index:1}.bug-reports-tab .data-table-container .data-table .migration-info{color:#10b981;display:block;font-size:12px;margin-top:4px}.bug-reports-tab .data-table-container .data-table tr:nth-child(2n){background-color:#f9fafb80}.bug-reports-tab .data-table-container .data-table tr.migrated{background-color:#ecfdf599}.bug-reports-tab .data-table-container .data-table tr.error{background-color:#fee2e299}.bug-reports-tab .data-table-container .data-table tr:hover{background-color:#eff4f280}.bug-reports-tab .data-table-container .data-table .no-data{color:#9ca3af;font-style:italic;padding:16px;text-align:center}.bug-reports-tab .data-table-container .data-table .status-success{color:#10b981;font-weight:500}.bug-reports-tab .data-table-container .data-table .status-error{color:#ef4444;cursor:help;font-weight:500}.bug-reports-tab .data-table-container .data-table .status-pending{color:#f59e0b}.bug-reports-tab .migration-results{background-color:#ecfdf5;border-radius:8px;padding:16px}.bug-reports-tab .migration-results h3{color:#059669;font-size:16px;margin-bottom:12px}.bug-reports-tab .migration-results .results-count{color:#10b981;font-weight:500;margin-bottom:12px}.bug-reports-tab .migration-results .results-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.bug-reports-tab .migration-results .results-list li{border-bottom:1px solid #10b9811a;padding:8px;word-break:break-word}.bug-reports-tab .migration-results .results-list li:last-child{border-bottom:none}.bug-reports-tab .migration-results .results-list li .report-title{color:#1f2937;font-weight:500;margin-bottom:8px}.bug-reports-tab .migration-results .results-list li div{margin-bottom:4px}.employee-reward-tab .tab-header{margin-bottom:16px}.employee-reward-tab .tab-header h2{color:#424242;font-size:18px;margin-bottom:8px}.employee-reward-tab .tab-header p{color:#9ca3af}.employee-reward-tab .migration-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.employee-reward-tab .migration-stats .stat-item{background-color:#f9fafb;border-radius:8px;min-width:180px;padding:12px 16px}.employee-reward-tab .migration-stats .stat-item .stat-label{color:#4b5563;display:block;font-size:14px;margin-bottom:4px}.employee-reward-tab .migration-stats .stat-item .stat-value{color:#424242;font-size:18px;font-weight:700}.employee-reward-tab .migration-stats .stat-item:first-child .stat-value{color:#3b82f6}.employee-reward-tab .migration-stats .stat-item:nth-child(2) .stat-value{color:#f59e0b}.employee-reward-tab .migration-stats .stat-item:nth-child(3) .stat-value{color:#10b981}.employee-reward-tab .migration-stats .stat-item:nth-child(4) .stat-value{color:#ef4444}.employee-reward-tab .migration-actions{display:flex;gap:12px;margin-bottom:20px}.employee-reward-tab .migration-actions button{border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.employee-reward-tab .migration-actions button.fetch-btn{background-color:#fff;border:1px solid #51796f;color:#51796f}.employee-reward-tab .migration-actions button.fetch-btn:hover{background-color:#51796f0d}.employee-reward-tab .migration-actions button.migrate-btn{background-color:#51796f;border:1px solid #51796f;color:#fff}.employee-reward-tab .migration-actions button.migrate-btn:hover{background-color:#476a61}.employee-reward-tab .migration-actions button:disabled{cursor:not-allowed;opacity:.5}.employee-reward-tab .error-message{background-color:#fee2e2;border-radius:8px;color:#ef4444;margin-bottom:16px;padding:12px}.employee-reward-tab .data-table-container{border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;overflow-x:auto}.employee-reward-tab .data-table-container h3{color:#4b5563;font-size:16px;margin-bottom:12px}.employee-reward-tab .data-table-container .no-data-message{background-color:#f9fafb;border-radius:8px}.employee-reward-tab .data-table-container .loading-indicator,.employee-reward-tab .data-table-container .no-data-message{align-items:center;color:#9ca3af;display:flex;font-style:italic;justify-content:center;min-height:200px;padding:16px}.employee-reward-tab .data-table-container .loading-indicator:before{animation:spinner .8s linear infinite;border:2px solid #eff4f2;border-radius:50%;border-top-color:#51796f;content:"";height:20px;margin-right:8px;width:20px}@keyframes spinner{to{transform:rotate(1turn)}}.employee-reward-tab .data-table-container .data-table{border-collapse:collapse;font-size:14px;min-width:800px;width:100%}.employee-reward-tab .data-table-container .data-table td,.employee-reward-tab .data-table-container .data-table th{border-bottom:1px solid #e5e7eb;padding:8px 12px;text-align:left;white-space:nowrap}.employee-reward-tab .data-table-container .data-table th{background-color:#f9fafb;color:#4b5563;font-weight:500;position:sticky;top:0;z-index:1}.employee-reward-tab .data-table-container .data-table .migration-info{color:#10b981;display:block;font-size:12px;margin-top:4px}.employee-reward-tab .data-table-container .data-table tr:nth-child(2n){background-color:#f9fafb80}.employee-reward-tab .data-table-container .data-table tr.migrated{background-color:#ecfdf599}.employee-reward-tab .data-table-container .data-table tr.error{background-color:#fee2e299}.employee-reward-tab .data-table-container .data-table tr:hover{background-color:#eff4f280}.employee-reward-tab .data-table-container .data-table .no-data{color:#9ca3af;font-style:italic;padding:16px;text-align:center}.employee-reward-tab .data-table-container .data-table .status-success{color:#10b981;font-weight:500}.employee-reward-tab .data-table-container .data-table .status-error{color:#ef4444;cursor:help;font-weight:500}.employee-reward-tab .data-table-container .data-table .status-pending{color:#f59e0b}.employee-reward-tab .migration-results{background-color:#ecfdf5;border-radius:8px;padding:16px}.employee-reward-tab .migration-results h3{color:#059669;font-size:16px;margin-bottom:12px}.employee-reward-tab .migration-results .results-count{color:#10b981;font-weight:500;margin-bottom:12px}.employee-reward-tab .migration-results .results-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.employee-reward-tab .migration-results .results-list li{border-bottom:1px solid #10b9811a;padding:8px;word-break:break-word}.employee-reward-tab .migration-results .results-list li:last-child{border-bottom:none}.employee-reward-tab .migration-results .results-list li .reward-title{color:#1f2937;font-weight:500;margin-bottom:8px}.employee-reward-tab .migration-results .results-list li div{margin-bottom:4px}.domain-migration-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin:0 auto;max-width:1200px;padding:24px}.domain-migration-container .access-denied{background-color:#fffbeb;border-radius:8px;padding:20px;text-align:center}.domain-migration-container .access-denied h3{color:#d97706;margin-bottom:12px}.domain-migration-container .access-denied p{color:#f59e0b}.domain-migration-container .domain-migration-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.domain-migration-container .domain-migration-header h1{color:#51796f;font-size:20px;margin-bottom:8px}.domain-migration-container .domain-migration-header p{color:#9ca3af;font-size:16px}.domain-migration-container .domain-migration-tabs .tabs-header{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px;overflow-x:auto}.domain-migration-container .domain-migration-tabs .tabs-header .tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.domain-migration-container .domain-migration-tabs .tabs-header .tab-button:hover{color:#51796f}.domain-migration-container .domain-migration-tabs .tabs-header .tab-button.active{border-bottom:2px solid #51796f;color:#51796f;font-weight:500}.domain-migration-container .domain-migration-tabs .tab-content{min-height:300px}.domain-migration-container .domain-migration-tabs .tab-content .tab-content-placeholder{background-color:#f9fafb;border-radius:8px;color:#9ca3af;font-style:italic;padding:24px;text-align:center}.terminate-employees-container{margin:0 auto;max-width:1400px;padding:24px}.terminate-employees-container .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.terminate-employees-container .page-header .header-content h1{color:#4b5563;font-size:24px;font-weight:700;margin-bottom:8px}.terminate-employees-container .page-header .header-content p{color:#9ca3af;font-size:16px}.terminate-employees-container .page-header .header-actions .btn-primary{align-items:center;background:#51796f;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.terminate-employees-container .page-header .header-actions .btn-primary:hover{background:#3d5a53;transform:translateY(-1px)}.terminate-employees-container .page-header .header-actions .btn-primary .icon{height:18px;width:18px}.terminate-employees-container .search-section{margin-bottom:24px}.terminate-employees-container .search-section .search-box{max-width:500px;position:relative}.terminate-employees-container .search-section .search-box .search-icon{color:#9ca3af;height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.terminate-employees-container .search-section .search-box input{background:#fff;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}.terminate-employees-container .search-section .search-box input:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.terminate-employees-container .search-section .search-box input::placeholder{color:#d1d5db}.terminate-employees-container .error-message{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:16px;color:#ef4444;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}.terminate-employees-container .error-message .icon{flex-shrink:0;height:20px;width:20px}.terminate-employees-container .terminated-employees-section{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:24px}.terminate-employees-container .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.terminate-employees-container .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#51796f;height:40px;margin-bottom:16px;width:40px}.terminate-employees-container .loading-container .loading-spinner.small{border-width:2px;height:20px;margin-bottom:0;margin-right:8px;width:20px}.terminate-employees-container .loading-container p{color:#9ca3af;font-size:16px}.terminate-employees-container .no-data{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.terminate-employees-container .no-data .icon{color:#d1d5db;height:64px;margin-bottom:16px;width:64px}.terminate-employees-container .no-data h3{color:#4b5563;font-size:18px;font-weight:600;margin-bottom:8px}.terminate-employees-container .no-data p{color:#9ca3af;font-size:16px}.terminate-employees-container .active-employees-table .table-header{grid-gap:16px;background:#f9fafb;border-radius:4px;color:#4b5563;display:grid;font-size:14px;font-weight:600;gap:16px;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr;letter-spacing:.5px;margin-bottom:8px;padding:16px;text-transform:uppercase}.terminate-employees-container .active-employees-table .table-header .table-cell{align-items:center;display:flex}.terminate-employees-container .active-employees-table .table-body .table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr;padding:16px;transition:all .3s ease}.terminate-employees-container .active-employees-table .table-body .table-row:hover{background:#51796f05}.terminate-employees-container .active-employees-table .table-body .table-row:last-child{border-bottom:none}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell{align-items:center;color:#4b5563;display:flex;font-size:14px}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.name-col .employee-info{align-items:center;display:flex;gap:12px}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.name-col .employee-info .employee-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.name-col .employee-info .employee-avatar.placeholder{align-items:center;background:#51796f;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.name-col .employee-info h4{color:#4b5563;font-size:16px;font-weight:600;margin:0}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.name-col .employee-info p{color:#9ca3af;font-size:14px;margin:0}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.email-col .contact-info,.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.empid-col .contact-info{align-items:center;display:flex;gap:8px}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.email-col .contact-info .icon,.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.empid-col .contact-info .icon{color:#9ca3af;flex-shrink:0;height:16px;width:16px}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.email-col .contact-info span,.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.empid-col .contact-info span{color:#4b5563}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.actions-col .btn-terminate{align-items:center;background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.actions-col .btn-terminate:hover{background:#eb1515;transform:translateY(-1px)}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell.actions-col .btn-terminate .icon{height:16px;width:16px}.terminate-employees-container .terminated-employees-table .table-header{grid-gap:16px;background:#f9fafb;border-radius:4px;color:#4b5563;display:grid;font-size:14px;font-weight:600;gap:16px;grid-template-columns:2fr 2fr 1fr 1fr 2fr 1fr;letter-spacing:.5px;margin-bottom:8px;padding:16px;text-transform:uppercase}.terminate-employees-container .terminated-employees-table .table-header .table-cell{align-items:center;display:flex}.terminate-employees-container .terminated-employees-table .table-body .table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:2fr 2fr 1fr 1fr 2fr 1fr;padding:16px;transition:all .3s ease}.terminate-employees-container .terminated-employees-table .table-body .table-row:hover{background:#51796f05}.terminate-employees-container .terminated-employees-table .table-body .table-row:last-child{border-bottom:none}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell{align-items:center;color:#4b5563;display:flex;font-size:14px}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.name-col .employee-info{align-items:center;display:flex;gap:12px}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.name-col .employee-info .employee-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.name-col .employee-info .employee-avatar.placeholder{align-items:center;background:#9ca3af;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.name-col .employee-info h4{color:#4b5563;font-size:16px;font-weight:600;margin:0}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.name-col .employee-info p{color:#9ca3af;font-size:14px;margin:0}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.date-col .contact-info,.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.email-col .contact-info,.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.empid-col .contact-info{align-items:center;display:flex;gap:8px}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.date-col .contact-info .icon,.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.email-col .contact-info .icon,.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.empid-col .contact-info .icon{color:#9ca3af;flex-shrink:0;height:16px;width:16px}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.date-col .contact-info span,.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.email-col .contact-info span,.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.empid-col .contact-info span{color:#4b5563}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell.reason-col .termination-reason{background:#ef44441a;border-radius:4px;color:#ef4444;font-size:12px;font-weight:500;max-width:200px;overflow:hidden;padding:4px 12px;text-overflow:ellipsis;white-space:nowrap}.terminate-employees-container .modal-overlay{align-items:center;background:#4b556380;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.terminate-employees-container .modal-overlay .modal-content{background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.terminate-employees-container .modal-overlay .modal-content.large{max-height:95vh;max-width:1000px}.terminate-employees-container .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.terminate-employees-container .modal-overlay .modal-content .modal-header h3{color:#4b5563;font-size:18px;font-weight:600;margin:0}.terminate-employees-container .modal-overlay .modal-content .modal-header .modal-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:8px;transition:all .3s ease}.terminate-employees-container .modal-overlay .modal-content .modal-header .modal-close:hover{background:#f9fafb;color:#4b5563}.terminate-employees-container .modal-overlay .modal-content .modal-header .modal-close svg{height:20px;width:20px}.terminate-employees-container .modal-overlay .modal-content .modal-body{padding:24px}.terminate-employees-container .modal-overlay .modal-content .modal-body .employee-details{margin-bottom:24px}.terminate-employees-container .modal-overlay .modal-content .modal-body .employee-details .employee-info{align-items:center;background:#f9fafb;border-radius:16px;display:flex;gap:16px;padding:16px}.terminate-employees-container .modal-overlay .modal-content .modal-body .employee-details .employee-info .employee-avatar{border-radius:50%;height:60px;object-fit:cover;width:60px}.terminate-employees-container .modal-overlay .modal-content .modal-body .employee-details .employee-info .employee-avatar.placeholder{align-items:center;background:#51796f;color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center}.terminate-employees-container .modal-overlay .modal-content .modal-body .employee-details .employee-info h4{color:#4b5563;font-size:18px;font-weight:600;margin:0 0 4px}.terminate-employees-container .modal-overlay .modal-content .modal-body .employee-details .employee-info p{color:#9ca3af;font-size:14px;margin:0}.terminate-employees-container .modal-overlay .modal-content .modal-body .form-group label{color:#4b5563;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.terminate-employees-container .modal-overlay .modal-content .modal-body .form-group textarea{border:2px solid #e5e7eb;border-radius:16px;font-family:inherit;font-size:16px;min-height:100px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.terminate-employees-container .modal-overlay .modal-content .modal-body .form-group textarea:focus{border-color:#51796f;box-shadow:0 0 0 3px #51796f1a;outline:none}.terminate-employees-container .modal-overlay .modal-content .modal-body .form-group textarea::placeholder{color:#d1d5db}.terminate-employees-container .modal-overlay .modal-content .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-cancel,.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-confirm{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-cancel:disabled,.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-confirm:disabled{cursor:not-allowed;opacity:.6}.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-cancel{background:#f9fafb;color:#4b5563}.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-cancel:hover:not(:disabled){background:#e5e7eb}.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-confirm{background:#ef4444;color:#fff}.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-confirm:hover:not(:disabled){background:#eb1515}.terminate-employees-container .modal-overlay .modal-content .modal-footer .btn-confirm .icon{height:18px;width:18px}@media(max-width:1200px){.terminate-employees-container .active-employees-table .table-body .table-row,.terminate-employees-container .active-employees-table .table-header{grid-template-columns:2fr 2fr 1fr 1fr 1fr}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell:last-child,.terminate-employees-container .active-employees-table .table-header .table-cell:last-child{display:none}.terminate-employees-container .terminated-employees-table .table-body .table-row,.terminate-employees-container .terminated-employees-table .table-header{grid-template-columns:2fr 2fr 1fr 1fr 2fr}.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell:last-child,.terminate-employees-container .terminated-employees-table .table-header .table-cell:last-child{display:none}}@media(max-width:768px){.terminate-employees-container{padding:16px}.terminate-employees-container .active-employees-table .table-body .table-row,.terminate-employees-container .active-employees-table .table-header,.terminate-employees-container .terminated-employees-table .table-body .table-row,.terminate-employees-container .terminated-employees-table .table-header{gap:8px;grid-template-columns:1fr}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell,.terminate-employees-container .active-employees-table .table-header .table-cell,.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell,.terminate-employees-container .terminated-employees-table .table-header .table-cell{border-bottom:1px solid #e5e7eb;padding:8px 0}.terminate-employees-container .active-employees-table .table-body .table-row .table-cell:last-child,.terminate-employees-container .active-employees-table .table-header .table-cell:last-child,.terminate-employees-container .terminated-employees-table .table-body .table-row .table-cell:last-child,.terminate-employees-container .terminated-employees-table .table-header .table-cell:last-child{border-bottom:none}.terminate-employees-container .tabs-section .tabs-header{flex-direction:column}.terminate-employees-container .tabs-section .tabs-header .tab-button{border-bottom:1px solid #e5e7eb;border-right:none}.terminate-employees-container .tabs-section .tabs-header .tab-button:last-child{border-bottom:none}.terminate-employees-container .modal-overlay{padding:8px}.terminate-employees-container .modal-overlay .modal-content .modal-body,.terminate-employees-container .modal-overlay .modal-content .modal-footer,.terminate-employees-container .modal-overlay .modal-content .modal-header{padding:16px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.csv-actions-container{display:flex;gap:12px;justify-content:flex-end;margin-bottom:20px}@media(max-width:768px){.csv-actions-container{align-items:stretch;flex-direction:column;gap:8px}}.employees-list-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:24px;padding:16px}.employees-list-container .employees-list-title{border-bottom:1px solid #e5e7eb;color:#51796f;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:12px}.employees-list-container .alert-message,.employees-list-container .error-message,.employees-list-container .loading-indicator,.employees-list-container .no-data-message{align-items:center;color:#9ca3af;display:flex;font-size:16px;justify-content:center;padding:24px}.employees-list-container .error-message{background-color:#fee2e280;border-radius:8px;color:#ef4444;padding:16px}.employees-list-container .alert-message{background-color:#fffbeb80;border-radius:8px;color:#f59e0b;padding:16px}.employees-list-container .employees-list .employees-list-header{background-color:#eff4f2;border-radius:8px 8px 0 0;color:#3e5d55;font-weight:600}.employees-list-container .employees-list .employee-item,.employees-list-container .employees-list .employees-list-header{border-bottom:1px solid #e5e7eb;display:grid;font-size:14px;grid-template-columns:2fr 2fr 1fr 1.5fr 1fr 1fr;padding:12px 16px}.employees-list-container .employees-list .employee-item{transition:background-color .15s ease}.employees-list-container .employees-list .employee-item:hover{background-color:#eff4f24d}.employees-list-container .employees-list .employee-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.employees-list-container .employees-list .employee-item .employee-name{color:#1f2937;font-weight:500}.employees-list-container .employees-list .employee-item .employee-email{position:relative}.employees-list-container .employees-list .employee-item .employee-email .email-migrated-badge{background-color:#10b981;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:-8px;text-transform:uppercase;top:-8px}.employees-list-container .employees-list .employee-item .employee-type{text-transform:capitalize}.employees-list-container .employees-list .employee-item .employee-type:first-letter{color:#51796f}.employees-list-container .employees-list .employee-item .employee-department{color:#9ca3af}.employees-list-container .employees-list .employee-item .employee-status{background-color:#ecfdf5;border-radius:9999px;color:#10b981;font-size:12px;font-weight:500;padding:4px 8px;text-align:center;text-transform:capitalize;width:fit-content}.employees-list-container .employees-list .employee-item .employee-status.inactive{background-color:#d1d5db;color:#1f2937}.employees-list-container .employees-list .employee-item .employee-status.suspended{background-color:#fee2e2;color:#ef4444}.employees-list-container .employees-list .employee-item .employee-status.pending{background-color:#fffbeb;color:#f59e0b}.employees-list-container .employees-list .employee-item .employee-actions{display:flex;gap:8px}.employees-list-container .employees-list .employee-item .employee-actions .view-profile-btn{background-color:#51796f;border-radius:8px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-decoration:none;transition:background-color .15s ease}.employees-list-container .employees-list .employee-item .employee-actions .view-profile-btn:hover{background-color:#3d5a53}.employees-list-container .employees-list .employee-item .employee-actions .migrate-email-btn{background-color:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.employees-list-container .employees-list .employee-item .employee-actions .migrate-email-btn:hover{background-color:#4338ca}.employees-list-container .employees-list .employee-item .employee-actions .migrate-email-btn:disabled{background-color:#9ca3af;cursor:not-allowed}@media(max-width:768px){.employees-list-container .employees-list .employee-item,.employees-list-container .employees-list .employees-list-header{grid-template-columns:1fr 1.5fr 1fr 1fr}.employees-list-container .employees-list .employee-item .employee-department,.employees-list-container .employees-list .employee-item .employee-status,.employees-list-container .employees-list .employees-list-header .employee-department,.employees-list-container .employees-list .employees-list-header .employee-status{display:none}}@media(max-width:480px){.employees-list-container .employees-list .employee-item,.employees-list-container .employees-list .employees-list-header{grid-template-columns:1fr 1fr 1fr}.employees-list-container .employees-list .employee-item .employee-type,.employees-list-container .employees-list .employees-list-header .employee-type{display:none}}.csv-export-container{display:flex;justify-content:flex-end}.csv-export-container .csv-export-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.csv-export-container .csv-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.csv-export-container .csv-export-btn:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.csv-export-container .csv-export-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.csv-export-container .csv-export-btn:focus{box-shadow:0 0 0 3px #4caf504d;outline:none}.csv-upload-container{display:flex;justify-content:flex-end}.csv-upload-container .csv-upload-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.csv-upload-container .csv-upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.csv-upload-container .csv-upload-btn:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.csv-upload-container .csv-upload-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.csv-upload-container .csv-upload-btn:focus{box-shadow:0 0 0 3px #2196f34d;outline:none}.csv-preview-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.csv-preview-modal .csv-preview-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;width:1200px}.csv-preview-modal .csv-preview-content .preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.csv-preview-modal .csv-preview-content .preview-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.csv-preview-modal .csv-preview-content .preview-header .close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s ease}.csv-preview-modal .csv-preview-content .preview-header .close-btn:hover{background:#e0e0e0;color:#333}.csv-preview-modal .csv-preview-content .preview-summary{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px 24px}.csv-preview-modal .csv-preview-content .preview-summary .summary-stats{display:flex;gap:20px}.csv-preview-modal .csv-preview-content .preview-summary .summary-stats .stat{border-radius:20px;font-size:14px;font-weight:600;padding:8px 16px}.csv-preview-modal .csv-preview-content .preview-summary .summary-stats .stat.valid{background:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.csv-preview-modal .csv-preview-content .preview-summary .summary-stats .stat.invalid{background:#ffeaea;border:1px solid #f44336;color:#c62828}.csv-preview-modal .csv-preview-content .preview-summary .summary-stats .stat.existing{background:#fff3e0;border:1px solid #ff9800;color:#ef6c00}.csv-preview-modal .csv-preview-content .preview-sections{flex:1 1;overflow-y:auto;padding:20px 24px}.csv-preview-modal .csv-preview-content .preview-sections .section{margin-bottom:30px}.csv-preview-modal .csv-preview-content .preview-sections .section:last-child{margin-bottom:0}.csv-preview-modal .csv-preview-content .preview-sections .section h4{font-size:16px;font-weight:600;margin:0 0 16px}.csv-preview-modal .csv-preview-content .preview-sections .section h4.valid-section h4{color:#2e7d32}.csv-preview-modal .csv-preview-content .preview-sections .section h4.invalid-section h4{color:#c62828}.csv-preview-modal .csv-preview-content .preview-sections .section h4.existing-section h4{color:#ef6c00}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table{border-collapse:collapse;font-size:14px;width:100%}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table thead{background:#f5f5f5}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table thead th{border-bottom:1px solid #e0e0e0;color:#333;font-weight:600;padding:12px 16px;text-align:left}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table tbody tr:nth-child(2n){background:#fafafa}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table tbody tr:hover{background:#f0f0f0}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table tbody tr td{border-bottom:1px solid #e0e0e0;padding:12px 16px}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table tbody tr td:last-child{border-right:none}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table tbody tr td.error-cell{color:#c62828;font-size:13px}.csv-preview-modal .csv-preview-content .preview-sections .section.valid-section .table-container{border-color:#4caf50}.csv-preview-modal .csv-preview-content .preview-sections .section.invalid-section .table-container{border-color:#f44336}.csv-preview-modal .csv-preview-content .preview-sections .section.existing-section .table-container{border-color:#ff9800}.csv-preview-modal .csv-preview-content .preview-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.csv-preview-modal .csv-preview-content .preview-actions .cancel-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.csv-preview-modal .csv-preview-content .preview-actions .cancel-btn:hover:not(:disabled){background:#e0e0e0;color:#333}.csv-preview-modal .csv-preview-content .preview-actions .cancel-btn:disabled{cursor:not-allowed;opacity:.5}.csv-preview-modal .csv-preview-content .preview-actions .confirm-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.csv-preview-modal .csv-preview-content .preview-actions .confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40)}.csv-preview-modal .csv-preview-content .preview-actions .confirm-btn:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.csv-upload-container{justify-content:center;margin-left:0}.csv-preview-modal{padding:10px}.csv-preview-modal .csv-preview-content{max-height:95vh;width:100%}.csv-preview-modal .csv-preview-content .preview-actions,.csv-preview-modal .csv-preview-content .preview-header,.csv-preview-modal .csv-preview-content .preview-sections,.csv-preview-modal .csv-preview-content .preview-summary{padding:16px}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container{overflow-x:auto}.csv-preview-modal .csv-preview-content .preview-sections .section .table-container table{min-width:600px}.csv-preview-modal .csv-preview-content .summary-stats{flex-direction:column;gap:8px}.csv-preview-modal .csv-preview-content .summary-stats .stat{text-align:center}.csv-preview-modal .csv-preview-content .preview-actions{flex-direction:column}.csv-preview-modal .csv-preview-content .preview-actions .cancel-btn,.csv-preview-modal .csv-preview-content .preview-actions .confirm-btn{width:100%}}
/*# sourceMappingURL=main.c5c46a70.css.map*/