@import"https://fonts.googleapis.com/icon?family=Material+Icons";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table\!{display:table!important}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-100{width:calc(var(--spacing) * 100)}.shrink{flex-shrink:1}.flex-grow-1,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.p-2{padding:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\!outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}.css-12tjcea-MuiInputBase-input-MuiOutlinedInput-input{padding:.75rem .875rem;font-size:.875rem!important}.css-i6o5lg-MuiGrid-root{flex-flow:wrap!important;display:flex!important}.css-1m5tqqe{width:100%!important}.css-i6o5lg-MuiGrid-root>*{width:48%!important}.css-oq3wmw-MuiGrid-root{flex-flow:wrap!important;display:flex!important}.css-17fpwt7-MuiGrid-root{width:48%!important}.integration-container{background-image:url(/assets/home-integration-DUhNyW1-.webp);background-position:50%;background-repeat:no-repeat;max-width:62.5rem;height:31.25rem;background-size:contain!important;margin:0 auto!important}@media(max-width:1024px){.css-12tjcea-MuiInputBase-input-MuiOutlinedInput-input{padding:.625rem .75rem;font-size:.8125rem!important}.css-i6o5lg-MuiGrid-root>*,.css-17fpwt7-MuiGrid-root{width:47%!important}.integration-container{max-width:90%;height:25rem}}@media(max-width:768px){.css-i6o5lg-MuiGrid-root{flex-direction:column!important}.css-i6o5lg-MuiGrid-root>*{width:100%!important}.css-oq3wmw-MuiGrid-root{flex-direction:column!important}.css-17fpwt7-MuiGrid-root{width:100%!important}.integration-container{height:20rem}}@media(max-width:480px){.css-12tjcea-MuiInputBase-input-MuiOutlinedInput-input{padding:.5rem .625rem;font-size:.75rem!important}.integration-container{height:15rem}}:root{--ciis-primary:#2563eb;--ciis-primary-dark:#1d4ed8;--ciis-secondary:#06b6d4;--ciis-accent:#8b5cf6;--ciis-success:#10b981;--ciis-warning:#f59e0b;--ciis-error:#ef4444;--ciis-light:#f8fafc;--ciis-lighter:#f1f5f9;--ciis-text:#475569;--ciis-text-light:#64748b;--ciis-dark:#1e293b;--ciis-darker:#0f172a;--ciis-white:#fff;--ciis-border:#e2e8f0;--ciis-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--ciis-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--ciis-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;max-width:100%;position:relative;overflow-x:hidden}.ciis-app{color:var(--ciis-text);width:100%;max-width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.ciis-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--ciis-border);z-index:1000;background:#fffffff2;width:100%;padding:1rem 0;position:fixed;top:0;left:0;right:0}.ciis-header-container{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:100%;margin:0 auto;padding:0 1.5rem;display:flex}.ciis-logo-section{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.ciis-logo-placeholder{align-items:center;gap:.5rem;font-size:clamp(.875rem,3vw,1.25rem);font-weight:700;display:flex;position:relative}.ciis-logo-image{object-fit:contain;width:auto;height:35px;display:block}.ciis-nav{display:none}.ciis-login-btn{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);color:var(--ciis-white);cursor:pointer;box-shadow:var(--ciis-shadow);white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .3s}.ciis-login-btn:hover{box-shadow:var(--ciis-shadow-lg);transform:translateY(-2px)}.ciis-hero{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 35%,var(--ciis-accent) 70%,var(--ciis-primary-dark) 100%);min-height:100vh;color:var(--ciis-white);align-items:center;width:100%;padding:80px 0 40px;display:flex;position:relative;overflow:hidden}.ciis-hero-background{width:100%;position:absolute;inset:0;overflow:hidden}.ciis-hero-radial-light-1{filter:blur(20px);background:radial-gradient(circle,#ffffff26,#ffffff0d 50%,#fff0 70%);width:60%;height:60%;animation:8s ease-in-out infinite ciis-pulse-1;position:absolute;top:-20%;right:-10%}.ciis-hero-radial-light-2{filter:blur(25px);background:radial-gradient(circle,#ffffff1a,#ffffff08 50%,#fff0 70%);width:80%;height:80%;animation:12s ease-in-out infinite ciis-pulse-2;position:absolute;bottom:-30%;left:-20%}.ciis-hero-gradient-overlay{background:radial-gradient(circle at 20% 80%,#7877c64d,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c626,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33,#0000 50%);animation:16s ease-in-out infinite alternate ciis-gradient-shift;position:absolute;inset:0}.ciis-hero-floating-shape{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;animation:6s ease-in-out infinite ciis-float;position:absolute}.ciis-floating-1{background:radial-gradient(circle,#fff3,#ffffff0d 70%);width:60px;height:60px;animation-delay:0s;top:20%;left:10%}.ciis-floating-2{background:#ffffff14;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:45px;height:45px;animation-delay:2s;bottom:30%;right:15%}.ciis-floating-3{background:#ffffff1f;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:50px;height:50px;animation-delay:4s;top:60%;left:80%}.ciis-floating-4{border-radius:40% 60% 60% 40%/40% 40% 60% 60%;width:35px;height:35px;animation-delay:1s;top:40%;left:5%}.ciis-floating-5{border-radius:70% 30% 30% 70%/70% 70% 30% 30%;width:55px;height:55px;animation-delay:3s;bottom:20%;right:5%}@keyframes ciis-float{0%,to{transform:translateY(0)rotate(0)scale(1)}33%{transform:translateY(-20px)rotate(120deg)scale(1.05)}66%{transform:translateY(-10px)rotate(240deg)scale(.95)}}@keyframes ciis-pulse-1{0%,to{opacity:.4;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.1)rotate(180deg)}}@keyframes ciis-pulse-2{0%,to{opacity:.3;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(1.05)rotate(-180deg)}}@keyframes ciis-gradient-shift{0%{opacity:.8;transform:scale(1)rotate(0)}to{opacity:1;transform:scale(1.2)rotate(10deg)}}.ciis-hero-container{z-index:2;width:100%;max-width:100%;margin:0 auto;padding:0 1rem;position:relative}.ciis-hero-content{text-align:center;width:100%;max-width:min(1200px,100%);margin:0 auto;position:relative}.ciis-hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ciis-white);white-space:nowrap;background:#fff3;border:1px solid #fff6;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.6rem 1.2rem;font-size:.8rem;font-weight:700;animation:3s ease-in-out infinite ciis-badge-pulse;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.ciis-hero-badge:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ciis-hero-title{letter-spacing:-.02em;width:100%;margin-bottom:1.5rem;font-size:clamp(3rem,7vw,4rem);font-weight:900;line-height:1.1}.ciis-hero-main{-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #ffffff4d,0 8px 32px #fff3;background:linear-gradient(135deg,#fff,#e0f2fe 30%,#f0f4ff 70%,#fff);-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite ciis-text-shimmer;display:block;position:relative}.ciis-hero-subtitle{opacity:.95;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e0f2fe,#f0f4ff);-webkit-background-clip:text;background-clip:text;margin-top:.5rem;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;display:block}@keyframes ciis-text-shimmer{0%,to{background-position:-200%}50%{background-position:200%}}.ciis-hero-description{opacity:.95;text-shadow:0 2px 8px #0000001a;width:100%;max-width:min(700px,100%);margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,3vw,1.3rem);font-weight:500;line-height:1.7}.ciis-feature-chips{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;max-width:100%;margin-bottom:3rem;display:flex;position:relative}.ciis-feature-chip{color:var(--ciis-white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap;background:#ffffff26;border:1px solid #fff6;border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}.ciis-feature-chip:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.ciis-feature-chip:hover{background:#ffffff40;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 32px #fff3,0 4px 16px #00000026}.ciis-hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;max-width:100%;margin-bottom:3rem;display:flex;position:relative}.ciis-hero-btn{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:12px;flex:1;min-width:160px;max-width:280px;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ciis-primary-btn{background:linear-gradient(135deg,var(--ciis-white) 0%,#f0f4ff 100%);color:var(--ciis-primary);border:1px solid #ffffff4d;box-shadow:0 8px 32px #fff3,0 4px 16px #0000001a}.ciis-primary-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ciis-primary-btn:hover{background:linear-gradient(135deg,#fff,#e6f0ff);transform:translateY(-3px)scale(1.05);box-shadow:0 12px 40px #ffffff4d,0 8px 24px #00000026}.ciis-secondary-btn{color:var(--ciis-white);background:#ffffff26;border:1px solid #fff6;box-shadow:0 4px 16px #0000001a}.ciis-secondary-btn:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 8px 32px #fff3,0 4px 16px #00000026}.ciis-trust-indicators{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:100%;padding:2rem 0;display:flex;position:relative}.ciis-trust-indicators:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ciis-trust-item{opacity:.95;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.ciis-stars{color:#fbbf24;letter-spacing:2px;font-size:1.1rem}@media(max-width:768px){.ciis-hero{padding:100px 0 60px}.ciis-hero-actions{flex-direction:column;align-items:center}.ciis-hero-btn{width:100%;max-width:300px}.ciis-feature-chips{gap:.5rem}.ciis-feature-chip{padding:.5rem 1rem;font-size:.8rem}.ciis-trust-indicators{gap:1rem}.ciis-trust-item{font-size:.8rem}}@media(max-width:480px){.ciis-hero-title{font-size:clamp(2.5rem,8vw,3rem)}.ciis-hero-subtitle{font-size:clamp(1.3rem,5vw,1.8rem)}.ciis-feature-chips{justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}}.ciis-section-container{width:100%;max-width:min(1200px,100%);margin:0 auto;padding:0 1rem}.ciis-section-header{text-align:center;width:100%;max-width:100%;margin-bottom:3rem}.ciis-section-title{color:var(--ciis-dark);width:100%;max-width:100%;margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800}.ciis-section-description{color:var(--ciis-text-light);width:100%;max-width:min(600px,100%);margin:0 auto 1rem;font-size:clamp(.9rem,3vw,1.1rem);line-height:1.6}.ciis-powerful-features{background:var(--ciis-white);width:100%;padding:3rem 0;overflow:hidden}.ciis-powerful-features-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;width:100%;max-width:100%;display:grid}.ciis-powerful-feature-card{background:var(--ciis-white);border:1px solid var(--ciis-border);text-align:center;border-radius:16px;width:100%;max-width:100%;padding:1.5rem 1rem;transition:all .3s;position:relative;overflow:hidden}.ciis-powerful-feature-card:before{content:"";background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.ciis-powerful-feature-card:hover{box-shadow:var(--ciis-shadow-xl);border-color:var(--ciis-primary);transform:translateY(-8px)}.ciis-powerful-feature-icon{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);width:50px;height:50px;color:var(--ciis-white);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;transition:all .3s;display:flex}.ciis-powerful-feature-card:hover .ciis-powerful-feature-icon{transform:scale(1.1)rotate(5deg)}.ciis-powerful-feature-title{color:var(--ciis-dark);width:100%;margin-bottom:.8rem;font-size:1.25rem;font-weight:700}.ciis-powerful-feature-description{color:var(--ciis-text-light);width:100%;max-width:100%;font-size:.9rem;line-height:1.6}.ciis-dashboard-preview{background:var(--ciis-lighter);width:100%;padding:3rem 0;overflow:hidden}.ciis-dashboard-mockup{background:var(--ciis-white);box-shadow:var(--ciis-shadow-xl);border:1px solid var(--ciis-border);border-radius:16px;width:100%;max-width:100%;margin:0 auto;padding:1.5rem}.ciis-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem;width:100%;max-width:100%;display:grid}.ciis-dashboard-feature{background:var(--ciis-lighter);border-radius:12px;align-items:flex-start;gap:1rem;width:100%;max-width:100%;padding:1.2rem;transition:all .3s;display:flex}.ciis-dashboard-feature:hover{box-shadow:var(--ciis-shadow);transform:translateY(-4px)}.ciis-dashboard-feature-icon{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);width:50px;height:50px;color:var(--ciis-white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.ciis-dashboard-feature-title{color:var(--ciis-dark);width:100%;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;line-height:1.2}.ciis-dashboard-feature-description{color:var(--ciis-text-light);width:100%;font-size:.85rem;font-weight:400;line-height:1.5}.dashboard-overview{color:#333;background:#fff;align-items:center;width:100%;min-height:auto;padding:3rem 0;display:flex}.dashboard-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.dashboard-title{color:#333;margin-bottom:1rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}.dashboard-description{opacity:.7;color:#666;max-width:600px;margin:0 auto;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:1200px;display:grid}.stat-card{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:140px;padding:1.2rem;transition:all .3s;display:flex}.stat-card:hover{background:#fff;border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.stat-icon{color:#fff;background:#667eea;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;display:flex}.stat-content{flex:1;justify-content:center;align-items:center;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:#333;font-size:.8rem;font-weight:600;line-height:1.4}.ciis-access{background:var(--ciis-white);width:100%;padding:3rem 0;overflow:hidden}.ciis-access-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:2rem;width:100%;max-width:100%;display:grid}.ciis-access-card{background:var(--ciis-white);border:1px solid var(--ciis-border);border-radius:16px;width:100%;max-width:100%;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.ciis-access-card:hover{box-shadow:var(--ciis-shadow-xl);transform:translateY(-8px)}.ciis-access-badge{background:var(--ciis-primary);color:var(--ciis-white);white-space:nowrap;border-radius:50px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;position:absolute;top:1rem;right:1rem}.ciis-access-header{text-align:center;width:100%;max-width:100%;margin-bottom:1.5rem}.ciis-access-icon{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);width:60px;height:60px;color:var(--ciis-white);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;display:flex}.ciis-access-title{color:var(--ciis-dark);width:100%;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.ciis-access-subtitle{color:var(--ciis-text-light);width:100%;font-size:.9rem}.ciis-access-list{width:100%;max-width:100%;margin-bottom:1.5rem;list-style:none}.ciis-access-list-item{color:var(--ciis-text);align-items:center;gap:.6rem;width:100%;max-width:100%;padding:.6rem 0;font-size:.85rem;display:flex}.ciis-list-icon{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);width:20px;height:20px;color:var(--ciis-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.ciis-access-btn{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);width:100%;color:var(--ciis-white);cursor:pointer;border:none;border-radius:8px;max-width:100%;padding:.8rem;font-size:.875rem;font-weight:600;transition:all .3s}.ciis-access-btn:hover{box-shadow:var(--ciis-shadow-lg);transform:translateY(-2px)}.ciis-benefits{background:var(--ciis-lighter);width:100%;padding:3rem 0;overflow:hidden}.ciis-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;width:100%;max-width:100%;margin:0 auto;display:grid}.ciis-benefit-card{background:var(--ciis-white);border:1px solid var(--ciis-border);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;padding:1.5rem 1rem;transition:all .3s;display:flex}.ciis-benefit-card:hover{box-shadow:var(--ciis-shadow-xl);border-color:var(--ciis-primary);transform:translateY(-8px)}.ciis-benefit-icon{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);width:60px;height:60px;color:var(--ciis-white);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;transition:all .3s;display:flex}.ciis-benefit-card:hover .ciis-benefit-icon{transform:scale(1.1)rotate(5deg)}.ciis-benefit-title{color:var(--ciis-dark);width:100%;margin-bottom:.8rem;font-size:1.1rem;font-weight:700;line-height:1.3}.ciis-benefit-description{color:var(--ciis-text-light);width:100%;font-size:.85rem;line-height:1.6}.ciis-footer{background:var(--ciis-darker);color:var(--ciis-white);width:100%;padding:3rem 0 1.5rem;overflow:hidden}.ciis-footer-container{width:100%;max-width:min(1200px,100%);margin:0 auto;padding:0 1rem}.ciis-footer-content{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:2rem;width:100%;max-width:100%;margin-bottom:2rem;display:grid}.ciis-footer-section{flex-direction:column;width:100%;max-width:100%;display:flex}.ciis-footer-logo{align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.ciis-footer-description{color:#94a3b8;width:100%;max-width:100%;font-size:.8rem;line-height:1.6}.ciis-footer-title{color:var(--ciis-white);width:100%;margin-bottom:1rem;font-size:1rem;font-weight:700}.ciis-footer-list{width:100%;max-width:100%;list-style:none}.ciis-footer-list li{width:100%;max-width:100%;margin-bottom:.5rem}.ciis-footer-list a{color:#94a3b8;width:100%;font-size:.8rem;text-decoration:none;transition:color .3s;display:block}.ciis-footer-list a:hover{color:var(--ciis-white)}.ciis-footer-list li:not(a){color:#94a3b8;width:100%;font-size:.8rem}.ciis-footer-bottom{border-top:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:100%;padding-top:1.5rem;display:flex}.ciis-copyright{color:#94a3b8;font-size:.8rem}.ciis-social-links{flex-wrap:wrap;gap:1rem;display:flex}.ciis-social-link{color:#94a3b8;white-space:nowrap;font-size:.8rem;text-decoration:none;transition:color .3s}.ciis-social-link:hover{color:var(--ciis-white)}@media(min-width:768px){.ciis-header-container,.ciis-hero-container,.ciis-section-container,.ciis-footer-container{padding:0 2rem}.ciis-logo-image{height:40px}.ciis-login-btn{padding:.75rem 1.5rem;font-size:1rem}.ciis-hero{padding:100px 0 60px}.ciis-powerful-features,.ciis-dashboard-preview,.dashboard-overview,.ciis-access,.ciis-benefits{padding:4rem 0}.ciis-footer{padding:4rem 0 2rem}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{min-height:160px;padding:1.5rem}.ciis-benefits-grid{gap:2rem}.ciis-benefit-card{padding:2rem 1.5rem}}@media(min-width:1024px){.ciis-header-container,.ciis-hero-container,.ciis-section-container,.ciis-footer-container{padding:0 3rem}.ciis-nav{align-items:center;gap:2rem;display:flex}.ciis-mobile-menu-btn{display:none}.ciis-powerful-features-grid,.ciis-dashboard-grid{gap:2rem}.ciis-access-grid{gap:3rem}.ciis-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:480px){.ciis-header-container,.ciis-hero-container,.ciis-section-container,.ciis-footer-container{padding:0 1rem}.dashboard-stats{grid-template-columns:1fr}.ciis-feature-chips{gap:.4rem}.ciis-feature-chip{padding:.3rem .6rem;font-size:.7rem}.ciis-hero-actions{flex-direction:column;align-items:center}.ciis-hero-btn{width:100%;max-width:280px}.ciis-trust-indicators{flex-direction:column;gap:.8rem}.ciis-footer-content{text-align:center;grid-template-columns:1fr}.ciis-footer-title,.ciis-footer-list{margin-left:0}.ciis-footer-bottom{text-align:center;flex-direction:column}}img,svg,video,canvas{max-width:100%;height:auto}body{overflow-x:hidden}.ciis-app>*{transform:none!important}.ciis-logo-image{object-fit:contain;width:auto;height:40px;transition:all .3s;display:block}.ciis-logo-fallback{align-items:center;gap:.5rem;display:none}.ciis-logo-text{background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;font-size:1.1rem;font-weight:700}.ciis-footer-logo-image{object-fit:contain;width:auto;height:35px;display:block}.ciis-footer-logo-fallback{align-items:center;gap:.5rem;display:none}.ciis-footer-logo-text{color:var(--ciis-white);font-size:1.1rem;font-weight:700}@media(max-width:768px){.ciis-logo-image{height:35px}.ciis-footer-logo-image{height:30px}}@media(max-width:480px){.ciis-logo-image{height:32px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.login-page-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-paper{border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;background:#fff;max-width:1000px;width:100%;min-height:600px;display:flex}.login-left-section{background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden;flex:0 0 45%}.left-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;opacity:.3}.left-content{position:relative;z-index:1;text-align:center;color:#fff;width:100%}.logo-container{width:320px;height:120px;border-radius:12px;background-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;margin:0 auto 32px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:hidden;padding:10px}.company-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.business-icon{width:48px;height:48px}.company-name{font-family:Oswald,sans-serif;font-size:2.125rem;font-weight:600;margin-bottom:8px;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}.company-subtitle{opacity:.9;letter-spacing:.5px;font-size:.875rem;color:#fff;margin-bottom:24px}.features-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;width:100%;text-align:left;margin-top:16px}.features-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:16px}.feature-item{display:flex;align-items:center;padding:4px 0}.feature-icon{width:36px;display:flex;align-items:center;justify-content:center}.feature-text{color:#fff;font-size:.9rem}.feature-item:hover .feature-text{transform:translate(2px);transition:transform .3s ease}.login-right-section{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 48px}.form-container{max-width:400px;margin:0 auto;width:100%}.mobile-logo-container{display:none}.form-header{text-align:center;margin-bottom:32px}.form-title{font-size:2.125rem;font-weight:700;margin-bottom:8px;color:#333;letter-spacing:-.5px}.form-subtitle{color:#666;margin-bottom:24px;font-size:1rem}.error-alert{background-color:#fdeded;color:#5f2120;padding:12px 16px;border-radius:8px;margin-bottom:24px;border:1px solid #f5c6cb;display:flex;align-items:center}.error-icon{margin-right:12px;display:flex;align-items:center}.error-message{color:#f44336;font-size:.875rem;margin-bottom:12px}.input-group{margin-bottom:16px}.input-label{display:block;margin-bottom:6px;color:#333;font-weight:500;font-size:.875rem}.input-container{position:relative;display:flex;align-items:center}.login-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease;outline:none}.login-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.input-error{border-color:#f44336}.input-error:focus{border-color:#f44336;box-shadow:0 0 0 2px #f4433633}.input-icon{position:absolute;left:12px;color:#777;display:flex;align-items:center}.input-adornment{position:absolute;right:12px;cursor:pointer;color:#777;display:flex;align-items:center}.input-adornment:hover{color:#333}.error-text{color:#f44336;font-size:.75rem;margin-top:4px;display:block}.forgot-password-link{text-align:right;margin-top:6px}.forgot-password-link span{font-size:.85rem;color:#667eea;cursor:pointer;font-weight:500;transition:color .3s ease}.forgot-password-link span:hover{color:#5a6fd8;text-decoration:underline}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #667eea66}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a3a9a);box-shadow:0 6px 20px #667eea80;transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{margin-right:8px;display:flex;align-items:center}.primary-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea66;margin-top:16px}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a3a9a);box-shadow:0 6px 20px #667eea80}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{flex:1;padding:12px;background:transparent;border:1px solid #667eea;color:#667eea;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.secondary-button:hover:not(:disabled){background-color:#667eea1a}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.two-factor-form{width:100%}.two-factor-buttons{display:flex;gap:16px;margin-top:24px}.resend-link{margin-top:16px;text-align:center;color:#666}.resend-link-text{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.resend-link-text:hover{color:#5a6fd8;text-decoration:underline}.forgot-password-form{width:100%}.back-button-container{display:flex;align-items:center;margin-bottom:24px}.back-button{background:none;border:none;cursor:pointer;color:#667eea;display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:4px;font-size:.9rem;transition:background-color .3s ease}.back-button:hover{background-color:#667eea1a}.forgot-password-title{font-size:1.5rem;margin-bottom:8px;color:#333}.forgot-password-subtitle{color:#666;margin-bottom:24px;font-size:.9rem}.terms-privacy{margin-top:32px;text-align:center;color:#999;font-size:.75rem;line-height:1.5}.terms-link{color:#999;text-decoration:none;transition:color .3s ease}.terms-link:hover{color:#667eea;text-decoration:underline}.spinner{animation:spin 1s linear infinite;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.spinner.small{width:20px;height:20px}.loading-spinner-container{color:#fff;display:flex;align-items:center}.fade-in{animation:fadeIn .5s ease-in-out}.login-icon{width:20px;height:20px}.login-button:focus-visible,.terms-link:focus-visible,.forgot-password-link span:focus-visible,.back-button:focus-visible,.resend-link-text:focus-visible,.input-adornment:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media(min-width:901px){.mobile-logo-container{display:none}}@media(max-width:900px){.login-paper{flex-direction:column;min-height:auto;max-width:500px}.login-left-section{display:none}.mobile-logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.mobile-logo-wrapper{width:100px;height:100px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:8px;margin-bottom:16px}.mobile-logo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.mobile-company-name{font-family:Oswald,sans-serif;font-size:1.75rem;font-weight:600;color:#333;margin-bottom:4px;text-align:center}.mobile-company-subtitle{color:#666;font-size:.875rem;text-align:center;opacity:.9}.login-right-section{padding:32px 24px}.form-header{margin-bottom:24px}.form-title{font-size:1.75rem;margin-bottom:4px}.form-subtitle{font-size:.95rem;margin-bottom:16px}}@media(max-width:480px){.login-page-container{padding:8px}.login-right-section{padding:24px 20px}.mobile-logo-wrapper{width:80px;height:80px}.mobile-company-name{font-size:1.5rem}.mobile-company-subtitle{font-size:.8rem}.form-title{font-size:1.5rem}.form-subtitle{font-size:.875rem}.login-input{padding:10px 16px 10px 40px;font-size:.95rem}.login-button,.primary-button{padding:12px;font-size:.95rem}.two-factor-buttons{flex-direction:column;gap:12px}.secondary-button{width:100%}.terms-privacy{margin-top:24px}}@media(max-width:360px){.login-right-section{padding:20px 16px}.mobile-logo-wrapper{width:70px;height:70px}.mobile-company-name,.form-title{font-size:1.35rem}}.login-button,.primary-button,.secondary-button,.terms-link,.forgot-password-link span,.back-button,.resend-link-text,.login-input,.input-adornment{transition:all .3s ease}.otp-popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.otp-popup-container{background:#fff;border-radius:16px;padding:32px;width:90%;max-width:400px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.otp-popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.otp-popup-close:hover{background-color:#f3f4f6;color:#1f2937}.otp-popup-icon{width:48px;height:48px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.otp-popup-header h2{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:8px}.otp-popup-header p{color:#6b7280;font-size:14px;margin:4px 0}.otp-popup-email{font-weight:500;color:#4f46e5!important;background:#eef2ff;padding:4px 12px;border-radius:20px;display:inline-block}.otp-popup-input{width:48px;height:56px;border:2px solid #e5e7eb;border-radius:12px;font-size:24px;font-weight:600;text-align:center;color:#1f2937;transition:all .2s}.otp-popup-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.otp-popup-input:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#9ca3af}.otp-popup-error{background-color:#fef2f2;color:#b91c1c;padding:10px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;text-align:center;border:1px solid #fee2e2}.otp-popup-verify-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:16px}.otp-popup-verify-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #4f46e533}.otp-popup-verify-btn:disabled{opacity:.5;cursor:not-allowed}.otp-popup-resend{text-align:center}.otp-popup-resend-btn{background:none;border:none;color:#4f46e5;font-weight:500;cursor:pointer;font-size:14px;padding:8px 16px;border-radius:8px;transition:all .2s}.otp-popup-resend-btn:hover:not(:disabled){background-color:#eef2ff}.otp-popup-timer{color:#6b7280;font-size:14px;margin:0}@media(max-width:480px){.otp-popup-container{padding:24px;width:95%}.otp-popup-input{width:40px;height:48px;font-size:20px}.otp-popup-header h2{font-size:20px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ciis-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#00111f,#000);font-family:sans-serif}.ciis-card{text-align:center;max-width:90%}.ciis-logo{width:320px;animation:glow 2s ease-in-out infinite alternate;margin-bottom:30px}@keyframes glow{0%{filter:drop-shadow(0 0 10px #00f7ff)}to{filter:drop-shadow(0 0 25px #00f7ff)}}.loading-text{margin-top:20px;font-size:16px;color:#cfffff;letter-spacing:1px;text-transform:uppercase}.loading-text.neon{color:#00f7ff;text-shadow:0 0 5px #00f7ff}.spinner{width:60px;height:60px;margin:0 auto;border-radius:50%;border:4px solid rgba(0,255,255,.2);border-top:4px solid #00f7ff;animation:spin 1s linear infinite}.dots span{display:inline-block;width:8px;height:8px;margin:0 5px;background:#00f7ff;border-radius:50%;animation:bounce .6s infinite alternate}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-8px);opacity:1}}.loader-pulse-ring .ring{width:70px;height:70px;margin:0 auto;border-radius:50%;background:transparent;border:3px solid #00f7ff;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.loader-double-bounce .bounce1,.loader-double-bounce .bounce2{width:40px;height:40px;margin:0 auto;background-color:#00f7ff;border-radius:50%;display:inline-block;animation:bounce-delay 2s infinite ease-in-out}.loader-double-bounce .bounce2{animation-delay:-1s;margin-left:5px}@keyframes bounce-delay{0%,to{transform:scale(0)}50%{transform:scale(1)}}.loader-wave{display:flex;justify-content:center;align-items:center;gap:5px;height:50px}.loader-wave .bar{width:8px;height:20px;background:#00f7ff;animation:wave-stretch 1.2s infinite ease-in-out}.loader-wave .bar:nth-child(2){animation-delay:.1s}.loader-wave .bar:nth-child(3){animation-delay:.2s}.loader-wave .bar:nth-child(4){animation-delay:.3s}.loader-wave .bar:nth-child(5){animation-delay:.4s}@keyframes wave-stretch{0%,40%,to{transform:scaleY(.5)}20%{transform:scaleY(1.5)}}.loader-rotating-square .square{width:40px;height:40px;margin:0 auto;background:#00f7ff;animation:rotate-square 1.2s infinite ease-in-out}@keyframes rotate-square{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180deg) rotateY(0)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-180deg)}}.loader-lines{display:flex;justify-content:center;gap:5px}.loader-lines .line{width:6px;height:30px;background:#00f7ff;animation:line-bounce .9s infinite alternate}.loader-lines .line:nth-child(2){animation-delay:.3s}.loader-lines .line:nth-child(3){animation-delay:.6s}@keyframes line-bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.loader-morse span{font-size:32px;color:#00f7ff;animation:flicker 1s infinite;margin:0 2px}.loader-morse span:nth-child(2){animation-delay:.1s}.loader-morse span:nth-child(3){animation-delay:.2s}.loader-morse span:nth-child(4){animation-delay:.3s}.loader-morse span:nth-child(5){animation-delay:.4s}.loader-morse span:nth-child(6){animation-delay:.5s}@keyframes flicker{0%,to{opacity:1}50%{opacity:.2}}.loader-infinity svg{width:100px;height:40px;stroke:#00f7ff;stroke-width:3;fill:none;stroke-dasharray:150;stroke-dashoffset:150;animation:draw 2s infinite alternate}@keyframes draw{to{stroke-dashoffset:0}}.loader-heartbeat .pulse{width:50px;height:50px;margin:0 auto;background:#00f7ff;border-radius:50%;animation:pulse-heart 1s infinite}@keyframes pulse-heart{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.7}}.loader-atom{position:relative;width:60px;height:60px;margin:0 auto}.loader-atom .orbit,.loader-atom .orbit2,.loader-atom .orbit3{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #00f7ff;opacity:.6}.loader-atom .orbit{animation:rotate 2s linear infinite}.loader-atom .orbit2{animation:rotate 2s linear infinite reverse}.loader-atom .orbit3{animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-hourglass .sand{width:0;height:0;margin:0 auto;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:30px solid #00f7ff;animation:hourglass 2s infinite}@keyframes hourglass{0%{transform:rotate(0);opacity:1}50%{transform:rotate(180deg);opacity:.5}to{transform:rotate(360deg);opacity:1}}.loader-typing span{display:inline-block;width:10px;height:10px;margin:0 3px;background:#00f7ff;border-radius:50%;animation:typing 1.4s infinite both}.loader-typing span:nth-child(2){animation-delay:.2s}.loader-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.2;transform:scale(.8)}}.loader-flip .flipbox{width:50px;height:50px;margin:0 auto;background:#00f7ff;animation:flip 1.2s infinite}@keyframes flip{0%{transform:perspective(120px) rotateY(0)}50%{transform:perspective(120px) rotateY(180deg)}to{transform:perspective(120px) rotateY(360deg)}}.loader-clock{width:50px;height:50px;margin:0 auto;border:3px solid #00f7ff;border-radius:50%;position:relative}.loader-clock .hand{width:20px;height:3px;background:#00f7ff;position:absolute;top:50%;left:50%;transform-origin:left center;animation:rotate-hand 3s linear infinite}@keyframes rotate-hand{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-circle-balls{display:flex;justify-content:center;gap:5px}.loader-circle-balls div{width:15px;height:15px;background:#00f7ff;border-radius:50%;animation:circle-move 1.2s infinite alternate}.loader-circle-balls div:nth-child(2){animation-delay:.3s}.loader-circle-balls div:nth-child(3){animation-delay:.6s}.loader-circle-balls div:nth-child(4){animation-delay:.9s}@keyframes circle-move{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.loader-progress .bar{width:150px;height:6px;margin:0 auto;background:#0ff3;border-radius:10px;overflow:hidden;position:relative}.loader-progress .bar:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:#00f7ff;animation:progress 1.5s infinite ease-in-out}@keyframes progress{0%{left:-30%}to{left:100%}}.loader-squares{display:flex;justify-content:center;gap:4px}.loader-squares div{width:15px;height:15px;background:#00f7ff;animation:square-wave 1.2s infinite}.loader-squares div:nth-child(2){animation-delay:.1s}.loader-squares div:nth-child(3){animation-delay:.2s}.loader-squares div:nth-child(4){animation-delay:.3s}@keyframes square-wave{0%,to{transform:scale(.5)}50%{transform:scale(1.2)}}.loader-glitch span{font-size:32px;font-weight:700;color:#00f7ff;position:relative;display:inline-block;animation:glitch 1.5s infinite}.loader-glitch span:before,.loader-glitch span:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.loader-glitch span:before{animation:glitch-offset .3s infinite linear alternate-reverse;color:#f0f;left:2px}.loader-glitch span:after{animation:glitch-offset .2s infinite linear alternate-reverse;color:#0ff;left:-2px}@keyframes glitch-offset{0%{transform:translate(-2px)}to{transform:translate(2px)}}.loader-ripple{position:relative;width:60px;height:60px;margin:0 auto}.loader-ripple div{position:absolute;border:4px solid #00f7ff;opacity:1;border-radius:50%;animation:ripple 1s cubic-bezier(0,.2,.8,1) infinite}.loader-ripple div:nth-child(2){animation-delay:-.5s}@keyframes ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}to{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}.loader-crosshair .cross{width:40px;height:40px;margin:0 auto;position:relative}.loader-crosshair .cross:before,.loader-crosshair .cross:after{content:"";position:absolute;background:#00f7ff}.loader-crosshair .cross:before{width:2px;height:100%;left:50%;transform:translate(-50%);animation:cross-pulse 1s infinite}.loader-crosshair .cross:after{height:2px;width:100%;top:50%;transform:translateY(-50%);animation:cross-pulse 1s infinite reverse}@keyframes cross-pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.loader-fade .circle{width:50px;height:50px;margin:0 auto;background:#00f7ff;border-radius:50%;animation:fade-pulse 1.5s infinite}@keyframes fade-pulse{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.3;transform:scale(.8)}}.CreateUser-container{height:100%;width:100%;animation:CreateUser-fadeIn .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}@keyframes CreateUser-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.CreateUser-paper{padding:32px;border-radius:20px;background:linear-gradient(145deg,#fff,#fafafa);box-shadow:0 10px 40px #00000014;height:100%;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.CreateUser-paper:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#3f51b5,#2196f3);border-radius:4px 0 0 4px}.CreateUser-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:2px solid #f0f0f0;padding-bottom:16px}.CreateUser-header-title{font-size:28px;font-weight:700;background:linear-gradient(135deg,#1a237e,#0d47a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 4px}.CreateUser-header-subtitle{color:#666;font-size:14px;display:flex;align-items:center;gap:6px;margin:0}.CreateUser-company-info-box{background:linear-gradient(145deg,#f8faff,#f0f4ff);border:1px solid #ccd9ff;border-radius:16px;padding:20px;margin-bottom:28px;position:relative;box-shadow:0 4px 12px #3f51b514}.CreateUser-company-name{font-size:20px;font-weight:700;color:#1a237e;display:flex;align-items:center;gap:8px;text-decoration:underline;text-decoration-color:#3f51b5;text-underline-offset:8px;margin:0 0 12px}.CreateUser-company-details{color:#424242;font-size:14px;display:flex;align-items:center;gap:8px;margin:4px 0}.CreateUser-company-details-highlight{color:#1976d2;font-weight:500}.CreateUser-required-text{font-size:14px;color:#666;margin-bottom:16px}.CreateUser-required-star{color:#f44336;margin-right:2px}.CreateUser-divider{margin:24px 0 16px;border:none;height:2px;background:linear-gradient(90deg,#e0e0e0,#bdbdbd,#e0e0e0);opacity:.5}.CreateUser-section-title{font-size:18px;font-weight:600;color:#1a237e;margin:24px 0 16px;display:flex;align-items:center;gap:8px;border-left:4px solid #3f51b5;padding-left:12px}.CreateUser-form-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.CreateUser-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;animation:CreateUser-slideIn .3s ease;animation-fill-mode:both}.CreateUser-form-row:nth-child(1){animation-delay:.1s}.CreateUser-form-row:nth-child(2){animation-delay:.2s}.CreateUser-form-row:nth-child(3){animation-delay:.3s}.CreateUser-form-row:nth-child(4){animation-delay:.4s}.CreateUser-form-row:nth-child(5){animation-delay:.5s}.CreateUser-form-row:nth-child(6){animation-delay:.6s}@keyframes CreateUser-slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.CreateUser-form-group{margin-bottom:4px;width:100%;position:relative}.CreateUser-full-width{grid-column:1 / -1}.CreateUser-label{display:block;margin-bottom:6px;font-weight:500;font-size:14px;color:#333}.CreateUser-input-wrapper,.CreateUser-select-wrapper{position:relative;width:100%}.CreateUser-input-icon,.CreateUser-select-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#3f51b5;font-size:18px;z-index:1;pointer-events:none}.CreateUser-textarea-icon{top:20px;transform:none}.CreateUser-input{width:100%;padding:14px 14px 14px 40px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;transition:all .2s ease;background-color:#fff;box-sizing:border-box}.CreateUser-input:hover{border-color:#b0b0b0;box-shadow:0 4px 12px #0000000a}.CreateUser-input:focus{outline:none;border-color:#3f51b5;box-shadow:0 4px 16px #3f51b51f}.CreateUser-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.CreateUser-textarea{width:100%;padding:14px 14px 14px 40px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;transition:all .2s ease;background-color:#fff;box-sizing:border-box;resize:vertical;min-height:80px;font-family:inherit}.CreateUser-textarea:focus{outline:none;border-color:#3f51b5;box-shadow:0 4px 16px #3f51b51f}.CreateUser-select{width:100%;padding:14px 40px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;transition:all .2s ease;background-color:#fff;box-sizing:border-box;appearance:none;cursor:pointer}.CreateUser-select:focus{outline:none;border-color:#3f51b5;box-shadow:0 4px 16px #3f51b51f}.CreateUser-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#757575;font-size:12px;pointer-events:none}.CreateUser-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#757575;font-size:18px;display:flex;align-items:center;justify-content:center}.CreateUser-password-toggle:hover{color:#3f51b5}.CreateUser-helper-text{display:block;margin-left:12px;margin-top:4px;font-size:11px;color:#757575}.CreateUser-helper-text-error{color:#f44336}.CreateUser-dropdown-container{position:relative;width:100%}.CreateUser-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#757575;font-size:12px;pointer-events:none}.CreateUser-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:250px;overflow-y:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;animation:CreateUser-dropdownFade .2s ease}@keyframes CreateUser-dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.CreateUser-dropdown-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0}.CreateUser-dropdown-item:last-child{border-bottom:none}.CreateUser-dropdown-item:hover{background-color:#f5f5f5}.CreateUser-dropdown-item-selected{background-color:#e8eaf6;color:#1a237e;font-weight:500}.CreateUser-dropdown-empty,.CreateUser-dropdown-loading{padding:16px;text-align:center;color:#757575;cursor:default}.CreateUser-dropdown-loading{display:flex;align-items:center;justify-content:center;gap:8px}.CreateUser-role-description{color:#757575;font-size:12px;margin-left:4px}.CreateUser-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:CreateUser-spin 1s ease-in-out infinite;margin-right:8px}.CreateUser-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid #3f51b5;border-radius:50%;border-top-color:transparent;animation:CreateUser-spin 1s linear infinite}@keyframes CreateUser-spin{to{transform:rotate(360deg)}}.CreateUser-submit-button{width:100%;margin-top:32px;margin-bottom:16px;padding:14px 24px;background:linear-gradient(145deg,#3f51b5,#1a237e);border:none;border-radius:14px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 8px 20px #3f51b54d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.CreateUser-submit-button:hover:not(:disabled){background:linear-gradient(145deg,#1a237e,#0d1b5c);box-shadow:0 12px 28px #3f51b566;transform:translateY(-2px)}.CreateUser-submit-button:disabled{background:linear-gradient(145deg,#b0bec5,#90a4ae);box-shadow:none;cursor:not-allowed;opacity:.7}.CreateUser-button-icon{font-size:20px;line-height:1}.CreateUser-info-message{margin-top:8px;padding:12px 16px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:8px}.CreateUser-error-message{background-color:#ffebee;color:#c62828;border-left:4px solid #f44336}.CreateUser-warning-message{background-color:#fff3e0;color:#e65100;border-left:4px solid #ff9800}.CreateUser-debug-info{margin-top:16px;padding:16px;background-color:#f5f5f5;border-radius:12px;color:#666;font-family:monospace;font-size:12px}@media(max-width:960px){.CreateUser-paper{padding:24px}.CreateUser-header-title{font-size:24px}}@media(max-width:600px){.CreateUser-paper{padding:20px}.CreateUser-header-title{font-size:22px}.CreateUser-company-name{font-size:18px}.CreateUser-form-row{grid-template-columns:1fr;gap:16px}.CreateUser-dropdown-menu{max-height:200px}}.CreateUser-dropdown-menu::-webkit-scrollbar{width:8px}.CreateUser-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.CreateUser-dropdown-menu::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:4px}.CreateUser-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#888}@media(prefers-reduced-motion:reduce){.CreateUser-form-row,.CreateUser-container,.CreateUser-dropdown-menu{animation:none}}.DepartmentManagement{padding:16px 24px;min-height:100vh;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:relative}@media(max-width:767px){.DepartmentManagement{padding:12px 16px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement{padding:16px 20px}}.DepartmentManagement-loading-overlay{width:100%;margin-bottom:16px}.DepartmentManagement-progress-bar{height:4px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.DepartmentManagement-progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#64b5f6);border-radius:4px;animation:DepartmentManagement-shimmer 1.5s infinite}@keyframes DepartmentManagement-shimmer{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.DepartmentManagement-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;width:100%}@media(max-width:767px){.DepartmentManagement-stats-grid{gap:8px;margin-bottom:20px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-stats-grid{gap:16px;margin-bottom:24px}}.DepartmentManagement-stat-card{padding:20px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:16px}@media(max-width:767px){.DepartmentManagement-stat-card{padding:12px;gap:8px;border-radius:12px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-stat-card{padding:16px;gap:12px}}.DepartmentManagement-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}@media(max-width:767px){.DepartmentManagement-stat-card:hover{transform:translateY(-2px)}}.DepartmentManagement-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}@media(max-width:767px){.DepartmentManagement-stat-card:before{height:3px}}.DepartmentManagement-stat-total:before{background:linear-gradient(90deg,#2196f3,#64b5f6)}.DepartmentManagement-stat-active:before{background:linear-gradient(90deg,#4caf50,#81c784)}.DepartmentManagement-stat-inactive:before{background:linear-gradient(90deg,#f44336,#ef5350)}.DepartmentManagement-stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}@media(max-width:767px){.DepartmentManagement-stat-icon{width:40px;height:40px;border-radius:10px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-stat-icon{width:46px;height:46px}}.DepartmentManagement-stat-total .DepartmentManagement-stat-icon{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.DepartmentManagement-stat-active .DepartmentManagement-stat-icon{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);color:#2e7d32}.DepartmentManagement-stat-inactive .DepartmentManagement-stat-icon{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);color:#c62828}.DepartmentManagement-stat-card:hover .DepartmentManagement-stat-icon{transform:scale(1.1) rotate(5deg)}@media(max-width:767px){.DepartmentManagement-stat-card:hover .DepartmentManagement-stat-icon{transform:scale(1.05) rotate(3deg)}}.DepartmentManagement-stat-content{flex:1}.DepartmentManagement-stat-label{font-size:.75rem;font-weight:600;color:#546e7a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}@media(max-width:767px){.DepartmentManagement-stat-label{font-size:.45rem;margin-bottom:2px}}.DepartmentManagement-stat-value-wrapper{display:flex;align-items:baseline;justify-content:space-between}.DepartmentManagement-stat-value{font-size:1.8rem;font-weight:800;line-height:1}@media(max-width:767px){.DepartmentManagement-stat-value{font-size:1.2rem}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-stat-value{font-size:1.5rem}}.DepartmentManagement-stat-total .DepartmentManagement-stat-value{color:#0d47a1}.DepartmentManagement-stat-active .DepartmentManagement-stat-value{color:#1b5e20}.DepartmentManagement-stat-inactive .DepartmentManagement-stat-value{color:#b71c1c}.DepartmentManagement-stat-badge{padding:4px 8px;border-radius:16px;font-size:.65rem;font-weight:600;height:22px;display:inline-flex;align-items:center}@media(max-width:767px){.DepartmentManagement-stat-badge{display:none}}.DepartmentManagement-stat-total .DepartmentManagement-stat-badge{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.DepartmentManagement-stat-active .DepartmentManagement-stat-badge{background:#c8e6c9;color:#2e7d32;border:1px solid #a5d6a7}.DepartmentManagement-stat-inactive .DepartmentManagement-stat-badge{background:#ffcdd2;color:#c62828;border:1px solid #ef9a9a}.DepartmentManagement-paper{background:#fff;border-radius:24px;padding:24px 32px;box-shadow:0 8px 24px #00000014;overflow:hidden;position:relative}@media(max-width:767px){.DepartmentManagement-paper{padding:16px;border-radius:16px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-paper{padding:20px 24px;border-radius:20px}}.DepartmentManagement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}@media(max-width:767px){.DepartmentManagement-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-header{margin-bottom:20px}}.DepartmentManagement-title-section{display:flex;align-items:center;gap:16px}@media(max-width:767px){.DepartmentManagement-title-section{gap:12px}}.DepartmentManagement-title-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#2196f3,#1976d2);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #2196f34d}@media(max-width:767px){.DepartmentManagement-title-icon{width:40px;height:40px;border-radius:10px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-title-icon{width:44px;height:44px}}.DepartmentManagement-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:4px}@media(max-width:767px){.DepartmentManagement-title{font-size:1.2rem;margin-bottom:2px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-title{font-size:1.3rem}}.DepartmentManagement-user-info{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media(max-width:767px){.DepartmentManagement-user-info{display:none}}.DepartmentManagement-user-chip,.DepartmentManagement-role-chip,.DepartmentManagement-company-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:20px;font-size:.7rem;height:24px;font-weight:500}.DepartmentManagement-user-chip{background:#f1f5f9;color:#1e293b}.DepartmentManagement-role-chip{background:#e3f2fd;color:#1976d2;font-weight:600}.DepartmentManagement-role-super{background:#ede7f6;color:#673ab7}.DepartmentManagement-company-chip{background:#e0f2fe;color:#0284c7}.DepartmentManagement-header-actions{display:flex;gap:16px;align-items:center}@media(max-width:767px){.DepartmentManagement-header-actions{width:100%;gap:8px}}.DepartmentManagement-search-wrapper{position:relative;width:280px}@media(max-width:767px){.DepartmentManagement-search-wrapper{width:100%;flex:1}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-search-wrapper{width:240px}}.DepartmentManagement-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.DepartmentManagement-search-icon{left:10px}}.DepartmentManagement-search-input{width:100%;padding:10px 12px 10px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem;transition:all .2s ease;background:#fff}@media(max-width:767px){.DepartmentManagement-search-input{padding:8px 10px 8px 38px;font-size:.85rem;border-radius:10px}}.DepartmentManagement-search-input:focus{outline:none;border-color:#2196f3;box-shadow:0 4px 12px #2196f326}.DepartmentManagement-clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%}.DepartmentManagement-clear-search:hover{background:#f1f5f9;color:#1e293b}.DepartmentManagement-filter-btn{width:40px;height:40px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.DepartmentManagement-filter-btn:hover{background:#f1f5f9;color:#2196f3;border-color:#2196f3}.DepartmentManagement-mobile-filters{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #e2e8f0}.DepartmentManagement-mobile-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.DepartmentManagement-mobile-filter-header h4{font-size:1rem;font-weight:600;color:#1e293b}.DepartmentManagement-mobile-filter-header button{width:28px;height:28px;border-radius:50%;border:none;background:#e2e8f0;color:#64748b;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding-bottom:4px}.DepartmentManagement-mobile-filter-content{display:flex;flex-direction:column;gap:12px}.DepartmentManagement-filter-group{display:flex;flex-direction:column;gap:4px}.DepartmentManagement-filter-group label{font-size:.8rem;font-weight:600;color:#64748b}.DepartmentManagement-filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.9rem;color:#1e293b}.DepartmentManagement-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}@media(max-width:767px){.DepartmentManagement-btn{padding:8px 16px;font-size:.85rem;border-radius:10px}}.DepartmentManagement-btn-primary{background:linear-gradient(145deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 12px #2196f34d}.DepartmentManagement-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}.DepartmentManagement-btn-primary:disabled{opacity:.6;cursor:not-allowed}.DepartmentManagement-btn-secondary{background:#fff;color:#1e293b;border:1px solid #e2e8f0}.DepartmentManagement-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.DepartmentManagement-btn-outline{background:transparent;color:#2196f3;border:1px solid #2196f3}.DepartmentManagement-btn-outline:hover{background:#e3f2fd}.DepartmentManagement-super-admin-banner{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:16px;padding:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}@media(max-width:767px){.DepartmentManagement-super-admin-banner{padding:12px;border-radius:12px;margin-bottom:16px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-super-admin-banner{padding:14px;margin-bottom:20px}}.DepartmentManagement-super-admin-content{display:flex;align-items:center;gap:12px}@media(max-width:767px){.DepartmentManagement-super-admin-content{gap:8px}}.DepartmentManagement-super-admin-icon{width:40px;height:40px;border-radius:50%;background:#2196f3;color:#fff;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.DepartmentManagement-super-admin-icon{width:32px;height:32px}}.DepartmentManagement-super-admin-title{font-weight:600;color:#0d47a1;margin-bottom:2px}@media(max-width:767px){.DepartmentManagement-super-admin-title{font-size:.9rem}}.DepartmentManagement-super-admin-subtitle{font-size:.75rem;color:#1976d2}@media(max-width:767px){.DepartmentManagement-super-admin-subtitle{display:none}}.DepartmentManagement-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}@media(max-width:767px){.DepartmentManagement-toggle{gap:8px}}.DepartmentManagement-toggle input{display:none}.DepartmentManagement-toggle-slider{width:40px;height:20px;background-color:#b0bec5;border-radius:20px;position:relative;transition:all .3s ease}@media(max-width:767px){.DepartmentManagement-toggle-slider{width:36px;height:18px}}.DepartmentManagement-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0003}@media(max-width:767px){.DepartmentManagement-toggle-slider:before{width:14px;height:14px;top:2px;left:2px}}.DepartmentManagement-toggle input:checked+.DepartmentManagement-toggle-slider{background-color:#2196f3}.DepartmentManagement-toggle input:checked+.DepartmentManagement-toggle-slider:before{transform:translate(20px)}@media(max-width:767px){.DepartmentManagement-toggle input:checked+.DepartmentManagement-toggle-slider:before{transform:translate(18px)}}.DepartmentManagement-toggle-label{font-size:.85rem;font-weight:500;color:#1976d2}@media(max-width:767px){.DepartmentManagement-toggle-label{display:none}}.DepartmentManagement-tablet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.DepartmentManagement-tablet-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.DepartmentManagement-tablet-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px);border-color:#90caf9}.DepartmentManagement-tablet-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.DepartmentManagement-tablet-card-title{display:flex;gap:12px;align-items:center}.DepartmentManagement-tablet-card-icon{width:40px;height:40px;border-radius:10px;background:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center}.DepartmentManagement-tablet-card-name{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:4px}.DepartmentManagement-tablet-card-tags{display:flex;gap:8px;flex-wrap:wrap}.DepartmentManagement-tablet-card-actions{display:flex;gap:8px}.DepartmentManagement-tablet-card-description{background:#f8fafc;padding:10px;border-radius:10px;margin-bottom:12px;font-size:.85rem;color:#64748b;display:flex;gap:8px;align-items:flex-start;border:1px solid #e2e8f0}.DepartmentManagement-tablet-card-footer{display:flex;gap:16px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #e2e8f0}.DepartmentManagement-view-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.DepartmentManagement-view-tab{padding:6px 16px;border:none;background:transparent;border-radius:20px;font-size:.9rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.DepartmentManagement-view-tab.active{background:#e3f2fd;color:#1976d2}.DepartmentManagement-table-container{border:1px solid #e2e8f0;border-radius:12px;overflow:auto;margin-top:16px}.DepartmentManagement-table{width:100%;border-collapse:collapse;font-size:.9rem}.DepartmentManagement-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:700;color:#1e293b;border-bottom:1px solid #e2e8f0}.DepartmentManagement-table td{padding:16px;border-bottom:1px solid #e2e8f0;color:#334155}.DepartmentManagement-table tr:last-child td{border-bottom:none}.DepartmentManagement-table tbody tr{transition:all .2s ease;animation:DepartmentManagement-fadeIn .3s ease}.DepartmentManagement-table tbody tr:hover{background:#f1f5f9}@keyframes DepartmentManagement-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.DepartmentManagement-department-name{display:flex;align-items:center;gap:12px}.DepartmentManagement-department-icon{width:36px;height:36px;border-radius:8px;background:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center}.DepartmentManagement-description-text{display:block;max-width:250px;color:#64748b;font-size:.85rem}.DepartmentManagement-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;height:24px}.DepartmentManagement-chip-code{background:#e3f2fd;color:#1976d2}.DepartmentManagement-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;height:24px}.DepartmentManagement-status-active{background:#c8e6c9;color:#2e7d32}.DepartmentManagement-status-inactive{background:#ffcdd2;color:#c62828}.DepartmentManagement-meta-item{display:flex;align-items:center;gap:6px;color:#64748b;font-size:.85rem}.DepartmentManagement-meta-item svg{color:#94a3b8;flex-shrink:0}.DepartmentManagement-text-muted{color:#94a3b8;font-style:italic}.DepartmentManagement-action-buttons{display:flex;gap:8px;opacity:.7;transition:opacity .2s ease}tr:hover .DepartmentManagement-action-buttons{opacity:1}.DepartmentManagement-action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.DepartmentManagement-action-edit{background:#e3f2fd;color:#1976d2}.DepartmentManagement-action-edit:hover:not(:disabled){background:#bbdefb;transform:scale(1.1)}.DepartmentManagement-action-delete{background:#ffebee;color:#f44336}.DepartmentManagement-action-delete:hover:not(:disabled){background:#ffcdd2;transform:scale(1.1)}.DepartmentManagement-action-btn:disabled{opacity:.5;cursor:not-allowed}.DepartmentManagement-mobile-view{margin-top:16px}.DepartmentManagement-mobile-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;margin-bottom:16px;transition:all .3s ease;position:relative;overflow:visible}.DepartmentManagement-mobile-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px);border-color:#90caf9}.DepartmentManagement-status-indicator{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 2px #0000001a;animation:DepartmentManagement-pulse 2s infinite}@keyframes DepartmentManagement-pulse{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.DepartmentManagement-card-content{padding:20px}.DepartmentManagement-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.DepartmentManagement-card-icon{width:48px;height:48px;border-radius:12px;background:#e3f2fd;color:#1976d2;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #2196f333}.DepartmentManagement-card-info{flex:1}.DepartmentManagement-card-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:4px}.DepartmentManagement-card-tags{display:flex;gap:8px;flex-wrap:wrap}.DepartmentManagement-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:16px;font-size:.65rem;font-weight:600;height:22px}.DepartmentManagement-tag-code{background:#e3f2fd;color:#1976d2}.DepartmentManagement-tag-active{background:#c8e6c9;color:#2e7d32}.DepartmentManagement-tag-inactive{background:#ffcdd2;color:#c62828}.DepartmentManagement-description{background:#f8fafc;padding:12px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:16px;display:flex;gap:8px;align-items:flex-start;color:#64748b;font-size:.85rem;line-height:1.5}.DepartmentManagement-description svg{color:#94a3b8;flex-shrink:0;margin-top:2px}.DepartmentManagement-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.DepartmentManagement-meta{display:flex;gap:12px;flex-wrap:wrap}.DepartmentManagement-card-actions{display:flex;gap:8px}.DepartmentManagement-icon-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-icon-btn{width:34px;height:34px}}.DepartmentManagement-icon-btn-primary{background:#e3f2fd;color:#1976d2}.DepartmentManagement-icon-btn-primary:hover{background:#bbdefb;transform:scale(1.1)}.DepartmentManagement-icon-btn-danger{background:#ffebee;color:#f44336}.DepartmentManagement-icon-btn-danger:hover:not(:disabled){background:#ffcdd2;transform:scale(1.1)}.DepartmentManagement-icon-btn-danger:disabled{opacity:.5;cursor:not-allowed}.DepartmentManagement-empty-state{padding:64px 32px;text-align:center;background:#fff;border-radius:16px;border:2px dashed #e2e8f0}@media(max-width:767px){.DepartmentManagement-empty-state{padding:40px 20px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-empty-state{padding:48px 24px}}.DepartmentManagement-empty-cell{text-align:center;padding:64px!important}@media(max-width:767px){.DepartmentManagement-empty-cell{padding:40px 20px!important}}.DepartmentManagement-empty-icon{width:100px;height:100px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#94a3b8}@media(max-width:767px){.DepartmentManagement-empty-icon{width:80px;height:80px;margin-bottom:16px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-empty-icon{width:90px;height:90px}}.DepartmentManagement-empty-title{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:8px}@media(max-width:767px){.DepartmentManagement-empty-title{font-size:1rem}}.DepartmentManagement-empty-message{color:#64748b;margin-bottom:24px;max-width:300px;margin-left:auto;margin-right:auto}@media(max-width:767px){.DepartmentManagement-empty-message{font-size:.85rem;margin-bottom:16px}}.DepartmentManagement-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;flex-wrap:wrap;gap:16px}@media(max-width:767px){.DepartmentManagement-pagination{flex-direction:column;align-items:stretch;gap:12px;margin-top:20px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-pagination{margin-top:20px}}.DepartmentManagement-pagination-info{color:#64748b;font-size:.85rem}@media(max-width:767px){.DepartmentManagement-pagination-info{text-align:center;font-size:.8rem}}.DepartmentManagement-pagination-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}@media(max-width:767px){.DepartmentManagement-pagination-controls{justify-content:center;gap:16px}}.DepartmentManagement-rows-per-page{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:.85rem;cursor:pointer}.DepartmentManagement-pagination-buttons{display:flex;align-items:center;gap:8px}.DepartmentManagement-pagination-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:.85rem;cursor:pointer;transition:all .2s ease;min-width:70px}@media(max-width:767px){.DepartmentManagement-pagination-btn{padding:8px 12px;min-width:50px;font-size:.9rem}}.DepartmentManagement-pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#2196f3;color:#2196f3}.DepartmentManagement-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.DepartmentManagement-pagination-current{font-weight:600;color:#1e293b;padding:0 8px}@media(max-width:767px){.DepartmentManagement-pagination-current{font-size:.85rem}}.DepartmentManagement-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#2196f3,#1976d2);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 16px #2196f366;transition:all .3s ease;z-index:100}.DepartmentManagement-fab:hover{transform:scale(1.1);box-shadow:0 12px 24px #2196f380}@media(max-width:767px){.DepartmentManagement-fab{bottom:16px;right:16px;width:52px;height:52px}}.DepartmentManagement-menu-overlay{position:fixed;inset:0;background:transparent;z-index:1000}.DepartmentManagement-menu{position:absolute;background:#fff;border-radius:16px;box-shadow:0 12px 32px #0003;min-width:200px;overflow:hidden;animation:DepartmentManagement-menuFade .2s ease}@media(max-width:767px){.DepartmentManagement-menu{min-width:180px;border-radius:12px}}@keyframes DepartmentManagement-menuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.DepartmentManagement-menu-item{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;transition:all .2s ease}@media(max-width:767px){.DepartmentManagement-menu-item{padding:14px}}.DepartmentManagement-menu-item:hover:not(.DepartmentManagement-menu-item-disabled){background:#f8fafc}.DepartmentManagement-menu-item-disabled{opacity:.5;cursor:not-allowed}.DepartmentManagement-menu-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.DepartmentManagement-menu-icon{width:28px;height:28px}}.DepartmentManagement-menu-icon-primary{background:#e3f2fd;color:#1976d2}.DepartmentManagement-menu-icon-danger{background:#ffebee;color:#f44336}.DepartmentManagement-menu-content{flex:1}.DepartmentManagement-menu-title{display:block;font-weight:600;font-size:.9rem;color:#1e293b;margin-bottom:2px}@media(max-width:767px){.DepartmentManagement-menu-title{font-size:.85rem}}.DepartmentManagement-menu-subtitle{display:block;font-size:.7rem;color:#64748b}@media(max-width:767px){.DepartmentManagement-menu-subtitle{display:none}}.DepartmentManagement-menu-divider{height:1px;background:#e2e8f0;margin:8px 0}.DepartmentManagement-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:DepartmentManagement-fadeIn .2s ease}@media(max-width:767px){.DepartmentManagement-modal-overlay{padding:0}}.DepartmentManagement-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:DepartmentManagement-slideUp .3s ease}@media(max-width:767px){.DepartmentManagement-modal{border-radius:0;max-height:100vh;height:100%}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-modal{max-width:500px}}.DepartmentManagement-modal-fullscreen{border-radius:0;max-height:70vh;height:100%}@keyframes DepartmentManagement-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.DepartmentManagement-modal-header{background:linear-gradient(145deg,#2196f3,#1976d2);color:#fff;padding:24px 32px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}@media(max-width:767px){.DepartmentManagement-modal-header{padding:16px 20px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-modal-header{padding:20px 24px}}.DepartmentManagement-modal-header:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;animation:DepartmentManagement-float 8s ease-in-out infinite}.DepartmentManagement-modal-header:after{content:"";position:absolute;bottom:-50px;left:-50px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;animation:DepartmentManagement-float 10s ease-in-out infinite reverse}@keyframes DepartmentManagement-float{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}.DepartmentManagement-modal-header-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}@media(max-width:767px){.DepartmentManagement-modal-header-content{gap:12px}}.DepartmentManagement-modal-icon{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#1976d2;box-shadow:0 8px 16px #0003}@media(max-width:767px){.DepartmentManagement-modal-icon{width:40px;height:40px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-modal-icon{width:44px;height:44px}}.DepartmentManagement-modal-title{font-size:1.2rem;font-weight:700;margin-bottom:4px}@media(max-width:767px){.DepartmentManagement-modal-title{font-size:1rem}}.DepartmentManagement-modal-subtitle{font-size:.8rem;opacity:.9}@media(max-width:767px){.DepartmentManagement-modal-subtitle{display:none}}.DepartmentManagement-modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:1}@media(max-width:767px){.DepartmentManagement-modal-close{width:32px;height:32px}}.DepartmentManagement-modal-close:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.DepartmentManagement-modal-close:disabled{opacity:.5;cursor:not-allowed}.DepartmentManagement-modal-body{padding:28px 32px}@media(max-width:767px){.DepartmentManagement-modal-body{padding:20px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-modal-body{padding:24px}}.DepartmentManagement-modal-footer{padding:24px 32px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;gap:16px;justify-content:flex-end}@media(max-width:767px){.DepartmentManagement-modal-footer{padding:16px 20px;flex-direction:column;gap:8px}}@media(min-width:768px)and (max-width:1023px){.DepartmentManagement-modal-footer{padding:20px 24px}}.DepartmentManagement-info-banner{background:#e3f2fd;border:1px solid #bbdefb;border-radius:12px;padding:12px 16px;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#1976d2}@media(max-width:767px){.DepartmentManagement-info-banner{padding:10px 12px;margin-bottom:16px;gap:8px}}.DepartmentManagement-info-title{font-weight:600;font-size:.9rem;margin-bottom:2px}@media(max-width:767px){.DepartmentManagement-info-title{font-size:.85rem}}.DepartmentManagement-info-subtitle{font-size:.75rem;color:#546e7a}@media(max-width:767px){.DepartmentManagement-info-subtitle{display:none}}.DepartmentManagement-form-group{margin-bottom:20px}@media(max-width:767px){.DepartmentManagement-form-group{margin-bottom:16px}}.DepartmentManagement-form-label{display:block;font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:6px}@media(max-width:767px){.DepartmentManagement-form-label{font-size:.85rem;margin-bottom:4px}}.DepartmentManagement-input-wrapper{position:relative;display:flex;align-items:center}.DepartmentManagement-input-icon{position:absolute;left:12px;color:#2196f3;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.DepartmentManagement-input-icon{left:10px}}.DepartmentManagement-form-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem;transition:all .2s ease;background:#fff;font-family:inherit}@media(max-width:767px){.DepartmentManagement-form-input{padding:10px 10px 10px 38px;font-size:.85rem;border-radius:10px}}.DepartmentManagement-form-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.DepartmentManagement-textarea{resize:vertical;min-height:100px}@media(max-width:767px){.DepartmentManagement-textarea{min-height:80px}}.DepartmentManagement-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:DepartmentManagement-spin 1s linear infinite;margin-right:8px}@media(max-width:767px){.DepartmentManagement-spinner{width:14px;height:14px;margin-right:6px}}@keyframes DepartmentManagement-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.DepartmentManagement-loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(145deg,#667eea,#764ba2);padding:16px}.DepartmentManagement-loading-card{padding:32px 48px;border-radius:32px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;width:100%}@media(max-width:767px){.DepartmentManagement-loading-card{padding:24px 32px;border-radius:24px}}.DepartmentManagement-loading-spinner{width:60px;height:60px;margin:0 auto 24px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:DepartmentManagement-spin 1s linear infinite}@media(max-width:767px){.DepartmentManagement-loading-spinner{width:50px;height:50px;margin-bottom:20px}}.DepartmentManagement-loading-title{font-size:2rem;font-weight:800;margin-bottom:8px;background:linear-gradient(145deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:767px){.DepartmentManagement-loading-title{font-size:1.5rem}}.DepartmentManagement-loading-text{color:#64748b;font-weight:500}@media(max-width:767px){.DepartmentManagement-loading-text{font-size:.9rem}}:root{--primary: #1976d2;--primary-dark: #1565c0;--primary-light: #e3f2fd;--secondary: #7b1fa2;--secondary-light: #f3e5f5;--success: #388e3c;--success-light: #e8f5e9;--warning: #f57c00;--warning-light: #fff3e0;--danger: #d32f2f;--danger-light: #ffebee;--info: #0288d1;--info-light: #e1f5fe;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--white: #ffffff;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px}.AdminTaskManagement-container{background:linear-gradient(135deg,#667eea0d,#764ba20d);min-height:100vh;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);width:100%;overflow-x:hidden;animation:AdminTaskManagement-fadeIn .5s ease}@keyframes AdminTaskManagement-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes AdminTaskManagement-slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes AdminTaskManagement-scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes AdminTaskManagement-spin{to{transform:rotate(360deg)}}@keyframes AdminTaskManagement-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes AdminTaskManagement-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes AdminTaskManagement-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.AdminTaskManagement-header{background:var(--white);padding:20px;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin-bottom:20px;border:1px solid var(--gray-200);animation:AdminTaskManagement-slideIn .5s ease;transition:var(--transition)}.AdminTaskManagement-header:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.AdminTaskManagement-header-content{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.AdminTaskManagement-header-content{flex-direction:row;justify-content:space-between;align-items:center}}.AdminTaskManagement-header-title{position:relative}.AdminTaskManagement-header-title h2{font-size:24px;font-weight:700;color:var(--gray-800);margin:0 0 6px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.AdminTaskManagement-header-subtitle{font-size:14px;color:var(--gray-600);line-height:1.5}.AdminTaskManagement-header-info{display:flex;flex-direction:column;gap:8px;margin-top:12px;animation:AdminTaskManagement-fadeIn .5s ease .2s both}@media(min-width:480px){.AdminTaskManagement-header-info{flex-direction:row;flex-wrap:wrap}}.AdminTaskManagement-header-info span{font-size:12px;padding:8px 16px;background:linear-gradient(135deg,var(--gray-100),var(--white));border-radius:30px;display:inline-flex;align-items:center;gap:8px;color:var(--gray-700);width:fit-content;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition);word-break:break-word;max-width:100%}.AdminTaskManagement-header-info span:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.AdminTaskManagement-user-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.AdminTaskManagement-user-role-badge,.AdminTaskManagement-user-jobrole{font-size:11px;padding:6px 14px;border-radius:30px;font-weight:600;letter-spacing:.3px;animation:AdminTaskManagement-scaleIn .3s ease;transition:var(--transition);box-shadow:var(--shadow-sm)}.AdminTaskManagement-user-role-badge{background:linear-gradient(135deg,var(--primary-light),var(--white));color:var(--primary-dark);border:1px solid var(--primary)}.AdminTaskManagement-user-jobrole{background:linear-gradient(135deg,var(--secondary-light),var(--white));color:var(--secondary);border:1px solid var(--secondary)}.AdminTaskManagement-user-role-badge:hover,.AdminTaskManagement-user-jobrole:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.AdminTaskManagement-header-actions{display:flex;gap:10px;width:100%;animation:AdminTaskManagement-fadeIn .5s ease .3s both}@media(min-width:480px){.AdminTaskManagement-header-actions{flex-direction:row;align-items:center;width:auto}}.AdminTaskManagement-btn{padding:12px 20px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;position:relative;overflow:hidden;letter-spacing:.3px;box-shadow:var(--shadow-sm)}@media(min-width:480px){.AdminTaskManagement-btn{width:auto;min-height:44px;padding:10px 24px}}.AdminTaskManagement-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.AdminTaskManagement-btn:active:before{width:300px;height:300px}.AdminTaskManagement-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.AdminTaskManagement-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1976d266}.AdminTaskManagement-btn-outline{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300)}.AdminTaskManagement-btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.AdminTaskManagement-btn-danger{background:linear-gradient(135deg,var(--danger),#c62828);color:var(--white)}.AdminTaskManagement-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d32f2f66}.AdminTaskManagement-btn-sm{padding:8px 16px;font-size:13px;min-height:38px}.AdminTaskManagement-btn-block{width:100%}.AdminTaskManagement-btn:disabled{opacity:.5;pointer-events:none;transform:none}.AdminTaskManagement-icon-btn{width:48px;height:48px;border-radius:16px;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.AdminTaskManagement-icon-btn:hover{transform:translateY(-2px) rotate(5deg);box-shadow:var(--shadow-md);border-color:var(--primary);color:var(--primary)}.AdminTaskManagement-btn-notifications{position:relative;align-self:flex-start}@media(min-width:480px){.AdminTaskManagement-btn-notifications{align-self:auto}}.AdminTaskManagement-notification-badge{position:absolute;top:3px;right:0;background:linear-gradient(135deg,var(--danger),#c62828);color:var(--white);border-radius:50%;width:22px;height:22px;font-size:11px;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);font-weight:700;animation:AdminTaskManagement-pulse 2s infinite}.AdminTaskManagement-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;animation:AdminTaskManagement-fadeIn .5s ease .1s both}@media(min-width:640px){.AdminTaskManagement-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.AdminTaskManagement-stats-grid{grid-template-columns:repeat(6,1fr)}}.AdminTaskManagement-stat-card{background:var(--white);padding:16px 12px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);border-left:4px solid var(--primary);transition:var(--transition);position:relative;overflow:hidden;animation:AdminTaskManagement-scaleIn .3s ease}.AdminTaskManagement-stat-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.AdminTaskManagement-stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.AdminTaskManagement-stat-card:hover:after{transform:translate(100%)}.AdminTaskManagement-stat-card-content{display:flex;align-items:center;gap:12px}.AdminTaskManagement-stat-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary-light),var(--white));color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:var(--transition)}.AdminTaskManagement-stat-card:hover .AdminTaskManagement-stat-icon{transform:rotate(6deg)}.AdminTaskManagement-stat-text{flex:1;min-width:0}.AdminTaskManagement-stat-label{font-size:11px;color:var(--gray-600);font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.AdminTaskManagement-stat-value{font-size:22px;font-weight:700;color:var(--gray-800);line-height:1}.AdminTaskManagement-no-stats-message{grid-column:1 / -1;text-align:center;padding:32px;background:var(--white);border-radius:var(--border-radius-lg);border:1px solid var(--gray-200);color:var(--gray-600);display:flex;flex-direction:column;align-items:center;gap:12px;animation:AdminTaskManagement-fadeIn .3s ease}.AdminTaskManagement-no-stats-message svg{color:var(--gray-400);font-size:32px}.AdminTaskManagement-no-stats-message p{font-size:14px;font-weight:500}.AdminTaskManagement-filter-section{background:var(--white);padding:20px;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin-bottom:20px;border:1px solid var(--gray-200);animation:AdminTaskManagement-slideIn .5s ease .2s both;transition:var(--transition)}.AdminTaskManagement-filter-section:hover{box-shadow:var(--shadow-lg)}.AdminTaskManagement-filter-stack{display:flex;flex-direction:column;gap:20px}.AdminTaskManagement-filter-search-row{display:flex;gap:12px;width:100%}@media(min-width:640px){.AdminTaskManagement-filter-search-row{flex-direction:row;align-items:center}}.AdminTaskManagement-search-input-container{position:relative;width:100%;flex:1}.AdminTaskManagement-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:16px;z-index:1;transition:var(--transition)}.AdminTaskManagement-search-input{width:100%;padding:14px 14px 14px 48px;border:2px solid var(--gray-200);border-radius:30px;font-size:15px;background:var(--white);min-height:52px;transition:var(--transition)}.AdminTaskManagement-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #1976d21a;transform:translateY(-2px)}.AdminTaskManagement-search-input:focus+.AdminTaskManagement-search-icon{color:var(--primary);transform:translateY(-50%) scale(1.1)}.AdminTaskManagement-date-range-filters{display:flex;gap:12px;background:linear-gradient(135deg,var(--gray-100),var(--white));padding:16px;border-radius:20px;border:1px solid var(--gray-200);width:55%;transition:var(--transition)}.AdminTaskManagement-date-range-filters:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}@media(min-width:640px){.AdminTaskManagement-date-range-filters{flex-direction:row}}@media(max-width:768px){.AdminTaskManagement-date-range-filters{width:100%;flex-direction:column}}.AdminTaskManagement-date-input-container{display:flex;flex-direction:column;gap:6px;width:100%}.AdminTaskManagement-date-input-container label{font-size:12px;font-weight:600;color:var(--gray-700);margin-left:8px;text-transform:uppercase;letter-spacing:.3px}.AdminTaskManagement-date-input{padding:12px 16px;border:2px solid var(--gray-200);border-radius:30px;font-size:14px;background:var(--white);min-height:48px;width:100%;transition:var(--transition)}.AdminTaskManagement-date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #1976d21a;transform:translateY(-2px)}.AdminTaskManagement-filter-grid{display:flex;flex-direction:column;gap:12px;width:100%}@media(min-width:640px){.AdminTaskManagement-filter-grid{display:grid;grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.AdminTaskManagement-filter-grid{grid-template-columns:repeat(4,1fr)}}.AdminTaskManagement-filter-select-container{display:flex;flex-direction:column;gap:6px;width:100%}.AdminTaskManagement-filter-select-container label{display:none}.AdminTaskManagement-filter-select{padding:12px 48px 12px 16px;border:2px solid var(--gray-200);border-radius:30px;font-size:16px;background:var(--white);min-height:48px;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495e6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;appearance:none;transition:var(--transition)}.AdminTaskManagement-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #1976d21a;transform:translateY(-2px)}.AdminTaskManagement-card{background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin-bottom:20px;border:1px solid var(--gray-200);overflow:hidden;width:100%;animation:AdminTaskManagement-slideIn .5s ease .3s both;transition:var(--transition)}.AdminTaskManagement-card:hover{box-shadow:var(--shadow-lg)}.AdminTaskManagement-card-header{padding:18px 20px;background:linear-gradient(135deg,var(--gray-100),var(--white));border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.AdminTaskManagement-card-title{font-size:16px;font-weight:700;color:var(--gray-800);display:flex;align-items:center;gap:8px}.AdminTaskManagement-card-title svg{color:var(--primary);animation:AdminTaskManagement-pulse 2s infinite}.AdminTaskManagement-card-content{padding:20px}.AdminTaskManagement-card-outline{border:1px solid var(--gray-200);box-shadow:none}.AdminTaskManagement-card-outline:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.AdminTaskManagement-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:thin;scrollbar-color:var(--primary) var(--gray-200)}.AdminTaskManagement-table-responsive::-webkit-scrollbar{height:6px}.AdminTaskManagement-table-responsive::-webkit-scrollbar-track{background:var(--gray-200);border-radius:10px}.AdminTaskManagement-table-responsive::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.AdminTaskManagement-table-responsive::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.AdminTaskManagement-table{width:100%;border-collapse:collapse;font-size:13px;min-width:800px}.AdminTaskManagement-table thead{background:linear-gradient(135deg,var(--gray-100),var(--gray-200))}.AdminTaskManagement-table th{padding:14px 12px;text-align:left;font-weight:700;color:var(--gray-700);border-bottom:2px solid var(--gray-300);white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.AdminTaskManagement-table td{padding:14px 12px;border-bottom:1px solid var(--gray-200);vertical-align:middle;transition:var(--transition)}.AdminTaskManagement-table tbody tr{transition:var(--transition);animation:AdminTaskManagement-fadeIn .3s ease}.AdminTaskManagement-table tbody tr:hover{background:linear-gradient(135deg,var(--gray-100),var(--white));transform:scale(1.01);box-shadow:var(--shadow-md)}.AdminTaskManagement-task-overdue{background:linear-gradient(135deg,var(--danger-light),#fff5f5)}.AdminTaskManagement-task-title-cell{display:flex;flex-direction:column;gap:4px;min-width:200px}.AdminTaskManagement-task-title{font-weight:700;color:var(--gray-800);font-size:14px}.AdminTaskManagement-task-description{font-size:11px;color:var(--gray-600);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.AdminTaskManagement-status-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:30px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:1px solid transparent;transition:var(--transition);animation:AdminTaskManagement-scaleIn .3s ease}.AdminTaskManagement-status-chip:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.AdminTaskManagement-status-warning{background:linear-gradient(135deg,var(--warning-light),#ffe0b2);color:var(--warning);border-color:var(--warning)}.AdminTaskManagement-status-info{background:linear-gradient(135deg,var(--primary-light),#bbdefb);color:var(--primary-dark);border-color:var(--primary)}.AdminTaskManagement-status-success{background:linear-gradient(135deg,var(--success-light),#c8e6c9);color:var(--success);border-color:var(--success)}.AdminTaskManagement-status-error{background:linear-gradient(135deg,var(--danger-light),#ffcdd2);color:var(--danger);border-color:var(--danger)}.AdminTaskManagement-status-default{background:linear-gradient(135deg,var(--gray-100),var(--white));color:var(--gray-700);border-color:var(--gray-300)}.AdminTaskManagement-priority-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:30px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:var(--white);border:1px solid var(--gray-300);transition:var(--transition)}.AdminTaskManagement-priority-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.AdminTaskManagement-priority-error{color:var(--danger);background:var(--danger-light);border-color:var(--danger)}.AdminTaskManagement-priority-warning{color:var(--warning);background:var(--warning-light);border-color:var(--warning)}.AdminTaskManagement-priority-success{color:var(--success);background:var(--success-light);border-color:var(--success)}.AdminTaskManagement-priority-default{color:var(--gray-700);background:var(--gray-100);border-color:var(--gray-300)}.AdminTaskManagement-due-date-cell{display:flex;flex-direction:column;gap:4px;min-width:110px}.AdminTaskManagement-due-date{font-weight:600;color:var(--gray-700)}.AdminTaskManagement-due-time{font-size:10px;color:var(--gray-500);font-weight:500}.AdminTaskManagement-overdue-badge{font-size:9px;padding:3px 8px;background:linear-gradient(135deg,var(--danger-light),#ffebee);color:var(--danger);border-radius:30px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-weight:700;border:1px solid var(--danger);animation:AdminTaskManagement-pulse 2s infinite}.AdminTaskManagement-assigned-users-container{display:flex;flex-direction:column;gap:6px;min-width:220px;max-width:280px}.AdminTaskManagement-assigned-users-list{display:flex;flex-direction:column;gap:4px}.AdminTaskManagement-user-badge{display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(135deg,var(--gray-100),var(--white));border-radius:30px;border:1px solid var(--gray-200);transition:var(--transition);animation:AdminTaskManagement-fadeIn .3s ease;width:50%}.AdminTaskManagement-user-badge:hover{transform:translate(4px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.AdminTaskManagement-user-initial{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm)}.AdminTaskManagement-user-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:wrap}.AdminTaskManagement-user-name{font-size:12px;font-weight:600;color:var(--gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}.AdminTaskManagement-user-status{font-size:9px;padding:2px 8px;border-radius:30px;display:inline-block;width:fit-content;font-weight:600;text-transform:uppercase;white-space:nowrap}.AdminTaskManagement-user-status-pending{background:var(--warning-light);color:var(--warning);border:1px solid var(--warning)}.AdminTaskManagement-user-status-in-progress{background:var(--primary-light);color:var(--primary-dark);border:1px solid var(--primary)}.AdminTaskManagement-user-status-completed{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.AdminTaskManagement-user-status-rejected{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.AdminTaskManagement-see-more-btn,.AdminTaskManagement-see-less-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:11px;font-weight:600;padding:4px 8px;text-align:left;text-decoration:underline;transition:var(--transition);width:fit-content}.AdminTaskManagement-see-more-btn:hover,.AdminTaskManagement-see-less-btn:hover{color:var(--primary-dark);transform:translate(2px)}.AdminTaskManagement-assigned-count{font-size:10px;color:var(--gray-500);font-weight:500;margin-top:2px;padding-left:4px}.AdminTaskManagement-no-users{color:var(--gray-500);font-style:italic;font-size:11px;padding:4px 0}.AdminTaskManagement-action-buttons{display:flex;gap:4px;flex-wrap:wrap;min-width:180px}.AdminTaskManagement-icon-btn-sm{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:8px;background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);position:relative;overflow:hidden;font-size:14px}.AdminTaskManagement-icon-btn-sm:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .4s,height .4s}.AdminTaskManagement-icon-btn-sm:hover:before{width:50px;height:50px}.AdminTaskManagement-icon-btn-sm:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary);color:var(--primary)}.AdminTaskManagement-btn-danger-sm{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.AdminTaskManagement-btn-danger-sm:hover{background:linear-gradient(135deg,var(--danger),#c62828);color:var(--white);border-color:var(--danger)}.AdminTaskManagement-pagination{padding:18px 20px;border-top:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-100),var(--white));display:flex;flex-direction:column;gap:16px;animation:AdminTaskManagement-fadeIn .5s ease}@media(min-width:640px){.AdminTaskManagement-pagination{flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:640px){.AdminTaskManagement-filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.AdminTaskManagement-table{width:50%;max-width:200px}}.AdminTaskManagement-pagination-info{font-size:13px;color:var(--gray-600);text-align:center;font-weight:500}.AdminTaskManagement-pagination-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.AdminTaskManagement-pagination-page{font-size:13px;color:var(--gray-700);margin:0 8px;font-weight:600}.AdminTaskManagement-select{padding:10px 40px 10px 14px;border:2px solid var(--gray-200);border-radius:30px;font-size:13px;background:var(--white);color:var(--gray-700);cursor:pointer;min-height:42px;transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495e6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;appearance:none}.AdminTaskManagement-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #1976d21a}.AdminTaskManagement-empty-state{text-align:center;padding:48px 20px;width:100%;animation:AdminTaskManagement-scaleIn .5s ease}.AdminTaskManagement-empty-icon{color:var(--gray-400);margin-bottom:20px;font-size:56px;animation:AdminTaskManagement-pulse 2s infinite;display:inline-block}.AdminTaskManagement-empty-state h4{margin:0 0 10px;color:var(--gray-700);font-weight:700;font-size:20px}.AdminTaskManagement-empty-state h5{margin:0 0 8px;color:var(--gray-600);font-weight:600;font-size:16px}.AdminTaskManagement-empty-state p{margin:0 0 24px;color:var(--gray-500);font-size:14px;line-height:1.6}.AdminTaskManagement-loading-container{text-align:center;padding:60px 20px}.AdminTaskManagement-loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-right:4px solid var(--primary);border-radius:50%;animation:AdminTaskManagement-spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin:0 auto 20px}.AdminTaskManagement-spin{animation:AdminTaskManagement-spin 1s linear infinite}.AdminTaskManagement-modal{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;opacity:0;visibility:hidden;transition:all .3s ease}@media(min-width:640px){.AdminTaskManagement-modal{align-items:center;padding:20px}}.AdminTaskManagement-modal-open{opacity:1;visibility:visible}.AdminTaskManagement-modal-content{background:var(--white);border-radius:24px 24px 0 0;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}@media(min-width:640px){.AdminTaskManagement-modal-content{border-radius:24px;max-width:500px;transform:translateY(0) scale(.9);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.AdminTaskManagement-modal-large{max-width:800px}.AdminTaskManagement-modal-medium{max-width:600px}}.AdminTaskManagement-modal-open .AdminTaskManagement-modal-content{transform:translateY(0) scale(1)}.AdminTaskManagement-modal-header{padding:20px;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--white),var(--gray-100));position:relative}.AdminTaskManagement-modal-header.AdminTaskManagement-modal-info{background:linear-gradient(135deg,var(--primary-light),var(--white))}.AdminTaskManagement-modal-header.AdminTaskManagement-modal-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.AdminTaskManagement-modal-header.AdminTaskManagement-modal-primary h3,.AdminTaskManagement-modal-header.AdminTaskManagement-modal-primary .AdminTaskManagement-modal-subtitle{color:var(--white)}.AdminTaskManagement-modal-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.AdminTaskManagement-modal-title-icon{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.AdminTaskManagement-modal-title-icon h3{margin:0;font-size:18px;font-weight:700;color:var(--gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AdminTaskManagement-modal-title-icon svg{color:var(--primary);animation:AdminTaskManagement-pulse 2s infinite}.AdminTaskManagement-modal-subtitle{font-size:12px;color:var(--gray-600);margin-top:4px;font-weight:500}.AdminTaskManagement-modal-body{padding:20px;overflow-y:auto;flex:1;max-height:60vh;-webkit-overflow-scrolling:touch}.AdminTaskManagement-modal-body.AdminTaskManagement-modal-scroll{max-height:70vh}.AdminTaskManagement-modal-footer{padding:20px;border-top:1px solid var(--gray-200);background:var(--gray-100);display:flex;flex-direction:column-reverse;gap:10px}@media(min-width:640px){.AdminTaskManagement-modal-footer{flex-direction:row;justify-content:flex-end;gap:12px}}.AdminTaskManagement-form-container{display:flex;flex-direction:column;gap:20px}.AdminTaskManagement-form-group{display:flex;flex-direction:column;gap:6px;width:100%}.AdminTaskManagement-form-group label{font-size:13px;font-weight:600;color:var(--gray-700);margin-left:4px;text-transform:uppercase;letter-spacing:.3px}.AdminTaskManagement-form-input,.AdminTaskManagement-form-textarea,.AdminTaskManagement-form-select{padding:14px 16px;border:2px solid var(--gray-200);border-radius:16px;font-size:15px;background:var(--white);width:100%;min-height:52px;transition:var(--transition)}.AdminTaskManagement-form-textarea{min-height:100px;resize:vertical}.AdminTaskManagement-form-input:focus,.AdminTaskManagement-form-textarea:focus,.AdminTaskManagement-form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #1976d21a;transform:translateY(-2px)}.AdminTaskManagement-form-row{display:flex;flex-direction:column;gap:16px;width:100%}@media(min-width:640px){.AdminTaskManagement-form-row{flex-direction:row}}.AdminTaskManagement-form-hint{font-size:11px;color:var(--gray-600);margin-top:4px}.AdminTaskManagement-role-hint{margin-bottom:16px}.AdminTaskManagement-role-hint-admin,.AdminTaskManagement-role-hint-employee{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:30px;font-size:12px;font-weight:600;box-shadow:var(--shadow-sm);animation:AdminTaskManagement-scaleIn .3s ease}.AdminTaskManagement-role-hint-admin{background:linear-gradient(135deg,var(--primary-light),#bbdefb);color:var(--primary-dark);border:1px solid var(--primary)}.AdminTaskManagement-role-hint-employee{background:linear-gradient(135deg,var(--secondary-light),#e1bee7);color:var(--secondary);border:1px solid var(--secondary)}.AdminTaskManagement-role-badge{font-size:10px;padding:3px 8px;background:#0000000d;border-radius:20px;margin-left:6px;font-weight:500}.AdminTaskManagement-checkbox-option{padding:12px 16px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:12px;transition:var(--transition);cursor:pointer;animation:AdminTaskManagement-fadeIn .3s ease}.AdminTaskManagement-checkbox-option:hover{background:linear-gradient(135deg,var(--primary-light),var(--white));transform:translate(4px)}.AdminTaskManagement-checkbox-option input[type=checkbox]{width:20px;height:20px;flex-shrink:0;cursor:pointer;accent-color:var(--primary);transition:var(--transition)}.AdminTaskManagement-checkbox-option input[type=checkbox]:hover{transform:scale(1.1)}.AdminTaskManagement-checkbox-option label{flex:1;cursor:pointer;font-size:14px;font-weight:500}.AdminTaskManagement-multi-select-container{border:2px solid var(--gray-200);border-radius:16px;overflow:hidden;background:var(--white);width:100%;transition:var(--transition)}.AdminTaskManagement-multi-select-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #1976d21a}.AdminTaskManagement-select-search-bar{position:relative;padding:12px;border-bottom:1px solid var(--gray-200);background:var(--gray-100)}.AdminTaskManagement-select-search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--gray-500);z-index:1}.AdminTaskManagement-select-search-input{width:100%;padding:10px 12px 10px 44px;border:2px solid var(--gray-200);border-radius:30px;font-size:14px;background:var(--white);min-height:44px;transition:var(--transition)}.AdminTaskManagement-select-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1976d21a}.AdminTaskManagement-select-search-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:var(--gray-300);border:none;color:var(--gray-600);cursor:pointer;padding:6px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.AdminTaskManagement-select-search-clear:hover{background:var(--danger);color:var(--white);transform:translateY(-50%) rotate(90deg)}.AdminTaskManagement-multi-select-options{max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch}.AdminTaskManagement-multi-select-option{padding:14px 16px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:14px;transition:var(--transition);cursor:pointer;animation:AdminTaskManagement-fadeIn .3s ease}.AdminTaskManagement-multi-select-option:hover{background:linear-gradient(135deg,var(--primary-light),var(--white));transform:translate(4px)}.AdminTaskManagement-multi-select-option input[type=checkbox]{width:20px;height:20px;flex-shrink:0;cursor:pointer;accent-color:var(--primary);transition:var(--transition)}.AdminTaskManagement-multi-select-option input[type=checkbox]:hover{transform:scale(1.1)}.AdminTaskManagement-multi-select-label{flex:1;cursor:pointer;font-size:14px;font-weight:500}.AdminTaskManagement-multi-select-text{display:flex;flex-direction:column;gap:2px}.AdminTaskManagement-multi-select-primary{font-weight:600;color:var(--gray-800)}.AdminTaskManagement-multi-select-secondary{font-size:11px;color:var(--gray-600);display:flex;flex-wrap:wrap;align-items:center;gap:4px}.AdminTaskManagement-separator{color:var(--gray-400);font-size:10px}.AdminTaskManagement-multi-select-empty{padding:32px;text-align:center;color:var(--gray-500);font-weight:500}.AdminTaskManagement-user-info-chip{display:flex;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(135deg,var(--gray-100),var(--white));border-radius:30px;border:1px solid var(--gray-200);width:100%;transition:var(--transition);animation:AdminTaskManagement-fadeIn .3s ease}.AdminTaskManagement-user-info-chip:hover{transform:translateY(-2px) scale(1.02);border-color:var(--primary);box-shadow:var(--shadow-md)}.AdminTaskManagement-user-info-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm)}.AdminTaskManagement-user-info-details{flex:1;min-width:0}.AdminTaskManagement-user-info-name{font-weight:700;color:var(--gray-800);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.AdminTaskManagement-user-info-meta{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--gray-600)}.AdminTaskManagement-user-info-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.AdminTaskManagement-selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.AdminTaskManagement-selected-chip{background:linear-gradient(135deg,var(--primary-light),#bbdefb);color:var(--primary-dark);padding:5px 12px;border-radius:30px;font-size:11px;font-weight:600;border:1px solid var(--primary);display:inline-flex;align-items:center;gap:6px;animation:AdminTaskManagement-scaleIn .3s ease;transition:var(--transition)}.AdminTaskManagement-selected-chip:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-sm)}.AdminTaskManagement-selected-label{font-size:12px;color:var(--gray-600);font-weight:500}.AdminTaskManagement-file-upload{position:relative;width:100%}.AdminTaskManagement-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.AdminTaskManagement-file-upload-hint{padding:16px;border:2px dashed var(--gray-300);border-radius:16px;text-align:center;color:var(--gray-600);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gray-100),var(--white));min-height:60px;width:100%;transition:var(--transition)}.AdminTaskManagement-file-upload:hover .AdminTaskManagement-file-upload-hint{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-light),var(--white));color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.AdminTaskManagement-image-upload-section{display:flex;flex-direction:column;gap:12px}.AdminTaskManagement-image-upload-area{border:2px dashed var(--gray-300);border-radius:16px;padding:24px 16px;text-align:center;cursor:pointer;transition:var(--transition);min-height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gray-100),var(--white))}.AdminTaskManagement-image-upload-area:hover{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-light),var(--white));transform:translateY(-2px);box-shadow:var(--shadow-md)}.AdminTaskManagement-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.AdminTaskManagement-upload-icon{color:var(--primary);font-size:28px;animation:AdminTaskManagement-pulse 2s infinite}.AdminTaskManagement-upload-text{font-weight:600;color:var(--gray-700);font-size:14px}.AdminTaskManagement-upload-subtext{font-size:11px;color:var(--gray-500)}.AdminTaskManagement-upload-btn{margin-top:8px}.AdminTaskManagement-image-preview-container{margin-top:12px}.AdminTaskManagement-image-preview-container label{font-size:12px;font-weight:600;color:var(--gray-700);margin-bottom:8px;display:block}.AdminTaskManagement-image-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}@media(min-width:480px){.AdminTaskManagement-image-preview-grid{grid-template-columns:repeat(3,1fr)}}.AdminTaskManagement-image-preview-item{position:relative;border-radius:12px;overflow:hidden;border:2px solid var(--gray-200);aspect-ratio:1;transition:var(--transition)}.AdminTaskManagement-image-preview-item:hover{transform:scale(1.05);border-color:var(--primary);box-shadow:var(--shadow-md)}.AdminTaskManagement-image-preview-item img{width:100%;height:100%;object-fit:cover}.AdminTaskManagement-remove-image-btn{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,var(--danger),#c62828);color:var(--white);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:var(--transition);border:2px solid var(--white)}.AdminTaskManagement-remove-image-btn:hover{transform:rotate(90deg) scale(1.1)}.AdminTaskManagement-remarks-container{display:flex;flex-direction:column;gap:20px}.AdminTaskManagement-remark-textarea{width:100%;padding:16px;border:2px solid var(--gray-200);border-radius:16px;font-size:14px;margin-bottom:12px;min-height:100px;resize:vertical;transition:var(--transition)}.AdminTaskManagement-remark-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #1976d21a}.AdminTaskManagement-remarks-history{display:flex;flex-direction:column;gap:16px}.AdminTaskManagement-remarks-history h4{font-size:16px;font-weight:700;color:var(--gray-700);margin-bottom:8px}.AdminTaskManagement-remarks-list{display:flex;flex-direction:column;gap:12px}.AdminTaskManagement-remark-item{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:16px;transition:var(--transition);animation:AdminTaskManagement-fadeIn .3s ease}.AdminTaskManagement-remark-item:hover{transform:translateY(-2px) scale(1.01);border-color:var(--primary);box-shadow:var(--shadow-md)}.AdminTaskManagement-remark-header{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}@media(min-width:640px){.AdminTaskManagement-remark-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.AdminTaskManagement-remark-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.AdminTaskManagement-remark-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.AdminTaskManagement-remark-user-info{flex:1;min-width:0}.AdminTaskManagement-remark-user-name{font-weight:700;color:var(--gray-800);font-size:14px;margin-bottom:2px}.AdminTaskManagement-remark-user-details{font-size:10px;color:var(--gray-600)}.AdminTaskManagement-remark-text{color:var(--gray-700);font-size:13px;line-height:1.5;margin-bottom:12px}.AdminTaskManagement-remark-image-container{margin-top:8px}.AdminTaskManagement-remark-image-container label{font-size:11px;font-weight:600;color:var(--gray-600);margin-bottom:4px;display:block}.AdminTaskManagement-remark-image-preview{position:relative;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--gray-200);aspect-ratio:16/9;transition:var(--transition)}.AdminTaskManagement-remark-image-preview:hover{transform:scale(1.02);border-color:var(--primary);box-shadow:var(--shadow-md)}.AdminTaskManagement-remark-image-preview img{width:100%;height:100%;object-fit:cover}.AdminTaskManagement-zoom-image-btn{position:absolute;bottom:8px;right:8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--white);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.AdminTaskManagement-zoom-image-btn:hover{background:var(--primary);transform:scale(1.1)}.AdminTaskManagement-modal-zoom{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center}.AdminTaskManagement-modal-zoom-content{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.AdminTaskManagement-zoom-close-btn{position:absolute;top:20px;right:20px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--white);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:1001;transition:var(--transition);border:1px solid rgba(255,255,255,.1)}.AdminTaskManagement-zoom-close-btn:hover{background:var(--danger);transform:rotate(90deg) scale(1.1)}.AdminTaskManagement-zoomed-image{max-width:95%;max-height:90vh;object-fit:contain;border-radius:16px;animation:AdminTaskManagement-scaleIn .3s ease;box-shadow:var(--shadow-xl)}.AdminTaskManagement-notifications-list{display:flex;flex-direction:column;gap:10px}.AdminTaskManagement-notification-item{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:16px;transition:var(--transition);animation:AdminTaskManagement-slideIn .3s ease}.AdminTaskManagement-notification-item:hover{transform:translate(4px) translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.AdminTaskManagement-notification-unread{background:linear-gradient(135deg,var(--primary-light),var(--white));border-left:4px solid var(--primary)}.AdminTaskManagement-notification-content{display:flex;flex-direction:column;gap:6px}.AdminTaskManagement-notification-title{font-weight:700;color:var(--gray-800);font-size:14px}.AdminTaskManagement-notification-message{color:var(--gray-600);font-size:13px;line-height:1.5}.AdminTaskManagement-notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;flex-wrap:wrap;gap:8px}.AdminTaskManagement-notification-date{font-size:10px;color:var(--gray-500);font-weight:500}.AdminTaskManagement-user-statuses{display:flex;flex-direction:column;gap:10px}.AdminTaskManagement-user-status-item{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:16px;transition:var(--transition);animation:AdminTaskManagement-fadeIn .3s ease}.AdminTaskManagement-user-status-item:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.AdminTaskManagement-user-status-header{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}@media(min-width:640px){.AdminTaskManagement-user-status-header{flex-direction:row;justify-content:space-between;align-items:center}}.AdminTaskManagement-user-status-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.AdminTaskManagement-user-status-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.AdminTaskManagement-user-status-info{flex:1;min-width:0}.AdminTaskManagement-user-status-name{font-weight:700;color:var(--gray-800);font-size:14px;margin-bottom:2px}.AdminTaskManagement-user-status-details{font-size:11px;color:var(--gray-600);line-height:1.4}.AdminTaskManagement-user-status-updated{font-size:10px;color:var(--gray-500);margin-top:6px}.AdminTaskManagement-activity-logs{display:flex;flex-direction:column;gap:12px}.AdminTaskManagement-activity-log{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:16px;transition:var(--transition);animation:AdminTaskManagement-slideIn .3s ease}.AdminTaskManagement-activity-log:hover{transform:translate(4px) translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.AdminTaskManagement-activity-header{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}@media(min-width:640px){.AdminTaskManagement-activity-header{flex-direction:row;justify-content:space-between;align-items:center}}.AdminTaskManagement-activity-user{display:flex;align-items:center;gap:12px}.AdminTaskManagement-activity-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.AdminTaskManagement-activity-user-info{display:flex;flex-direction:column;gap:2px}.AdminTaskManagement-activity-user-name{font-weight:700;color:var(--gray-800);font-size:13px}.AdminTaskManagement-activity-user-role{font-size:10px;color:var(--gray-600)}.AdminTaskManagement-activity-date{font-size:10px;color:var(--gray-500)}.AdminTaskManagement-activity-description{color:var(--gray-700);font-size:13px;line-height:1.5;margin-bottom:10px}.AdminTaskManagement-activity-footer{display:flex;gap:8px;flex-wrap:wrap}.AdminTaskManagement-activity-tag{background:linear-gradient(135deg,var(--primary-light),#bbdefb);color:var(--primary-dark);padding:4px 10px;border-radius:30px;font-size:9px;font-weight:700;border:1px solid var(--primary)}.AdminTaskManagement-activity-ip{font-size:9px;color:var(--gray-500);background:var(--gray-100);padding:4px 10px;border-radius:30px;border:1px solid var(--gray-200)}.AdminTaskManagement-snackbar{position:fixed;bottom:24px;left:16px;right:16px;background:var(--white);border-radius:16px;box-shadow:var(--shadow-xl);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(150%);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:9999;border-left:6px solid var(--primary);max-width:100%;pointer-events:none}@media(min-width:640px){.AdminTaskManagement-snackbar{left:auto;right:24px;bottom:24px;min-width:320px;max-width:400px}}.AdminTaskManagement-snackbar-open{transform:translateY(0);opacity:1;pointer-events:all}.AdminTaskManagement-snackbar-success{border-left-color:var(--success)}.AdminTaskManagement-snackbar-error{border-left-color:var(--danger)}.AdminTaskManagement-snackbar-warning{border-left-color:var(--warning)}.AdminTaskManagement-snackbar-info{border-left-color:var(--info)}.AdminTaskManagement-snackbar-content{display:flex;align-items:center;gap:12px;flex:1}.AdminTaskManagement-snackbar-message{font-size:14px;color:var(--gray-800);flex:1;line-height:1.5;font-weight:500}.AdminTaskManagement-snackbar-close{background:var(--gray-100);border:none;color:var(--gray-600);cursor:pointer;padding:8px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);border:1px solid var(--gray-200);pointer-events:all}.AdminTaskManagement-snackbar-close:hover{background:var(--danger);color:var(--white);transform:rotate(90deg)}.AdminTaskManagement-auth-error{background:var(--white);border-radius:24px;padding:32px 24px;text-align:center;max-width:90%;margin:60px auto;box-shadow:var(--shadow-xl);border:1px solid var(--danger-light);animation:AdminTaskManagement-scaleIn .5s ease}.AdminTaskManagement-auth-error-content{display:flex;flex-direction:column;align-items:center;gap:16px}.AdminTaskManagement-auth-error-content svg{color:var(--danger);font-size:48px;animation:AdminTaskManagement-pulse 2s infinite}.AdminTaskManagement-auth-error-text h4{margin:0 0 8px;color:var(--danger);font-size:20px;font-weight:700}.AdminTaskManagement-auth-error-text p{margin:0;color:var(--gray-600);line-height:1.6;font-size:14px}.AdminTaskManagement-text-center{text-align:center}@media screen and (max-width:768px){.AdminTaskManagement-checkbox-option input[type=checkbox],.AdminTaskManagement-multi-select-option input[type=checkbox]{width:24px;height:24px}.AdminTaskManagement-modal-body,.AdminTaskManagement-multi-select-options{-webkit-overflow-scrolling:touch}.AdminTaskManagement-btn,.AdminTaskManagement-icon-btn,.AdminTaskManagement-stat-card,.AdminTaskManagement-multi-select-option,.AdminTaskManagement-checkbox-option{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.AdminTaskManagement-form-input,.AdminTaskManagement-form-select,.AdminTaskManagement-search-input,.AdminTaskManagement-date-input,.AdminTaskManagement-filter-select{font-size:16px}.AdminTaskManagement-header,.AdminTaskManagement-filter-section,.AdminTaskManagement-card-header,.AdminTaskManagement-modal-header,.AdminTaskManagement-modal-body,.AdminTaskManagement-modal-footer{padding:16px}.AdminTaskManagement-header-actions{gap:8px}.AdminTaskManagement-btn{padding:10px 16px;font-size:14px}.AdminTaskManagement-stat-card{padding:14px 10px}.AdminTaskManagement-stat-icon{width:40px;height:40px}.AdminTaskManagement-stat-value{font-size:20px}.AdminTaskManagement-date-range-filters{width:100%;flex-direction:column}.AdminTaskManagement-assigned-users-container{min-width:180px}.AdminTaskManagement-user-name{max-width:60px}}@media(max-width:360px){.AdminTaskManagement-stats-grid{grid-template-columns:1fr}.AdminTaskManagement-header-title h2{font-size:20px}.AdminTaskManagement-btn{padding:8px 12px;font-size:13px}.AdminTaskManagement-icon-btn{width:44px;height:44px}.AdminTaskManagement-modal-title-icon h3{font-size:16px}.AdminTaskManagement-action-buttons{min-width:150px}.AdminTaskManagement-icon-btn-sm{width:30px;height:30px;min-width:30px;min-height:30px}.AdminTaskManagement-assigned-users-container{min-width:150px}.AdminTaskManagement-user-name{max-width:50px}}@media(max-width:896px)and (orientation:landscape){.AdminTaskManagement-modal-content{max-height:85vh}.AdminTaskManagement-modal-body{max-height:50vh}.AdminTaskManagement-multi-select-options{max-height:150px}.AdminTaskManagement-form-textarea{min-height:80px}.AdminTaskManagement-stats-grid{grid-template-columns:repeat(3,1fr)}.AdminTaskManagement-date-range-filters{width:100%}}@media print{.AdminTaskManagement-header-actions,.AdminTaskManagement-filter-section,.AdminTaskManagement-action-buttons,.AdminTaskManagement-modal,.AdminTaskManagement-snackbar,.AdminTaskManagement-btn,.AdminTaskManagement-icon-btn,.AdminTaskManagement-icon-btn-sm{display:none!important}.AdminTaskManagement-table{border-collapse:collapse;width:100%}.AdminTaskManagement-table th,.AdminTaskManagement-table td{border:1px solid #000;padding:8px;background:#fff!important;color:#000!important}.AdminTaskManagement-container{background:#fff;padding:20px}.AdminTaskManagement-header{box-shadow:none;border:1px solid #000;background:#fff}.AdminTaskManagement-card{box-shadow:none;border:1px solid #000;break-inside:avoid}.AdminTaskManagement-stat-card{border:1px solid #000;break-inside:avoid}.AdminTaskManagement-status-chip,.AdminTaskManagement-priority-chip{border:1px solid #000;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--amp-primary: #3b82f6;--amp-primary-dark: #2563eb;--amp-primary-light: #60a5fa;--amp-success: #10b981;--amp-warning: #f59e0b;--amp-danger: #ef4444;--amp-danger-dark: #dc2626;--amp-info: #3b82f6;--amp-dark: #1e293b;--amp-gray: #64748b;--amp-gray-light: #94a3b8;--amp-light: #f8fafc;--amp-border: #e2e8f0;--amp-border-light: #f1f5f9;--amp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--amp-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--amp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--amp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--amp-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--amp-radius-sm: 6px;--amp-radius: 8px;--amp-radius-md: 12px;--amp-radius-lg: 16px;--amp-radius-xl: 20px;--amp-radius-2xl: 24px}@keyframes amp-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes amp-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes amp-slide-in{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes amp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.amp-spin{animation:amp-spin 1s linear infinite}.amp-container{max-width:1400px;margin:0 auto;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}@media(max-width:768px){.amp-container{padding:16px}}.amp-header{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--amp-radius-2xl);padding:28px 32px;margin-bottom:28px;box-shadow:var(--amp-shadow-xl);position:relative;overflow:hidden;animation:amp-fade-in .6s ease}.amp-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%)}.amp-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}@media(max-width:768px){.amp-header-content{flex-direction:column;gap:20px;align-items:flex-start}}.amp-header-left{display:flex;align-items:center;gap:20px}.amp-header-icon{width:60px;height:60px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;border:1px solid rgba(255,255,255,.2)}.amp-header-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.5px}@media(max-width:768px){.amp-header-title{font-size:1.5rem}}.amp-header-subtitle{font-size:.95rem;color:#fffc;font-weight:400}.amp-stats{display:flex;gap:24px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:var(--amp-radius-lg);border:1px solid rgba(255,255,255,.2)}@media(max-width:768px){.amp-stats{width:100%;justify-content:space-around}}.amp-stat-item{display:flex;gap:15px;align-items:center}.amp-stat-value{font-size:1.8rem;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.amp-stat-label{font-size:.75rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.amp-tabs-container{margin-bottom:28px;background:#fff;border-radius:var(--amp-radius-xl);padding:6px;box-shadow:var(--amp-shadow-md)}.amp-tabs{display:flex;gap:6px}.amp-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:none;background:transparent;border-radius:var(--amp-radius-lg);font-size:15px;font-weight:600;color:var(--amp-gray);cursor:pointer;transition:all .2s ease;position:relative}@media(max-width:640px){.amp-tab{padding:12px 16px;font-size:13px}}.amp-tab:hover{color:var(--amp-primary);background:var(--amp-light)}.amp-tab-active{background:var(--amp-primary)!important;color:#fff!important;box-shadow:0 4px 10px #3b82f64d}.amp-tab-icon{font-size:18px}.amp-tab-badge{background:#fff3;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;margin-left:6px}.amp-tab-active .amp-tab-badge{background:#ffffff4d}.amp-create-section{animation:amp-fade-in .5s ease}.amp-form-card{background:#fff;border-radius:var(--amp-radius-2xl);box-shadow:var(--amp-shadow-lg);overflow:hidden;border:1px solid var(--amp-border-light)}.amp-form-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:28px 32px;border-bottom:1px solid var(--amp-border-light)}@media(max-width:768px){.amp-form-header{padding:20px}}.amp-form-title-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:8px}.amp-form-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--amp-primary) 0%,#2563eb 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 6px 12px #3b82f633}.amp-form-title{font-size:1.6rem;font-weight:700;color:var(--amp-dark);margin:0}@media(max-width:768px){.amp-form-title{font-size:1.3rem}}.amp-form-subtitle{font-size:.95rem;color:var(--amp-gray);margin-left:60px}.amp-form{padding:32px}@media(max-width:768px){.amp-form{padding:20px}}.amp-form-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;margin-bottom:28px}@media(max-width:1024px){.amp-form-grid{grid-template-columns:1fr;gap:24px}}.amp-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.amp-label{font-size:.9rem;font-weight:600;color:var(--amp-dark);display:flex;align-items:center;gap:4px}.amp-required:after{content:"*";color:var(--amp-danger);margin-left:4px}.amp-input,.amp-textarea,.amp-select{width:100%;padding:12px 16px;border:1.5px solid var(--amp-border);border-radius:var(--amp-radius);font-size:.95rem;transition:all .2s ease;background:#fff;color:var(--amp-dark)}.amp-input:hover,.amp-textarea:hover,.amp-select:hover{border-color:var(--amp-gray-light)}.amp-input:focus,.amp-textarea:focus,.amp-select:focus{outline:none;border-color:var(--amp-primary);box-shadow:0 0 0 4px #3b82f61a}.amp-input-icon-wrapper{position:relative;width:100%}.amp-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--amp-gray);font-size:16px}.amp-input-with-icon{padding-left:44px}.amp-textarea{resize:vertical;min-height:120px;font-family:inherit}.amp-select-wrapper{position:relative;width:100%}.amp-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:44px}.amp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.amp-form-row{grid-template-columns:1fr}}.amp-attendees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.amp-attendees-title-wrapper{display:flex;align-items:center;gap:12px}.amp-attendees-count{background:var(--amp-light);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;color:var(--amp-gray)}.amp-select-all-btn{padding:8px 16px;background:#fff;border:1.5px solid var(--amp-border);border-radius:var(--amp-radius);font-size:.85rem;font-weight:600;color:var(--amp-primary);cursor:pointer;transition:all .2s ease}.amp-select-all-btn:hover:not(:disabled){background:var(--amp-light);border-color:var(--amp-primary)}.amp-select-all-btn:disabled{opacity:.5;cursor:not-allowed}.amp-attendees-grid-container{border:1.5px solid var(--amp-border);border-radius:var(--amp-radius-lg);background:var(--amp-light);max-height:320px;overflow-y:auto}.amp-attendees-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--amp-border)}.amp-attendee-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative}.amp-attendee-card:hover{background:var(--amp-light)}.amp-attendee-selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid var(--amp-primary)}.amp-attendee-checkbox{display:none}.amp-attendee-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--amp-primary) 0%,#2563eb 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0}.amp-attendee-info{flex:1;min-width:0}.amp-attendee-name{display:block;font-size:.95rem;font-weight:600;color:var(--amp-dark);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amp-attendee-email{display:block;font-size:.75rem;color:var(--amp-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amp-attendee-check{margin-left:8px;color:var(--amp-primary);font-weight:600;font-size:1.1rem}.amp-no-users{padding:48px 24px;text-align:center}.amp-no-users-icon{font-size:48px;color:var(--amp-gray-light);margin-bottom:16px}.amp-no-users p{font-size:1rem;font-weight:600;color:var(--amp-dark);margin-bottom:4px}.amp-no-users span{font-size:.85rem;color:var(--amp-gray)}.amp-form-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid var(--amp-border-light)}@media(max-width:640px){.amp-form-actions{flex-direction:column-reverse}}.amp-btn{padding:12px 28px;border:none;border-radius:var(--amp-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.amp-btn-primary{background:linear-gradient(135deg,var(--amp-primary) 0%,var(--amp-primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.amp-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.amp-btn-secondary{background:#fff;color:var(--amp-gray);border:1.5px solid var(--amp-border)}.amp-btn-secondary:hover:not(:disabled){background:var(--amp-light);border-color:var(--amp-gray-light);transform:translateY(-2px)}.amp-btn-danger{background:#fff;color:var(--amp-danger);border:1.5px solid var(--amp-danger)}.amp-btn-danger:hover:not(:disabled){background:var(--amp-danger);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.amp-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.amp-manage-section{animation:amp-fade-in .5s ease}.amp-manage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}@media(max-width:768px){.amp-manage-header{flex-direction:column;align-items:flex-start;gap:16px}}.amp-manage-title-wrapper{display:flex;flex-direction:column;gap:6px}.amp-manage-title{font-size:1.8rem;font-weight:700;color:var(--amp-dark);margin:0}@media(max-width:768px){.amp-manage-title{font-size:1.4rem}}.amp-manage-subtitle{font-size:.9rem;color:var(--amp-gray)}.amp-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1.5px solid var(--amp-border);border-radius:var(--amp-radius);font-size:.9rem;font-weight:600;color:var(--amp-gray);cursor:pointer;transition:all .2s ease}.amp-refresh-btn:hover:not(:disabled){background:var(--amp-light);border-color:var(--amp-primary);color:var(--amp-primary)}.amp-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.amp-refresh-icon{display:inline-block;transition:transform .3s ease}.amp-empty-state{text-align:center;padding:80px 24px;background:#fff;border-radius:var(--amp-radius-2xl);box-shadow:var(--amp-shadow);border:2px dashed var(--amp-border)}.amp-empty-icon{font-size:64px;margin-bottom:24px;opacity:.7}.amp-empty-title{font-size:1.5rem;font-weight:700;color:var(--amp-dark);margin-bottom:12px}.amp-empty-text{font-size:1rem;color:var(--amp-gray);margin-bottom:28px}.amp-empty-btn{display:inline-flex;padding:14px 32px}.amp-meetings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}@media(max-width:640px){.amp-meetings-grid{grid-template-columns:1fr;gap:16px}}.amp-meeting-card{background:#fff;border-radius:var(--amp-radius-xl);box-shadow:var(--amp-shadow);transition:all .3s ease;position:relative;overflow:hidden;border:1px solid var(--amp-border-light)}.amp-meeting-card:hover{transform:translateY(-4px);box-shadow:var(--amp-shadow-xl);border-color:var(--amp-primary-light)}.amp-meeting-status-bar{height:4px;width:100%}.amp-meeting-status-bar[data-status=past]{background:linear-gradient(90deg,var(--amp-gray) 0%,#94a3b8 100%)}.amp-meeting-status-bar[data-status=today]{background:linear-gradient(90deg,var(--amp-success) 0%,#34d399 100%)}.amp-meeting-status-bar[data-status=upcoming]{background:linear-gradient(90deg,var(--amp-primary) 0%,var(--amp-primary-light) 100%)}.amp-meeting-content{padding:24px}@media(max-width:640px){.amp-meeting-content{padding:20px}}.amp-meeting-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}@media(max-width:640px){.amp-meeting-header{flex-direction:column;gap:12px}}.amp-meeting-title-wrapper{display:flex;align-items:center;gap:10px;flex:1}.amp-meeting-icon{width:36px;height:36px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--amp-primary)}.amp-meeting-title{font-size:1.1rem;font-weight:700;color:var(--amp-dark);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.amp-meeting-badges{display:flex;gap:8px;flex-wrap:wrap}.amp-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.amp-badge-recurring{background:#fef3c7;color:#92400e}.amp-badge-status{background:#e2e8f0;color:#475569}.amp-badge-today{background:#dcfce7;color:#166534}.amp-badge-upcoming{background:#dbeafe;color:#1e40af}.amp-badge-past{background:#f1f5f9;color:#475569;text-decoration:line-through}.amp-meeting-description{color:var(--amp-gray);font-size:.9rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.amp-meeting-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;background:var(--amp-light);border-radius:var(--amp-radius);border:1px solid var(--amp-border-light)}.amp-detail-item{display:flex;align-items:center;gap:10px}.amp-detail-icon{width:20px;font-size:14px;color:var(--amp-gray)}.amp-detail-text{font-size:.9rem;color:var(--amp-dark)}.amp-text-today{color:var(--amp-success);font-weight:600}.amp-text-past{color:var(--amp-gray);text-decoration:line-through}.amp-meeting-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--amp-border-light)}@media(max-width:640px){.amp-meeting-footer{flex-direction:column;gap:16px;align-items:flex-start}}.amp-creator-info{display:flex;align-items:center;gap:8px}.amp-creator-avatar{width:28px;height:28px;background:linear-gradient(135deg,#94a3b8,#64748b);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600}.amp-creator-name{font-size:.85rem;font-weight:500;color:var(--amp-gray)}.amp-meeting-actions{display:flex;gap:8px}.amp-action-btn{width:36px;height:36px;border:none;background:var(--amp-light);border-radius:var(--amp-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--amp-gray);transition:all .2s ease}.amp-action-btn:hover{transform:translateY(-2px)}.amp-action-view:hover{background:var(--amp-primary);color:#fff}.amp-action-delete:hover{background:var(--amp-danger);color:#fff}.amp-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:amp-fade-in .2s ease}.amp-modal{background:#fff;border-radius:var(--amp-radius-2xl);box-shadow:var(--amp-shadow-xl);max-width:600px;width:100%;max-height:80vh;overflow:hidden;animation:amp-scale-in .3s ease}.amp-modal-sm{max-width:400px}.amp-modal-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--amp-border-light);display:flex;justify-content:space-between;align-items:center}.amp-modal-header-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #fecaca}.amp-modal-title-wrapper{display:flex;align-items:center;gap:12px}.amp-modal-icon{font-size:24px}.amp-modal-title{font-size:1.2rem;font-weight:700;color:var(--amp-dark);margin:0}.amp-modal-close{width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--amp-gray);cursor:pointer;transition:all .2s ease}.amp-modal-close:hover{background:#0000001a;transform:rotate(90deg)}.amp-modal-subheader{padding:16px 24px;background:#fff;border-bottom:1px solid var(--amp-border-light);display:flex;justify-content:space-between;align-items:center}.amp-meeting-badge{padding:6px 12px;background:var(--amp-light);border-radius:var(--amp-radius);font-size:.85rem;font-weight:600;color:var(--amp-primary)}.amp-attendee-total{font-size:.85rem;color:var(--amp-gray);font-weight:500}.amp-modal-content{padding:24px;max-height:400px;overflow-y:auto}.amp-modal-content-center{text-align:center}.amp-status-list{display:flex;flex-direction:column;gap:12px}.amp-status-header{display:flex;justify-content:space-between;padding:12px 0;border-bottom:2px solid var(--amp-border);font-size:.85rem;font-weight:600;color:var(--amp-gray);text-transform:uppercase;letter-spacing:.5px}.amp-status-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--amp-light);border-radius:var(--amp-radius);border:1px solid var(--amp-border-light);transition:all .2s ease}.amp-status-item:hover{background:#fff;border-color:var(--amp-border)}.amp-status-user{display:flex;align-items:center;gap:12px}.amp-status-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--amp-primary) 0%,#2563eb 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.amp-status-user-info{display:flex;flex-direction:column}.amp-status-user-name{font-size:.95rem;font-weight:600;color:var(--amp-dark);margin-bottom:2px}.amp-status-user-email{font-size:.75rem;color:var(--amp-gray)}.amp-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.amp-status-seen{background:#dcfce7;color:#166534}.amp-status-pending{background:#fef3c7;color:#92400e}.amp-no-status{text-align:center;padding:48px 24px}.amp-no-status-icon{font-size:48px;color:var(--amp-gray-light);margin-bottom:16px}.amp-no-status p{font-size:1rem;font-weight:600;color:var(--amp-dark);margin-bottom:4px}.amp-no-status span{font-size:.85rem;color:var(--amp-gray)}.amp-modal-footer{padding:20px 24px;background:var(--amp-light);border-top:1px solid var(--amp-border-light);display:flex;justify-content:flex-end;gap:12px}.amp-modal-footer-center{justify-content:center}.amp-delete-icon{font-size:48px;margin-bottom:16px;color:var(--amp-danger)}.amp-delete-text{font-size:1.1rem;color:var(--amp-dark);margin-bottom:8px}.amp-delete-subtext{font-size:.9rem;color:var(--amp-gray)}.amp-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:amp-spin .8s linear infinite}::-webkit-scrollbar-track{background:var(--amp-border-light);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--amp-gray-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--amp-gray)}@media(max-width:480px){.amp-container{padding:12px}.amp-header{padding:20px}.amp-header-icon{width:48px;height:48px;font-size:24px}.amp-stat-item{padding:0}.amp-stat-value{font-size:1.5rem}.amp-meeting-card{border-radius:var(--amp-radius-lg)}.amp-modal{max-height:90vh}}:root{--dir-primary: #4361ee;--dir-primary-dark: #3a56d4;--dir-primary-light: #4895ef;--dir-secondary: #4cc9f0;--dir-success: #06d6a0;--dir-success-dark: #05b586;--dir-warning: #ffb703;--dir-danger: #ef476f;--dir-danger-dark: #d43f63;--dir-info: #118ab2;--dir-gray-50: #f8f9fa;--dir-gray-100: #f1f3f5;--dir-gray-200: #e9ecef;--dir-gray-300: #dee2e6;--dir-gray-400: #ced4da;--dir-gray-500: #adb5bd;--dir-gray-600: #6c757d;--dir-gray-700: #495057;--dir-gray-800: #343a40;--dir-gray-900: #212529;--dir-shadow-sm: 0 2px 4px rgba(0,0,0,.05);--dir-shadow-md: 0 4px 6px rgba(0,0,0,.1);--dir-shadow-lg: 0 10px 15px rgba(0,0,0,.1);--dir-shadow-xl: 0 20px 25px rgba(0,0,0,.15);--dir-radius-sm: 4px;--dir-radius-md: 8px;--dir-radius-lg: 12px;--dir-radius-xl: 16px;--dir-radius-2xl: 20px;--dir-radius-full: 9999px;--dir-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.EmployeeDirectory{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--dir-gray-800)}.EmployeeDirectory-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;background:#fff;border-radius:var(--dir-radius-xl);padding:48px;margin:24px;box-shadow:var(--dir-shadow-lg)}.EmployeeDirectory-spinner{width:40px;height:40px;border:3px solid var(--dir-gray-200);border-top-color:var(--dir-primary);border-radius:50%;animation:dir-spin 1s linear infinite}@keyframes dir-spin{to{transform:rotate(360deg)}}.EmployeeDirectory-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;background:#fff;border-radius:var(--dir-radius-xl);padding:48px;margin:24px;box-shadow:var(--dir-shadow-lg);text-align:center}.EmployeeDirectory-error-container h3{font-size:24px;color:var(--dir-gray-800);margin:0}.EmployeeDirectory-error-container p{font-size:16px;color:var(--dir-gray-600);max-width:400px}.EmployeeDirectory-header{background:#fff;border-radius:var(--dir-radius-2xl);padding:28px 32px;margin-bottom:24px;box-shadow:var(--dir-shadow-lg);border:1px solid var(--dir-gray-200);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;position:relative;overflow:hidden}.EmployeeDirectory-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--dir-primary),var(--dir-secondary))}.EmployeeDirectory-company-info{display:flex;align-items:center;gap:16px}.EmployeeDirectory-company-avatar{width:48px;height:48px;border-radius:var(--dir-radius-full);background:linear-gradient(135deg,var(--dir-primary),var(--dir-secondary));box-shadow:var(--dir-shadow-md)}.EmployeeDirectory-title{font-size:32px;font-weight:700;color:var(--dir-gray-900);margin:0 0 4px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--dir-primary),var(--dir-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.EmployeeDirectory-subtitle{font-size:14px;color:var(--dir-gray-600);margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.EmployeeDirectory-department-badge{color:var(--dir-primary);font-weight:500}.EmployeeDirectory-owner-badge{background:linear-gradient(135deg,gold,#ffb700);color:#000;padding:2px 8px;border-radius:var(--dir-radius-full);font-size:12px;font-weight:600}.EmployeeDirectory-action-bar{display:flex;align-items:center;gap:16px}.EmployeeDirectory-total-count{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.EmployeeDirectory-count-badge{background:linear-gradient(135deg,var(--dir-primary),var(--dir-secondary));color:#fff;padding:6px 16px;border-radius:var(--dir-radius-full);font-size:14px;font-weight:600;box-shadow:var(--dir-shadow-md)}.EmployeeDirectory-company-badge{background:var(--dir-gray-100);color:var(--dir-gray-700);padding:6px 16px;border-radius:var(--dir-radius-full);font-size:14px;font-weight:600;border:1px solid var(--dir-gray-300)}.EmployeeDirectory-view-toggle{display:flex;gap:4px;background:var(--dir-gray-100);padding:4px;border-radius:var(--dir-radius-full);border:1px solid var(--dir-gray-300)}.EmployeeDirectory-view-toggle-btn{width:36px;height:36px;border:none;background:transparent;border-radius:var(--dir-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dir-gray-600);transition:var(--dir-transition)}.EmployeeDirectory-view-toggle-btn:hover{background:#fff;color:var(--dir-primary)}.EmployeeDirectory-view-toggle-btn.active{background:#fff;color:var(--dir-primary);box-shadow:var(--dir-shadow-sm)}.EmployeeDirectory-search-filter-container{background:#fff;border-radius:var(--dir-radius-2xl);padding:24px;margin-bottom:24px;box-shadow:var(--dir-shadow-lg);border:1px solid var(--dir-gray-200)}.EmployeeDirectory-search-filter-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.EmployeeDirectory-search-filter-header h3{font-size:18px;font-weight:600;color:var(--dir-gray-800);margin:0}.EmployeeDirectory-search-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.EmployeeDirectory-search-input-container{flex:1;min-width:140px;position:relative}.EmployeeDirectory-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--dir-gray-500);font-size:18px}.EmployeeDirectory-search-input{width:100%;padding:14px 16px 14px 48px;border:2px solid var(--dir-gray-200);border-radius:var(--dir-radius-full);font-size:14px;transition:var(--dir-transition);background:#fff}.EmployeeDirectory-search-input:focus{outline:none;border-color:var(--dir-primary);box-shadow:0 0 0 4px #4361ee1a}.EmployeeDirectory-clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:var(--dir-gray-200);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dir-gray-600);transition:var(--dir-transition)}.EmployeeDirectory-clear-search:hover{background:var(--dir-gray-300);color:var(--dir-gray-800)}.EmployeeDirectory-role-select{padding:14px 32px 14px 16px;border:2px solid var(--dir-gray-200);border-radius:var(--dir-radius-full);font-size:14px;color:var(--dir-gray-700);background:#fff;cursor:pointer;min-width:180px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.EmployeeDirectory-role-select:focus{outline:none;border-color:var(--dir-primary);box-shadow:0 0 0 4px #4361ee1a}.EmployeeDirectory-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.EmployeeDirectory-stat-card{background:#fff;border-radius:var(--dir-radius-xl);padding:20px;box-shadow:var(--dir-shadow-lg);border:1px solid var(--dir-gray-200);position:relative;overflow:hidden;display:flex;gap:26px;margin-top:4px}.EmployeeDirectory-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.EmployeeDirectory-stat-card-primary:before{background:linear-gradient(90deg,var(--dir-primary),var(--dir-secondary))}.EmployeeDirectory-stat-card-success:before{background:linear-gradient(90deg,var(--dir-success),#0fba8a)}.EmployeeDirectory-stat-card-error:before{background:linear-gradient(90deg,var(--dir-danger),#ff5a7c)}.EmployeeDirectory-stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.EmployeeDirectory-stat-icon{width:48px;height:48px;border-radius:var(--dir-radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px}.EmployeeDirectory-stat-icon-primary{background:#4361ee1a;color:var(--dir-primary)}.EmployeeDirectory-stat-icon-success{background:#06d6a01a;color:var(--dir-success)}.EmployeeDirectory-stat-icon-error{background:#ef476f1a;color:var(--dir-danger)}.EmployeeDirectory-stat-value{font-size:36px;font-weight:700;color:var(--dir-gray-900);line-height:1;margin-top:5px}.EmployeeDirectory-stat-label{font-size:14px;font-weight:600;color:var(--dir-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-top:10px}.EmployeeDirectory-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.EmployeeDirectory-results-title{font-size:20px;font-weight:700;color:var(--dir-gray-800);margin:0 0 4px}.EmployeeDirectory-results-count{font-size:14px;color:var(--dir-gray-600);margin:0}.EmployeeDirectory-permission-note{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--dir-gray-50);border-radius:var(--dir-radius-full);border:1px solid var(--dir-gray-200);color:var(--dir-gray-600);font-size:13px}.EmployeeDirectory-employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.EmployeeDirectory-employee-list{display:flex;flex-direction:column;gap:12px}.EmployeeDirectory-employee-card{background:#fff;border-radius:var(--dir-radius-xl);padding:20px;box-shadow:var(--dir-shadow-md);border:1px solid var(--dir-gray-200);transition:var(--dir-transition);position:relative;cursor:pointer}.EmployeeDirectory-employee-card:hover{transform:translateY(-4px);box-shadow:var(--dir-shadow-xl);border-color:var(--dir-primary)}.EmployeeDirectory-employee-card-menu{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:var(--dir-radius-full);border:1px solid var(--dir-gray-200);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dir-gray-600);transition:var(--dir-transition);z-index:2}.EmployeeDirectory-employee-card-menu:hover{background:var(--dir-gray-100);color:var(--dir-primary)}.EmployeeDirectory-employee-card-content{display:flex;flex-direction:column;gap:16px}.EmployeeDirectory-employee-header{display:flex;gap:16px}.EmployeeDirectory-employee-avatar{position:relative;width:56px;height:56px}.EmployeeDirectory-avatar-initials{width:56px;height:56px;border-radius:var(--dir-radius-full);background:linear-gradient(135deg,var(--dir-primary),var(--dir-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;box-shadow:var(--dir-shadow-md)}.EmployeeDirectory-avatar-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid white}.EmployeeDirectory-avatar-status.active{background:var(--dir-success)}.EmployeeDirectory-employee-info{flex:1;min-width:0}.EmployeeDirectory-employee-name{font-size:16px;font-weight:600;color:var(--dir-gray-800);margin-bottom:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.EmployeeDirectory-current-user-badge{font-size:11px;font-weight:500;color:var(--dir-primary);background:var(--dir-gray-100);padding:2px 8px;border-radius:var(--dir-radius-full)}.EmployeeDirectory-employee-email{font-size:13px;color:var(--dir-gray-500);margin-bottom:8px;word-break:break-word}.EmployeeDirectory-employee-tags{display:flex;gap:8px;flex-wrap:wrap}.EmployeeDirectory-employee-tag{display:inline-block;padding:4px 8px;border-radius:var(--dir-radius-full);font-size:11px;font-weight:600}.EmployeeDirectory-employee-tag-active{background:#06d6a01a;color:var(--dir-success);border:1px solid rgba(6,214,160,.2)}.EmployeeDirectory-employee-tag-inactive{background:#ef476f1a;color:var(--dir-danger);border:1px solid rgba(239,71,111,.2)}.EmployeeDirectory-employee-tag-secondary{background:var(--dir-gray-100);color:var(--dir-gray-600);border:1px solid var(--dir-gray-300)}.EmployeeDirectory-company-role-owner{background:linear-gradient(135deg,gold,#ffb700);color:#000;border:1px solid #ffd700}.EmployeeDirectory-company-role-admin{background:linear-gradient(135deg,#ef476f,#d43f63);color:#fff;border:1px solid #ef476f}.EmployeeDirectory-company-role-manager{background:linear-gradient(135deg,#ffb703,#f39c12);color:#fff;border:1px solid #ffb703}.EmployeeDirectory-company-role-hr{background:linear-gradient(135deg,#118ab2,#0a5e7a);color:#fff;border:1px solid #118ab2}.EmployeeDirectory-company-role-employee{background:linear-gradient(135deg,#4361ee,#3a56d4);color:#fff;border:1px solid #4361ee}.EmployeeDirectory-employee-details{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--dir-gray-200);border-bottom:1px solid var(--dir-gray-200)}.EmployeeDirectory-detail-row{display:flex;align-items:center;gap:8px}.EmployeeDirectory-detail-icon{width:24px;height:24px;border-radius:var(--dir-radius-full);display:flex;align-items:center;justify-content:center;font-size:12px}.EmployeeDirectory-detail-icon-primary{background:#4361ee1a;color:var(--dir-primary)}.EmployeeDirectory-detail-icon-success{background:#06d6a01a;color:var(--dir-success)}.EmployeeDirectory-detail-icon-warning{background:#ffb7031a;color:var(--dir-warning)}.EmployeeDirectory-detail-icon-info{background:#118ab21a;color:var(--dir-info)}.EmployeeDirectory-detail-text{font-size:13px;color:var(--dir-gray-700)}.EmployeeDirectory-view-profile-btn{width:100%;padding:10px;border:2px solid var(--dir-primary);border-radius:var(--dir-radius-full);background:transparent;color:var(--dir-primary);font-size:13px;font-weight:600;cursor:pointer;transition:var(--dir-transition);display:flex;align-items:center;justify-content:center;gap:6px}.EmployeeDirectory-view-profile-btn:hover{background:var(--dir-primary);color:#fff}.EmployeeDirectory-empty-state{text-align:center;padding:60px 40px;background:#fff;border-radius:var(--dir-radius-2xl);box-shadow:var(--dir-shadow-lg);border:1px solid var(--dir-gray-200)}.EmployeeDirectory-empty-state-icon{font-size:64px;color:var(--dir-gray-400);margin-bottom:24px;display:flex;justify-content:center}.EmployeeDirectory-empty-state-title{font-size:22px;font-weight:700;color:var(--dir-gray-700);margin:0 0 12px}.EmployeeDirectory-empty-state-text{font-size:15px;color:var(--dir-gray-500);max-width:400px;margin:0 auto 24px}.EmployeeDirectory-btn{padding:12px 24px;border-radius:var(--dir-radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:var(--dir-transition);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.EmployeeDirectory-btn-contained{background:linear-gradient(135deg,var(--dir-primary),var(--dir-secondary));color:#fff;box-shadow:var(--dir-shadow-md)}.EmployeeDirectory-btn-contained:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--dir-shadow-lg)}.EmployeeDirectory-btn-outlined{background:#fff;color:var(--dir-primary);border:2px solid var(--dir-primary)}.EmployeeDirectory-btn-outlined:hover:not(:disabled){background:var(--dir-primary);color:#fff;transform:translateY(-2px)}.EmployeeDirectory-btn-error{background:var(--dir-danger);color:#fff}.EmployeeDirectory-btn-error:hover:not(:disabled){background:var(--dir-danger-dark);transform:translateY(-2px);box-shadow:var(--dir-shadow-md)}.EmployeeDirectory-btn-add{background:var(--dir-gray-50);color:var(--dir-primary);border:2px dashed var(--dir-primary);width:100%}.EmployeeDirectory-btn-add:hover{background:var(--dir-primary);color:#fff;border-style:solid}.EmployeeDirectory-btn-icon{width:32px;height:32px;border-radius:var(--dir-radius-full);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--dir-transition)}.EmployeeDirectory-btn-danger{background:var(--dir-danger);color:#fff}.EmployeeDirectory-btn-danger:hover{background:var(--dir-danger-dark);transform:scale(1.1)}.EmployeeDirectory-btn:disabled{opacity:.6;cursor:not-allowed}.EmployeeDirectory-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:dir-fadeIn .3s ease-out}@keyframes dir-fadeIn{0%{opacity:0}to{opacity:1}}.EmployeeDirectory-modal{background:#fff;border-radius:var(--dir-radius-2xl);box-shadow:var(--dir-shadow-xl);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:dir-slideUp .3s ease-out}@keyframes dir-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.EmployeeDirectory-edit-modal{max-width:1000px}.EmployeeDirectory-user-detail-modal{max-width:800px}.EmployeeDirectory-modal-header{padding:24px 28px;border-bottom:1px solid var(--dir-gray-200);display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#f1f3f5)}.EmployeeDirectory-modal-header-content{flex:1}.EmployeeDirectory-modal-title{font-size:24px;font-weight:700;color:var(--dir-gray-800);margin:0 0 4px;display:flex;align-items:center;gap:8px}.EmployeeDirectory-modal-subtitle{font-size:14px;color:var(--dir-gray-600);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.EmployeeDirectory-modal-close{background:none;border:none;color:var(--dir-gray-500);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:var(--dir-transition);border-radius:50%}.EmployeeDirectory-modal-close:hover{background:#0000000d;color:var(--dir-gray-900);transform:rotate(90deg)}.EmployeeDirectory-modal-content{padding:28px;overflow-y:auto;flex:1}.EmployeeDirectory-modal-footer{padding:24px 28px;border-top:1px solid var(--dir-gray-200);display:flex;justify-content:flex-end;gap:12px;background:var(--dir-gray-50)}.EmployeeDirectory-tabs{display:flex;gap:8px;padding:0 28px;background:#fff;border-bottom:1px solid var(--dir-gray-200);overflow-x:auto;scrollbar-width:none}.EmployeeDirectory-tabs::-webkit-scrollbar{display:none}.EmployeeDirectory-tab{padding:12px 16px;border:none;background:transparent;color:var(--dir-gray-600);font-size:14px;font-weight:500;cursor:pointer;transition:var(--dir-transition);border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;white-space:nowrap}.EmployeeDirectory-tab:hover{color:var(--dir-primary)}.EmployeeDirectory-tab.active{color:var(--dir-primary);border-bottom-color:var(--dir-primary)}.EmployeeDirectory-tab svg{font-size:16px}.EmployeeDirectory-user-detail-sections{display:flex;flex-direction:column;gap:24px}.EmployeeDirectory-modal-section{background:var(--dir-gray-50);border-radius:var(--dir-radius-xl);padding:20px;border:1px solid var(--dir-gray-200)}.EmployeeDirectory-section-title{font-size:16px;font-weight:600;color:var(--dir-gray-700);margin:0 0 16px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--dir-gray-200)}.EmployeeDirectory-section-title svg{color:var(--dir-primary)}.EmployeeDirectory-subsection-title{font-size:14px;font-weight:600;color:var(--dir-gray-600);margin:16px 0 12px}.EmployeeDirectory-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.EmployeeDirectory-detail-item{display:flex;flex-direction:column;gap:4px}.EmployeeDirectory-detail-label{font-size:12px;font-weight:600;color:var(--dir-gray-500);text-transform:uppercase;letter-spacing:.3px}.EmployeeDirectory-detail-value{font-size:14px;color:var(--dir-gray-800);font-weight:500}.EmployeeDirectory-status-badge{display:inline-block;padding:4px 12px;border-radius:var(--dir-radius-full);font-size:12px;font-weight:600}.EmployeeDirectory-status-badge.active{background:#06d6a01a;color:var(--dir-success)}.EmployeeDirectory-status-badge.inactive{background:#ef476f1a;color:var(--dir-danger)}.EmployeeDirectory-company-role-badge{display:inline-block;padding:4px 12px;border-radius:var(--dir-radius-full);font-size:12px;font-weight:600;text-transform:capitalize}.EmployeeDirectory-company-role-badge.owner{background:linear-gradient(135deg,gold,#ffb700);color:#000}.EmployeeDirectory-company-role-badge.admin{background:linear-gradient(135deg,#ef476f,#d43f63);color:#fff}.EmployeeDirectory-company-role-badge.manager{background:linear-gradient(135deg,#ffb703,#f39c12);color:#fff}.EmployeeDirectory-company-role-badge.hr{background:linear-gradient(135deg,#118ab2,#0a5e7a);color:#fff}.EmployeeDirectory-company-role-badge.employee{background:linear-gradient(135deg,#4361ee,#3a56d4);color:#fff}.EmployeeDirectory-form-sections{display:flex;flex-direction:column;gap:24px}.EmployeeDirectory-scrollable-form{max-height:60vh;overflow-y:auto;padding-right:8px}.EmployeeDirectory-scrollable-form::-webkit-scrollbar{width:6px}.EmployeeDirectory-scrollable-form::-webkit-scrollbar-track{background:var(--dir-gray-100);border-radius:var(--dir-radius-full)}.EmployeeDirectory-scrollable-form::-webkit-scrollbar-thumb{background:var(--dir-gray-400);border-radius:var(--dir-radius-full)}.EmployeeDirectory-scrollable-form::-webkit-scrollbar-thumb:hover{background:var(--dir-gray-500)}.EmployeeDirectory-form-section{background:var(--dir-gray-50);border-radius:var(--dir-radius-xl);padding:20px;border:1px solid var(--dir-gray-200)}.EmployeeDirectory-personal-grid,.EmployeeDirectory-employment-grid,.EmployeeDirectory-bank-details-grid,.EmployeeDirectory-family-grid,.EmployeeDirectory-emergency-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.EmployeeDirectory-form-group-full{grid-column:1 / -1}.EmployeeDirectory-form-group{display:flex;flex-direction:column;gap:6px}.EmployeeDirectory-form-label{font-size:13px;font-weight:600;color:var(--dir-gray-700);display:flex;align-items:center;gap:4px}.EmployeeDirectory-form-input,.EmployeeDirectory-form-select{padding:12px 16px;border:2px solid var(--dir-gray-200);border-radius:var(--dir-radius-md);font-size:14px;transition:var(--dir-transition);background:#fff;width:100%}.EmployeeDirectory-form-input:focus,.EmployeeDirectory-form-select:focus{outline:none;border-color:var(--dir-primary);box-shadow:0 0 0 4px #4361ee1a}.EmployeeDirectory-form-input:disabled,.EmployeeDirectory-form-select:disabled{background:var(--dir-gray-100);color:var(--dir-gray-600);cursor:not-allowed}.EmployeeDirectory-form-input-disabled{background:var(--dir-gray-100)!important;color:var(--dir-gray-600)!important}.EmployeeDirectory-form-textarea{resize:vertical;min-height:80px}.EmployeeDirectory-field-note{font-size:11px;color:var(--dir-gray-500);margin-top:4px}.EmployeeDirectory-children-section{margin-top:16px;padding:16px;background:#fff;border-radius:var(--dir-radius-lg);border:1px solid var(--dir-gray-200)}.EmployeeDirectory-child-row{display:grid;grid-template-columns:1fr 80px 120px 32px;gap:8px;margin-bottom:8px;align-items:center}.EmployeeDirectory-child-input{width:100%}.EmployeeDirectory-documents-section{margin-top:16px;padding:16px;background:#fff;border-radius:var(--dir-radius-lg);border:1px solid var(--dir-gray-200)}.EmployeeDirectory-document-row{display:grid;grid-template-columns:1fr 120px 1fr 32px;gap:8px;margin-bottom:8px;align-items:center}.EmployeeDirectory-document-input,.EmployeeDirectory-document-select{width:100%}.EmployeeDirectory-document-url{position:relative;display:flex;align-items:center}.EmployeeDirectory-document-url-icon{position:absolute;left:12px;color:var(--dir-gray-500)}.EmployeeDirectory-document-url input{padding-left:36px}.EmployeeDirectory-assets-section{margin-top:16px;padding:16px;background:#fff;border-radius:var(--dir-radius-lg);border:1px solid var(--dir-gray-200)}.EmployeeDirectory-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px}.EmployeeDirectory-asset-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--dir-gray-50);border-radius:var(--dir-radius-md);border:1px solid var(--dir-gray-200);cursor:pointer;transition:var(--dir-transition)}.EmployeeDirectory-asset-checkbox:hover{background:#fff;border-color:var(--dir-primary)}.EmployeeDirectory-asset-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.EmployeeDirectory-asset-label{font-size:13px;color:var(--dir-gray-700);display:flex;align-items:center;gap:4px}.EmployeeDirectory-assets-details{display:flex;flex-direction:column;gap:12px;margin-top:16px}.EmployeeDirectory-current-assets{margin-top:16px;padding:12px;background:var(--dir-gray-100);border-radius:var(--dir-radius-md)}.EmployeeDirectory-assets-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.EmployeeDirectory-asset-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--dir-primary),var(--dir-secondary));color:#fff;border-radius:var(--dir-radius-full);font-size:12px;font-weight:500}.EmployeeDirectory-asset-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-radius:var(--dir-radius-md);border:1px solid var(--dir-gray-200)}.EmployeeDirectory-asset-item-icon{color:var(--dir-primary)}.EmployeeDirectory-asset-item-name{font-size:12px;color:var(--dir-gray-700)}.EmployeeDirectory-children-list{display:flex;flex-direction:column;gap:8px}.EmployeeDirectory-child-item{display:flex;gap:16px;padding:8px 12px;background:#fff;border-radius:var(--dir-radius-md);border:1px solid var(--dir-gray-200);font-size:13px}.EmployeeDirectory-documents-list{display:flex;flex-direction:column;gap:8px}.EmployeeDirectory-document-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:var(--dir-radius-md);border:1px solid var(--dir-gray-200)}.EmployeeDirectory-document-info{flex:1}.EmployeeDirectory-document-name{font-size:14px;font-weight:600;color:var(--dir-gray-800)}.EmployeeDirectory-document-type{font-size:12px;color:var(--dir-gray-500);text-transform:uppercase}.EmployeeDirectory-document-link{padding:6px 12px;background:var(--dir-primary);color:#fff;text-decoration:none;border-radius:var(--dir-radius-md);font-size:12px;font-weight:500;transition:var(--dir-transition)}.EmployeeDirectory-document-link:hover{background:var(--dir-primary-dark)}.EmployeeDirectory-empty-text{color:var(--dir-gray-500);font-style:italic;text-align:center;padding:20px}.EmployeeDirectory-context-menu{background:#fff;border-radius:var(--dir-radius-lg);box-shadow:var(--dir-shadow-xl);border:1px solid var(--dir-gray-200);overflow:hidden;min-width:180px;animation:dir-scaleIn .1s ease-out}@keyframes dir-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.EmployeeDirectory-menu-item{width:100%;padding:12px 16px;border:none;background:none;display:flex;align-items:center;gap:12px;cursor:pointer;transition:var(--dir-transition);color:var(--dir-gray-700);font-size:14px;border-bottom:1px solid var(--dir-gray-200)}.EmployeeDirectory-menu-item:last-child{border-bottom:none}.EmployeeDirectory-menu-item:hover{background:var(--dir-gray-50);padding-left:20px}.EmployeeDirectory-menu-item-text{flex:1;text-align:left}.EmployeeDirectory-snackbar{position:fixed;bottom:24px;right:24px;z-index:1200;animation:dir-slideInRight .3s ease-out}@keyframes dir-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.EmployeeDirectory-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--dir-radius-lg);box-shadow:var(--dir-shadow-xl);min-width:320px;background:#fff;border-left:4px solid}.EmployeeDirectory-alert-success{border-left-color:var(--dir-success);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:var(--dir-success-dark)}.EmployeeDirectory-alert-error{border-left-color:var(--dir-danger);background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--dir-danger-dark)}.EmployeeDirectory-alert-info{border-left-color:var(--dir-info);background:linear-gradient(135deg,#e1f5fe,#b3e5fc);color:var(--dir-info)}.EmployeeDirectory-alert-close{margin-left:auto;background:none;border:none;color:currentColor;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--dir-transition)}.EmployeeDirectory-alert-close:hover{background:#0000001a}@media screen and (max-width:768px){.EmployeeDirectory{padding:12px}.EmployeeDirectory-header{padding:20px;flex-direction:column;align-items:stretch}.EmployeeDirectory-company-info{flex-direction:column;align-items:flex-start;text-align:left}.EmployeeDirectory-title{font-size:24px}.EmployeeDirectory-subtitle{font-size:13px;flex-direction:column;align-items:flex-start}.EmployeeDirectory-action-bar{width:100%}.EmployeeDirectory-total-count{width:100%;justify-content:space-between}.EmployeeDirectory-count-badge,.EmployeeDirectory-company-badge{padding:4px 12px;font-size:12px}.EmployeeDirectory-view-toggle{display:none}.EmployeeDirectory-search-filter-container{padding:16px;display:flex;gap:8px}.EmployeeDirectory-search-row{flex-direction:column}.EmployeeDirectory-search-input-container{width:100%}.EmployeeDirectory-role-select{width:100%;min-width:140px}.EmployeeDirectory-stats-container{display:none}.EmployeeDirectory-results-header{flex-direction:column;align-items:flex-start}.EmployeeDirectory-permission-note{width:100%;font-size:12px;padding:6px 12px}.EmployeeDirectory-employee-grid{grid-template-columns:1fr;gap:12px}.EmployeeDirectory-employee-card{padding:16px}.EmployeeDirectory-employee-header{gap:12px}.EmployeeDirectory-employee-avatar,.EmployeeDirectory-avatar-initials{width:48px;height:48px;font-size:16px}.EmployeeDirectory-employee-name{font-size:15px}.EmployeeDirectory-employee-email,.EmployeeDirectory-detail-text{font-size:12px}.EmployeeDirectory-view-profile-btn{padding:8px;font-size:12px}.EmployeeDirectory-empty-state{padding:40px 20px}.EmployeeDirectory-empty-state-icon{font-size:48px}.EmployeeDirectory-empty-state-title{font-size:18px}.EmployeeDirectory-empty-state-text{font-size:13px}.EmployeeDirectory-modal-overlay{padding:0;align-items:flex-end}.EmployeeDirectory-modal{max-width:100%;max-height:90vh;border-radius:var(--dir-radius-2xl) var(--dir-radius-2xl) 0 0;animation:dir-slideUpMobile .3s ease-out}@keyframes dir-slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.EmployeeDirectory-modal-header{padding:20px}.EmployeeDirectory-modal-title{font-size:20px}.EmployeeDirectory-modal-subtitle{font-size:13px;flex-direction:column;align-items:flex-start;gap:4px}.EmployeeDirectory-modal-content,.EmployeeDirectory-modal-footer{padding:20px}.EmployeeDirectory-personal-grid,.EmployeeDirectory-employment-grid,.EmployeeDirectory-bank-details-grid,.EmployeeDirectory-family-grid,.EmployeeDirectory-emergency-grid{grid-template-columns:1fr}.EmployeeDirectory-detail-grid{grid-template-columns:1fr;gap:12px}.EmployeeDirectory-child-row{grid-template-columns:1fr 80px 32px;gap:8px}.EmployeeDirectory-child-row .EmployeeDirectory-child-input:last-of-type{grid-column:span 3}.EmployeeDirectory-document-row{grid-template-columns:1fr 100px 32px;gap:8px}.EmployeeDirectory-document-row .EmployeeDirectory-document-url{grid-column:span 2}.EmployeeDirectory-context-menu{position:fixed!important;inset:auto 0 0!important;width:100%;border-radius:var(--dir-radius-2xl) var(--dir-radius-2xl) 0 0;animation:dir-slideUpMobile .3s ease-out}.EmployeeDirectory-menu-item{padding:16px 20px;font-size:16px}.EmployeeDirectory-snackbar{left:16px;right:16px;bottom:16px}.EmployeeDirectory-alert{min-width:auto;width:100%;padding:14px 16px;font-size:13px}.EmployeeDirectory-tabs{padding:0 16px}.EmployeeDirectory-tab{padding:10px 12px;font-size:13px}}@media screen and (max-width:375px){.EmployeeDirectory-title{font-size:20px}.EmployeeDirectory-total-count{flex-wrap:wrap}.EmployeeDirectory-count-badge,.EmployeeDirectory-company-badge{width:100%;text-align:center}.EmployeeDirectory-btn{width:100%;padding:10px 16px;font-size:13px}.EmployeeDirectory-modal-footer{flex-direction:column}.EmployeeDirectory-modal-footer .EmployeeDirectory-btn{width:100%}.EmployeeDirectory-child-row{grid-template-columns:1fr 32px}.EmployeeDirectory-child-row input{grid-column:span 2}.EmployeeDirectory-document-row{grid-template-columns:1fr 32px}.EmployeeDirectory-document-row input,.EmployeeDirectory-document-row select{grid-column:span 2}}@media screen and (min-width:769px)and (max-width:1024px){.EmployeeDirectory-stats-container{grid-template-columns:repeat(3,1fr)}.EmployeeDirectory-employee-grid{grid-template-columns:repeat(2,1fr)}.EmployeeDirectory-search-filter-container{padding:20px}.EmployeeDirectory-form-grid{grid-template-columns:repeat(2,1fr)}}@media(hover:none)and (pointer:coarse){.EmployeeDirectory-btn:active,.EmployeeDirectory-employee-card:active,.EmployeeDirectory-menu-item:active{transform:scale(.98);opacity:.8}.EmployeeDirectory-search-input,.EmployeeDirectory-form-input,.EmployeeDirectory-form-select{font-size:16px}}@media print{.EmployeeDirectory{background:#fff;padding:0}.EmployeeDirectory-header,.EmployeeDirectory-search-filter-container,.EmployeeDirectory-stats-container,.EmployeeDirectory-permission-note,.EmployeeDirectory-view-profile-btn,.EmployeeDirectory-employee-card-menu,.EmployeeDirectory-btn,.EmployeeDirectory-modal-overlay,.EmployeeDirectory-snackbar,.EmployeeDirectory-context-menu{display:none!important}.EmployeeDirectory-employee-grid{grid-template-columns:repeat(2,1fr);gap:10px}.EmployeeDirectory-employee-card{break-inside:avoid;page-break-inside:avoid;border:1px solid #000;box-shadow:none}.EmployeeDirectory-avatar-initials,.EmployeeDirectory-employee-tag-active,.EmployeeDirectory-employee-tag-inactive,.EmployeeDirectory-company-role-owner,.EmployeeDirectory-company-role-admin,.EmployeeDirectory-company-role-manager,.EmployeeDirectory-company-role-hr,.EmployeeDirectory-company-role-employee{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.EmployeeDirectory-spin{animation:dir-spin 1s linear infinite}@media(prefers-contrast:high){:root{--dir-primary: #0000ff;--dir-secondary: #008080;--dir-success: #008000;--dir-warning: #ffa500;--dir-danger: #ff0000;--dir-gray-200: #000000;--dir-gray-300: #000000}.EmployeeDirectory-employee-card{border:2px solid #000}.EmployeeDirectory-btn{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.EmployeeDirectory,.EmployeeDirectory *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.EmppLeaves-employee-leaves{background-color:#f8f9fa;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:#2c3e50}.EmppLeaves-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000d}.EmppLeaves-loading-spinner{width:48px;height:48px;border:3px solid #f1f3f5;border-top:3px solid #3498db;border-radius:50%;animation:EmppLeaves-spin 1s linear infinite;margin-bottom:16px}@keyframes EmppLeaves-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.EmppLeaves-loading-role{font-size:12px;color:#718096;margin-top:8px}.EmppLeaves-leaves-header{background:#fff;padding:28px 32px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px;border:1px solid #e8ecef;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px}.EmppLeaves-leaves-title{font-size:28px;font-weight:700;color:#1a365d;margin:0 0 12px;letter-spacing:-.5px}.EmppLeaves-leaves-subtitle{font-size:15px;color:#718096;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.EmppLeaves-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.EmppLeaves-action-button{width:44px;height:44px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.EmppLeaves-action-button:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.EmppLeaves-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.EmppLeaves-spinning{animation:EmppLeaves-spin 1s linear infinite}.EmppLeaves-stats-summary{display:flex;gap:16px;font-size:13px;background:#f7fafc;padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0}.EmppLeaves-stat-item{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;font-weight:500}.EmppLeaves-stat-item.EmppLeaves-pending{background:#fff7ed;color:#dd6b20;border:1px solid #fed7aa}.EmppLeaves-stat-item.EmppLeaves-approved{background:#f0fff4;color:#38a169;border:1px solid #c6f6d5}.EmppLeaves-stat-item.EmppLeaves-rejected{background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7}.EmppLeaves-owner-warning-banner,.EmppLeaves-department-info-banner{border-radius:8px;padding:16px 24px;margin-bottom:24px;display:flex;align-items:center;box-shadow:0 2px 8px #0000000d}.EmppLeaves-owner-warning-banner{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:6px solid #ff9800}.EmppLeaves-department-info-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:6px solid #2196f3}.EmppLeaves-warning-content,.EmppLeaves-info-content{display:flex;align-items:center;gap:16px;width:100%}.EmppLeaves-warning-content{color:#e65100}.EmppLeaves-info-content{color:#1565c0}.EmppLeaves-warning-text,.EmppLeaves-info-text{display:flex;flex-direction:column}.EmppLeaves-warning-text strong,.EmppLeaves-info-text strong{font-size:16px;margin-bottom:4px}.EmppLeaves-warning-text p,.EmppLeaves-info-text p{margin:0;font-size:14px;color:#bf360c}.EmppLeaves-info-text p{color:#0d47a1}.EmppLeaves-filter-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px;border:1px solid #e8ecef}.EmppLeaves-filter-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e8ecef;flex-wrap:wrap}.EmppLeaves-filter-header h3{font-size:18px;font-weight:600;color:#2d3748;margin:0}.EmppLeaves-filter-header svg{color:#4299e1}.EmppLeaves-owner-filter-badge{margin-left:16px;padding:4px 12px;background:#ffecb3;color:#ff6f00;border-radius:16px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.EmppLeaves-loading-badge{padding:4px 12px;background:#e2e8f0;color:#4a5568;border-radius:16px;font-size:12px;font-weight:500}.EmppLeaves-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;align-items:end}.EmppLeaves-filter-group{display:flex;flex-direction:column;gap:8px}.EmppLeaves-filter-label{font-size:14px;font-weight:500;color:#4a5568;display:flex;align-items:center;gap:6px}.EmppLeaves-filter-input,.EmppLeaves-filter-select{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#2d3748;transition:all .2s;height:44px;box-sizing:border-box;width:100%}.EmppLeaves-filter-input::placeholder{color:#a0aec0}.EmppLeaves-filter-input:focus,.EmppLeaves-filter-select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.EmppLeaves-search-group{grid-column:span 2}.EmppLeaves-search-input-wrapper{position:relative;width:100%}.EmppLeaves-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a0aec0;z-index:1}.EmppLeaves-search-input{padding-left:40px!important}.EmppLeaves-filter-actions{grid-column:1 / -1;display:flex;gap:12px;padding-top:16px;border-top:1px solid #e8ecef}.EmppLeaves-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.EmppLeaves-btn-contained{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 2px 4px #4299e14d}.EmppLeaves-btn-contained:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4299e166;background:linear-gradient(135deg,#3182ce,#2b6cb0)}.EmppLeaves-btn-contained:active:not(:disabled){transform:translateY(0)}.EmppLeaves-btn-outlined{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.EmppLeaves-btn-outlined:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.EmppLeaves-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.EmppLeaves-btn-success{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 2px 4px #48bb784d}.EmppLeaves-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 12px #48bb7866}.EmppLeaves-btn-error{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 2px 4px #f565654d}.EmppLeaves-btn-error:hover:not(:disabled){background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 4px 12px #f5656566}.EmppLeaves-stats-container{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:20px;margin-bottom:32px}.EmppLeaves-stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e8ecef;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.EmppLeaves-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#cbd5e0}.EmppLeaves-stat-card.EmppLeaves-active{border-color:#4299e1;box-shadow:0 0 0 2px #4299e133}.EmppLeaves-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#4299e1}.EmppLeaves-stat-card.EmppLeaves-stat-primary:before{background:#4299e1}.EmppLeaves-stat-card.EmppLeaves-stat-warning:before{background:#ed8936}.EmppLeaves-stat-card.EmppLeaves-stat-success:before{background:#48bb78}.EmppLeaves-stat-card.EmppLeaves-stat-error:before{background:#f56565}.EmppLeaves-stat-content{display:flex;align-items:center;gap:20px}.EmppLeaves-stat-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.EmppLeaves-stat-icon-primary{background:#ebf8ff;color:#4299e1}.EmppLeaves-stat-icon-warning{background:#fffaf0;color:#ed8936}.EmppLeaves-stat-icon-success{background:#f0fff4;color:#48bb78}.EmppLeaves-stat-icon-error{background:#fff5f5;color:#f56565}.EmppLeaves-stat-info{flex:1}.EmppLeaves-stat-value{font-size:32px;font-weight:700;color:#1a365d;margin-bottom:6px;line-height:1}.EmppLeaves-stat-label{font-size:15px;color:#718096;font-weight:500}.EmppLeaves-leaves-sections-container{display:flex;flex-direction:column;gap:32px}.EmppLeaves-leaves-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #e8ecef;overflow:hidden}.EmppLeaves-section-header{padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e8ecef;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.EmppLeaves-section-title{font-size:18px;font-weight:600;color:#2d3748;margin:0;display:flex;align-items:center;gap:12px}.EmppLeaves-section-badge{font-size:13px;padding:6px 16px;background:#ebf4ff;color:#4299e1;border-radius:20px;font-weight:600;border:1px solid #bee3f8}.EmppLeaves-action-required-badge{font-size:11px;padding:3px 8px;background:#fed7aa;color:#c05621;border-radius:12px;font-weight:600;margin-left:8px}.EmppLeaves-leaves-table-container{padding:0;overflow:hidden}.EmppLeaves-table-header{padding:20px 24px;background:#f8fafc;border-bottom:1px solid #e8ecef;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.EmppLeaves-table-title{font-size:16px;font-weight:600;color:#2d3748;margin:0;display:flex;align-items:center;gap:8px}.EmppLeaves-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.EmppLeaves-leaves-table{width:100%;border-collapse:collapse;font-size:14px}.EmppLeaves-leaves-table thead{background:#f8fafc}.EmppLeaves-leaves-table th{padding:16px 24px;text-align:left;font-weight:600;color:#4a5568;border-bottom:2px solid #e8ecef;white-space:nowrap}.EmppLeaves-leaves-table tbody tr{border-bottom:1px solid #e8ecef;transition:all .2s}.EmppLeaves-leaves-table tbody tr:hover{background:#f8fafc}.EmppLeaves-leaves-table td{padding:20px 24px;vertical-align:middle}.EmppLeaves-leaves-table tr.EmppLeaves-row-pending:hover{background:#fffaf0}.EmppLeaves-leaves-table tr.EmppLeaves-row-approved:hover{background:#f0fff4}.EmppLeaves-leaves-table tr.EmppLeaves-row-rejected:hover{background:#fff5f5}.EmppLeaves-employee-info{display:flex;align-items:flex-start;gap:16px}.EmppLeaves-employee-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#4299e1,#667eea);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #4299e14d;position:relative}.EmppLeaves-employee-details{flex:1;min-width:0}.EmppLeaves-employee-name{font-weight:600;color:#2d3748;margin-bottom:4px;font-size:15px;display:flex;align-items:center;gap:8px}.EmppLeaves-employee-email{font-size:13px;color:#718096;margin-bottom:4px;display:flex;align-items:center;gap:6px}.EmppLeaves-employee-phone{font-size:13px;color:#718096;display:flex;align-items:center;gap:6px}.EmppLeaves-employee-phone a{color:#4299e1;text-decoration:none;transition:color .2s}.EmppLeaves-employee-phone a:hover{color:#3182ce;text-decoration:underline}.EmppLeaves-self-badge{position:absolute;bottom:-8px;right:-8px;background:#1976d2;color:#fff;font-size:10px;padding:2px 6px;border-radius:12px;white-space:nowrap}.EmppLeaves-own-leave-row{background-color:#f8f9fa}.EmppLeaves-department-info{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#edf2f7;border-radius:20px;font-size:12px;color:#4a5568;font-weight:500;border:1px solid #e2e8f0}.EmppLeaves-leave-details{display:flex;flex-direction:column;gap:10px}.EmppLeaves-leave-type-wrapper{display:flex;flex-wrap:wrap;gap:8px}.EmppLeaves-leave-type-chip{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid}.EmppLeaves-leave-type-casual{background:#ebf8ff;color:#4299e1;border-color:#bee3f8}.EmppLeaves-leave-type-sick{background:#fed7d7;color:#c53030;border-color:#feb2b2}.EmppLeaves-leave-type-paid{background:#c6f6d5;color:#276749;border-color:#9ae6b4}.EmppLeaves-leave-type-unpaid{background:#feebc8;color:#975a16;border-color:#fbd38d}.EmppLeaves-leave-reason-preview{font-size:13px;color:#718096;line-height:1.5;margin:8px 0;max-width:250px}.EmppLeaves-leave-reason{font-size:13px;color:#718096;line-height:1.5;margin-top:4px}.EmppLeaves-duration-info{display:flex;flex-direction:column;gap:6px}.EmppLeaves-date-range{font-size:12px;color:#2d3748;font-weight:500}.EmppLeaves-date-separator{font-size:12px;color:#a0aec0;text-align:center}.EmppLeaves-days-badge{font-size:12px;padding:4px 10px;background:#ebf8ff;color:#4299e1;border-radius:20px;display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:600;border:1px solid #bee3f8}.EmppLeaves-status-chip{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;border:1px solid;min-width:90px;text-align:center}.EmppLeaves-status-pending{background:#fffaf0;color:#dd6b20;border-color:#fed7aa}.EmppLeaves-status-approved{background:#f0fff4;color:#38a169;border-color:#c6f6d5}.EmppLeaves-status-rejected{background:#eb9696;color:#e53e3e;border-color:#fed7d7;padding:4px;border-radius:50px}.EmppLeaves-approved-by{font-size:12px;color:#718096;font-weight:500}.EmppLeaves-approver-role{font-size:11px;color:#a0aec0;margin-left:4px}.EmppLeaves-actions-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.EmppLeaves-action-icon-button{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.EmppLeaves-action-icon-button:hover:not(.EmppLeaves-disabled){transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.EmppLeaves-action-icon-button.EmppLeaves-approve:hover:not(.EmppLeaves-disabled){background:#f0fff4;border-color:#48bb78;color:#38a169}.EmppLeaves-action-icon-button.EmppLeaves-reject:hover:not(.EmppLeaves-disabled){background:#fff5f5;border-color:#f56565;color:#e53e3e}.EmppLeaves-action-icon-button.EmppLeaves-delete:hover:not(.EmppLeaves-disabled){background:#fff5f5;border-color:#f56565;color:#e53e3e}.EmppLeaves-action-icon-button.EmppLeaves-view-history:hover:not(.EmppLeaves-disabled){background:#f7fafc;border-color:#4299e1;color:#4299e1}.EmppLeaves-action-icon-button.EmppLeaves-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.EmppLeaves-no-permission{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffebee;color:#e53e3e;border-radius:6px;cursor:help}.EmppLeaves-view-details-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4299e1;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:8px;width:141px}.EmppLeaves-view-details-button:hover{background:#ebf8ff;color:#4299e1;border-color:#4299e1;transform:translateY(-1px)}.EmppLeaves-empty-state{text-align:center;padding:64px 32px}.EmppLeaves-empty-state-icon{margin-bottom:20px;color:#cbd5e0;opacity:.5;display:flex;justify-content:center}.EmppLeaves-empty-state-title{font-size:18px;font-weight:600;color:#718096;margin:0 0 8px}.EmppLeaves-empty-state-text{font-size:15px;color:#a0aec0;max-width:400px;margin:0 auto 24px}.EmppLeaves-dialog-overlay{position:fixed;inset:0;background:#1a202cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:EmppLeaves-fadeIn .2s ease-out}@keyframes EmppLeaves-fadeIn{0%{opacity:0}to{opacity:1}}.EmppLeaves-dialog-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:EmppLeaves-slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes EmppLeaves-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.EmppLeaves-details-dialog{max-width:900px!important;width:95%;position:relative;top:25px;border-radius:10px}.EmppLeaves-delete-dialog{max-width:440px}.EmppLeaves-history-dialog{max-width:640px}.EmppLeaves-status-dialog{max-width:500px!important}.EmppLeaves-dialog-header{padding:24px 28px;border-bottom:1px solid #e8ecef;display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:16px 16px 0 0}.EmppLeaves-dialog-header h3{font-size:20px;font-weight:600;color:#2d3748;margin:0}.EmppLeaves-dialog-header-left{display:flex;align-items:center;gap:12px}.EmppLeaves-dialog-header-left h3{margin:0;font-size:20px;font-weight:600;color:#2d3748}.EmppLeaves-dialog-close{background:none;border:none;color:#a0aec0;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.EmppLeaves-dialog-close:hover{background:#edf2f7;color:#4a5568}.EmppLeaves-dialog-body{padding:28px}.EmppLeaves-dialog-footer{padding:24px 28px;border-top:1px solid #e8ecef;display:flex;justify-content:flex-end;gap:16px}.EmppLeaves-details-status-banner{padding:16px 20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:15px}.EmppLeaves-details-status-banner.EmppLeaves-status-pending{background:#fff7ed;border:1px solid #fed7aa;color:#c05621}.EmppLeaves-details-status-banner.EmppLeaves-status-approved{background:#f0fff4;border:1px solid #c6f6d5;color:#2f855a}.EmppLeaves-details-status-banner.EmppLeaves-status-rejected{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.EmppLeaves-details-grid-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.EmppLeaves-details-column{display:flex;flex-direction:column;gap:20px}.EmppLeaves-details-card{background:#f8fafc;border-radius:12px;border:1px solid #e8ecef;overflow:hidden}.EmppLeaves-card-header{padding:16px 20px;background:#fff;border-bottom:1px solid #e8ecef;display:flex;align-items:center;gap:10px}.EmppLeaves-card-header h4{margin:0;font-size:15px;font-weight:600;color:#2d3748}.EmppLeaves-card-content{padding:20px}.EmppLeaves-employee-profile{display:flex;align-items:center;gap:16px;margin-bottom:20px}.EmppLeaves-profile-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#4299e1,#667eea);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;box-shadow:0 4px 12px #4299e14d}.EmppLeaves-profile-info{flex:1}.EmppLeaves-profile-name{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:4px}.EmppLeaves-profile-email{font-size:13px;color:#718096}.EmppLeaves-info-rows{display:flex;flex-direction:column;gap:12px}.EmppLeaves-info-row{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 0;border-bottom:1px dashed #e2e8f0}.EmppLeaves-info-row:last-child{border-bottom:none}.EmppLeaves-info-icon{color:#718096;width:18px}.EmppLeaves-info-label{color:#718096;min-width:100px;font-weight:500}.EmppLeaves-info-value{color:#2d3748;font-weight:500;flex:1}.EmppLeaves-department-tag{background:#ebf8ff;color:#2c5282;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid #bee3f8}.EmppLeaves-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.EmppLeaves-grid-item{display:flex;flex-direction:column;gap:4px}.EmppLeaves-grid-item.EmppLeaves-full-width{grid-column:1 / -1}.EmppLeaves-grid-label{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.EmppLeaves-grid-value{font-size:14px;font-weight:600;color:#2d3748}.EmppLeaves-leave-type-badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block;text-align:center;width:fit-content}.EmppLeaves-duration-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ebf8ff;color:#2c5282;border-radius:20px;font-size:13px;font-weight:600;border:1px solid #bee3f8}.EmppLeaves-reason-box{background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;line-height:1.6;color:#2d3748;min-height:100px;max-height:200px;overflow-y:auto}.EmppLeaves-remarks-box{background:#fff7ed;padding:16px;border-radius:8px;border:1px solid #fed7aa;font-size:14px;line-height:1.6;color:#c05621}.EmppLeaves-footer-actions{display:flex;gap:12px}.EmppLeaves-user-info-compact{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e8ecef}.EmppLeaves-user-avatar.EmppLeaves-medium{width:48px;height:48px;border-radius:10px;font-size:16px}.EmppLeaves-user-details h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#2d3748}.EmppLeaves-user-details p{margin:2px 0;font-size:13px;color:#718096}.EmppLeaves-user-details .EmppLeaves-user-phone{color:#4299e1;font-weight:500}.EmppLeaves-status-change-info{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.EmppLeaves-status-badge.EmppLeaves-current{background:#edf2f7;color:#4a5568;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.EmppLeaves-status-badge.EmppLeaves-new{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.EmppLeaves-status-badge.EmppLeaves-new.EmppLeaves-status-approved{background:#f0fff4;color:#2f855a;border:1px solid #c6f6d5}.EmppLeaves-status-badge.EmppLeaves-new.EmppLeaves-status-rejected{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}.EmppLeaves-status-change-info svg{color:#a0aec0}.EmppLeaves-optional{color:#a0aec0;font-size:12px;font-weight:400;margin-left:4px}.EmppLeaves-remarks-section{margin-bottom:28px}.EmppLeaves-remarks-section label{display:block;font-size:15px;font-weight:500;color:#4a5568;margin-bottom:12px}.EmppLeaves-remarks-input{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;min-height:100px;transition:all .2s;color:#2d3748}.EmppLeaves-remarks-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.EmppLeaves-notification-info{padding:16px;background:#ebf8ff;border-radius:8px;font-size:14px;color:#2c5282;display:flex;align-items:flex-start;gap:12px;border:1px solid #bee3f8}.EmppLeaves-notification-info svg{flex-shrink:0;margin-top:2px}.EmppLeaves-warning-icon{text-align:center;margin-bottom:24px}.EmppLeaves-warning-icon+h4{text-align:center;font-size:20px;font-weight:600;color:#2d3748;margin:0 0 12px}.EmppLeaves-warning-icon+h4+p{text-align:center;color:#718096;margin:0 0 32px;line-height:1.6;font-size:15px}.EmppLeaves-history-title h4{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 24px;text-align:center;padding-bottom:16px;border-bottom:1px solid #e8ecef}.EmppLeaves-history-timeline{border-left:3px solid #e2e8f0;margin-left:20px;padding-left:32px}.EmppLeaves-history-item{position:relative;margin-bottom:24px}.EmppLeaves-history-item:last-child{margin-bottom:0}.EmppLeaves-history-item:before{content:"";position:absolute;left:-35px;top:6px;width:16px;height:16px;border-radius:50%;background:#4299e1;border:3px solid white;box-shadow:0 2px 8px #4299e166}.EmppLeaves-history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.EmppLeaves-history-action{font-size:15px;font-weight:600;color:#2d3748;background:#edf2f7;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0}.EmppLeaves-history-date{font-size:13px;color:#718096;font-weight:500}.EmppLeaves-history-item-body{background:#f8fafc;padding:20px;border-radius:12px;font-size:14px;border:1px solid #e8ecef}.EmppLeaves-history-by,.EmppLeaves-history-role,.EmppLeaves-history-remarks{margin-bottom:8px;display:flex;gap:8px}.EmppLeaves-history-by:last-child,.EmppLeaves-history-role:last-child,.EmppLeaves-history-remarks:last-child{margin-bottom:0}.EmppLeaves-history-by strong,.EmppLeaves-history-role strong,.EmppLeaves-history-remarks strong{color:#4a5568;min-width:60px}.EmppLeaves-history-status-change{display:flex;align-items:center;gap:8px;margin-bottom:8px}.EmppLeaves-history-status-change .EmppLeaves-status-badge{padding:4px 8px;font-size:11px}.EmppLeaves-history-status-change .EmppLeaves-status-badge.EmppLeaves-from{background:#edf2f7;color:#4a5568}.EmppLeaves-history-status-change .EmppLeaves-status-badge.EmppLeaves-to{background:#f0fff4;color:#38a169}.EmppLeaves-history-role{font-size:11px;color:#a0aec0;margin-left:4px}.EmppLeaves-no-history{text-align:center;padding:48px 20px;color:#a0aec0}.EmppLeaves-no-history svg{margin-bottom:20px;opacity:.5}.EmppLeaves-no-history p{margin:0;font-size:15px}.EmppLeaves-snackbar{position:fixed;bottom:32px;right:32px;z-index:9999}.EmppLeaves-snackbar-content{padding:16px 24px;border-radius:12px;font-size:15px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px #00000026;animation:EmppLeaves-slideInRight .3s cubic-bezier(.4,0,.2,1);max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes EmppLeaves-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.EmppLeaves-snackbar-success{background:linear-gradient(135deg,#48bb78f2,#38a169f2);color:#fff;border-left:4px solid #2f855a}.EmppLeaves-snackbar-error{background:linear-gradient(135deg,#f56565f2,#e53e3ef2);color:#fff;border-left:4px solid #c53030}.EmppLeaves-snackbar-info{background:linear-gradient(135deg,#4299e1f2,#3182cef2);color:#fff;border-left:4px solid #2b6cb0}.EmppLeaves-snackbar-warning{background:linear-gradient(135deg,#ed8936f2,#dd6b20f2);color:#fff;border-left:4px solid #975a16}.EmppLeaves-snackbar-content a{color:#fff!important;text-decoration:underline;font-weight:600}.EmppLeaves-snackbar-content a:hover{text-decoration:none}.EmppLeaves-role-badge{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;background:#e3f2fd;color:#1976d2;border-radius:16px;font-size:11px;font-weight:500;margin-left:12px}.EmppLeaves-role-badge-owner{background:#fff3e0;color:#e65100}.EmppLeaves-role-badge-admin{background:#e8eaf6;color:#3949ab}.EmppLeaves-role-badge-hr{background:#e0f2f1;color:#00796b}.EmppLeaves-role-badge-manager{background:#f3e5f5;color:#6a1b9a}.EmppLeaves-view-only-badge{display:inline-flex;align-items:center;gap:6px;background:#f5f5f5;color:#666;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;margin-left:12px;border:1px dashed #999}.EmppLeaves-socket-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border-radius:16px;font-size:12px;font-weight:500;margin-left:12px}.EmppLeaves-socket-status{display:inline-flex;align-items:center;gap:4px;border-radius:16px;font-size:12px;padding:4px 8px 4px 10px}.EmppLeaves-socket-status.EmppLeaves-connected{background:#e8f5e9;color:#2e7d32}.EmppLeaves-socket-status.EmppLeaves-disconnected{background:#ffebee;color:#c62828}.EmppLeaves-text-muted{color:#a0aec0;font-size:13px}.EmppLeaves-hide-mobile{display:block}@media(max-width:992px){.EmppLeaves-stats-container{grid-template-columns:repeat(2,1fr)!important}.EmppLeaves-employee-leaves{padding:20px}.EmppLeaves-leaves-header,.EmppLeaves-filter-section{padding:24px}.EmppLeaves-details-grid-container{grid-template-columns:1fr}.EmppLeaves-search-group{grid-column:span 1}.EmppLeaves-info-row{flex-wrap:wrap}.EmppLeaves-info-label{min-width:80px}.EmppLeaves-filter-grid{grid-template-columns:repeat(2,1fr)}.EmppLeaves-leaves-table{font-size:13px}.EmppLeaves-leaves-table th,.EmppLeaves-leaves-table td{padding:16px 20px}}@media screen and (max-width:768px){.EmppLeaves-employee-leaves{padding:12px;background:#f5f7fa}.EmppLeaves-leaves-header{padding:16px 20px;margin-bottom:16px;flex-direction:column;gap:12px}.EmppLeaves-leaves-title{font-size:24px;margin-bottom:8px}.EmppLeaves-leaves-subtitle{font-size:9px;gap:7px;display:grid;grid-template-columns:repeat(2,1fr)}.EmppLeaves-header-actions{width:100%;justify-content:space-between;gap:8px}.EmppLeaves-action-button{width:40px;height:40px}.EmppLeaves-stats-summary{padding:6px 12px;gap:8px;font-size:12px}.EmppLeaves-stat-item{padding:4px 8px}.EmppLeaves-owner-warning-banner,.EmppLeaves-department-info-banner{padding:12px 16px;margin-bottom:16px}.EmppLeaves-warning-content,.EmppLeaves-info-content{gap:12px}.EmppLeaves-warning-content svg,.EmppLeaves-info-content svg{width:18px;height:18px}.EmppLeaves-warning-text p,.EmppLeaves-info-text p{font-size:12px}.EmppLeaves-filter-section{padding:16px;margin-bottom:16px}.EmppLeaves-filter-header{margin-bottom:16px;padding-bottom:12px}.EmppLeaves-filter-header h3{font-size:16px}.EmppLeaves-filter-grid{grid-template-columns:repeat(2,1fr);gap:12px}.EmppLeaves-filter-group{gap:6px}.EmppLeaves-filter-label{font-size:13px}.EmppLeaves-filter-input,.EmppLeaves-filter-select{padding:10px 14px;font-size:14px;height:42px}.EmppLeaves-search-group{grid-column:span 1}.EmppLeaves-search-input-wrapper{width:100%}.EmppLeaves-filter-actions{gap:8px;padding-top:12px}.EmppLeaves-filter-actions .EmppLeaves-btn{width:100%;padding:12px;font-size:14px}.EmppLeaves-stats-container{grid-template-columns:repeat(2,1fr)!important;gap:12px}.EmppLeaves-stat-card{padding:16px}.EmppLeaves-stat-card:before{width:3px}.EmppLeaves-stat-content{gap:12px}.EmppLeaves-stat-icon{width:48px;height:48px;font-size:22px}.EmppLeaves-stat-value{font-size:24px;margin-bottom:4px}.EmppLeaves-stat-label{font-size:13px}.EmppLeaves-leaves-sections-container{gap:20px}.EmppLeaves-leaves-section{border-radius:12px}.EmppLeaves-section-header{padding:16px}.EmppLeaves-section-title{font-size:16px;gap:8px}.EmppLeaves-section-title svg{width:18px;height:18px}.EmppLeaves-section-badge{font-size:12px;padding:4px 12px}.EmppLeaves-leaves-table-container{overflow:visible}.EmppLeaves-leaves-table{display:block}.EmppLeaves-leaves-table thead{display:none}.EmppLeaves-leaves-table tbody{display:block}.EmppLeaves-leaves-table tr{display:block;background:#fff;border-radius:12px;margin-bottom:12px;padding:16px;border:1px solid #e8ecef;box-shadow:0 2px 8px #0000000d;position:relative}.EmppLeaves-leaves-table td{display:block;padding:8px 0;border:none;min-width:auto}.EmppLeaves-leaves-table td:not(:nth-child(1)):not(:nth-child(3)){display:none}.EmppLeaves-leaves-table td:nth-child(1){display:block;padding-bottom:12px;border-bottom:1px dashed #e8ecef;margin-bottom:12px}.EmppLeaves-employee-info{flex-direction:row;align-items:center;gap:12px}.EmppLeaves-employee-avatar{width:44px;height:44px;font-size:15px}.EmppLeaves-self-badge{font-size:8px;padding:2px 4px;bottom:-6px;right:-6px}.EmppLeaves-employee-name{font-size:16px;margin-bottom:2px}.EmppLeaves-employee-email{font-size:12px;margin-bottom:2px}.EmppLeaves-employee-phone{font-size:12px}.EmppLeaves-employee-phone svg,.EmppLeaves-employee-email svg{width:12px;height:12px}.EmppLeaves-leaves-table td:nth-child(3){display:block}.EmppLeaves-leave-details{gap:8px}.EmppLeaves-leave-type-wrapper{margin-bottom:4px}.EmppLeaves-leave-type-chip{padding:5px 12px;font-size:12px}.EmppLeaves-leave-reason-preview.EmppLeaves-hide-mobile{display:none}.EmppLeaves-view-details-button{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;margin-top:12px;box-shadow:0 4px 12px #4299e14d}.EmppLeaves-view-details-button:active{transform:scale(.98);box-shadow:0 2px 6px #4299e166}.EmppLeaves-view-details-button svg{width:18px;height:18px}.EmppLeaves-leaves-table tr.EmppLeaves-row-pending .EmppLeaves-status-chip{display:inline-block;margin-top:8px}.EmppLeaves-leaves-table tr.EmppLeaves-row-pending .EmppLeaves-actions-container{display:flex;margin-top:12px;gap:8px}.EmppLeaves-leaves-table tr.EmppLeaves-row-pending .EmppLeaves-action-icon-button.EmppLeaves-approve,.EmppLeaves-leaves-table tr.EmppLeaves-row-pending .EmppLeaves-action-icon-button.EmppLeaves-reject{flex:1;width:auto;height:44px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.EmppLeaves-leaves-table tr.EmppLeaves-row-pending .EmppLeaves-action-icon-button.EmppLeaves-approve{background:#f0fff4;color:#38a169;border:1px solid #c6f6d5}.EmppLeaves-leaves-table tr.EmppLeaves-row-pending .EmppLeaves-action-icon-button.EmppLeaves-reject{background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7}.EmppLeaves-action-icon-button.EmppLeaves-view-history,.EmppLeaves-action-icon-button.EmppLeaves-delete,.EmppLeaves-no-permission{display:none}.EmppLeaves-leaves-table td:nth-child(2),.EmppLeaves-department-info{display:none}.EmppLeaves-leaves-table td:nth-child(4),.EmppLeaves-duration-info{display:none}.EmppLeaves-leaves-table td:nth-child(5),.EmppLeaves-status-chip{display:none}.EmppLeaves-leaves-table td:nth-child(6),.EmppLeaves-approved-by{display:none}.EmppLeaves-leaves-table td:nth-child(7){display:none}.EmppLeaves-empty-state{padding:40px 20px}.EmppLeaves-empty-state-icon svg{width:48px;height:48px}.EmppLeaves-empty-state-title{font-size:16px}.EmppLeaves-empty-state-text{font-size:13px;margin-bottom:20px}.EmppLeaves-empty-state .EmppLeaves-btn{width:auto;min-width:160px}.EmppLeaves-dialog-overlay{padding:12px;align-items:flex-end}.EmppLeaves-dialog-content{max-width:100%;border-radius:20px 20px 0 0;animation:EmppLeaves-slideUpMobile .3s ease-out;margin:0}@keyframes EmppLeaves-slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.EmppLeaves-dialog-header{padding:20px}.EmppLeaves-dialog-header h3{font-size:18px}.EmppLeaves-dialog-body{padding:20px}.EmppLeaves-dialog-footer{padding:20px;flex-direction:column;gap:12px}.EmppLeaves-dialog-footer .EmppLeaves-btn{width:100%;padding:14px}.EmppLeaves-details-dialog{max-height:90vh;overflow-y:auto;position:relative;top:10px;border-radius:8px}.EmppLeaves-details-grid-container{grid-template-columns:1fr;gap:16px}.EmppLeaves-details-column{gap:16px}.EmppLeaves-card-header{padding:14px 16px}.EmppLeaves-card-content{padding:16px}.EmppLeaves-profile-avatar{width:48px;height:48px;font-size:16px}.EmppLeaves-info-row{flex-wrap:wrap;gap:20px}.EmppLeaves-info-label{min-width:80px;font-size:13px}.EmppLeaves-info-value{font-size:13px}.EmppLeaves-info-grid{gap:14px}.EmppLeaves-reason-box,.EmppLeaves-remarks-box{padding:12px;font-size:13px;max-height:150px}.EmppLeaves-footer-actions{flex-direction:column;gap:8px;width:100%}.EmppLeaves-footer-actions .EmppLeaves-btn{width:100%}.EmppLeaves-status-dialog .EmppLeaves-user-info-compact{flex-direction:column;text-align:center;gap:12px}.EmppLeaves-status-change-info{flex-direction:column;text-align:center;gap:12px;padding:12px}.EmppLeaves-status-change-info svg{transform:rotate(90deg)}.EmppLeaves-remarks-input{padding:12px;font-size:14px}.EmppLeaves-history-timeline{margin-left:12px;padding-left:20px}.EmppLeaves-history-item:before{left:-23px;width:14px;height:14px}.EmppLeaves-history-item-header{flex-direction:column;align-items:flex-start;gap:6px}.EmppLeaves-history-item-body{padding:16px}.EmppLeaves-history-by,.EmppLeaves-history-role,.EmppLeaves-history-remarks{flex-direction:column;gap:4px}.EmppLeaves-history-by strong,.EmppLeaves-history-role strong,.EmppLeaves-history-remarks strong{min-width:auto}.EmppLeaves-snackbar{left:12px;right:12px;bottom:12px}.EmppLeaves-snackbar-content{padding:14px 16px;font-size:14px;max-width:100%}.EmppLeaves-hide-mobile{display:none!important}}@media screen and (max-width:375px){.EmppLeaves-employee-leaves{padding:8px}.EmppLeaves-leaves-header{padding:14px 16px}.EmppLeaves-leaves-title{font-size:22px}.EmppLeaves-stat-card{padding:12px}.EmppLeaves-stat-icon{width:42px;height:42px;font-size:20px}.EmppLeaves-stat-value{font-size:22px}.EmppLeaves-stat-label{font-size:12px}.EmppLeaves-leaves-table tr{padding:14px}.EmppLeaves-employee-avatar{width:40px;height:40px;font-size:14px}.EmppLeaves-employee-name{font-size:15px}.EmppLeaves-employee-email,.EmppLeaves-employee-phone{font-size:11px}.EmppLeaves-view-details-button{padding:10px 14px;font-size:13px}.EmppLeaves-section-title{font-size:15px}.EmppLeaves-section-badge{font-size:11px;padding:4px 10px}.EmppLeaves-dialog-header h3{font-size:17px}}@media screen and (max-width:896px)and (orientation:landscape){.EmppLeaves-dialog-overlay{align-items:center}.EmppLeaves-dialog-content{max-width:80%;border-radius:16px;animation:EmppLeaves-slideIn .3s ease-out;max-height:85vh}.EmppLeaves-details-dialog{max-width:90%}.EmppLeaves-details-grid-container{grid-template-columns:1fr 1fr}.EmppLeaves-footer-actions{flex-direction:row}}@media(hover:none)and (pointer:coarse){.EmppLeaves-btn:active,.EmppLeaves-action-button:active,.EmppLeaves-view-details-button:active,.EmppLeaves-stat-card:active{opacity:.8;transform:scale(.98)}.EmppLeaves-leaves-table tr:active{background:#f0f4f8}}@media print{.EmppLeaves-employee-leaves{background:#fff;padding:0}.EmppLeaves-leaves-header,.EmppLeaves-filter-section,.EmppLeaves-stats-container,.EmppLeaves-section-header .EmppLeaves-section-badge,.EmppLeaves-actions-container,.EmppLeaves-dialog-overlay,.EmppLeaves-snackbar,.EmppLeaves-owner-warning-banner,.EmppLeaves-department-info-banner,.EmppLeaves-view-details-button{display:none!important}.EmppLeaves-leaves-section{box-shadow:none;border:1px solid #ddd;break-inside:avoid;margin-bottom:20px}.EmppLeaves-leaves-table-container{padding:0}.EmppLeaves-leaves-table{border-collapse:collapse}.EmppLeaves-leaves-table th,.EmppLeaves-leaves-table td{border:1px solid #ddd;padding:12px;color:#000!important;background:#fff!important}.EmppLeaves-leaves-table tr{background:#fff!important}.EmppLeaves-leaves-table td{display:table-cell!important}.EmppLeaves-leaves-table td:nth-child(1),.EmppLeaves-leaves-table td:nth-child(2),.EmppLeaves-leaves-table td:nth-child(3),.EmppLeaves-leaves-table td:nth-child(4),.EmppLeaves-leaves-table td:nth-child(5),.EmppLeaves-leaves-table td:nth-child(6),.EmppLeaves-leaves-table td:nth-child(7){display:table-cell!important}.EmppLeaves-hide-mobile{display:inline-block!important}}.EmppLeaves-debug-id{font-size:10px;color:#999;margin-left:5px;font-family:monospace}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--danger-dark: #dc2626;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.EmpAssets-container{padding:24px;max-width:1600px;margin:0 auto;animation:fadeIn .4s ease-out;background:var(--gray-50);min-height:100vh}.EmpAssets-header{background:linear-gradient(135deg,#ffffff 0%,var(--gray-50) 100%);padding:28px 32px;margin-bottom:24px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.EmpAssets-header h1{font-size:28px;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.EmpAssets-header p{color:var(--gray-500);margin:0;font-size:14px;font-weight:400;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.EmpAssets-role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:30px;font-size:11px;font-weight:600;margin-left:8px;text-transform:uppercase;letter-spacing:.3px}.EmpAssets-role-badge-owner{background:linear-gradient(135deg,#fef9c3,#fde047);color:#854d0e;border:1px solid #facc15}.EmpAssets-role-badge-admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #3b82f6}.EmpAssets-role-badge-hr{background:linear-gradient(135deg,#fae8ff,#f5d0fe);color:#86198f;border:1px solid #c084fc}.EmpAssets-role-badge-manager{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.EmpAssets-view-only-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--gray-200);color:var(--gray-700);border-radius:30px;font-size:11px;font-weight:600;margin-left:8px}.EmpAssets-warning-banner,.EmpAssets-department-info-banner{background:linear-gradient(135deg,#fff3cd,#ffecb5);border-left:4px solid var(--warning);padding:16px 24px;margin-bottom:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.EmpAssets-department-info-banner{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left-color:var(--primary)}.EmpAssets-warning-content,.EmpAssets-info-content{display:flex;align-items:center;gap:16px}.EmpAssets-warning-content svg,.EmpAssets-info-content svg{color:var(--warning);flex-shrink:0}.EmpAssets-info-content svg{color:var(--primary)}.EmpAssets-warning-text,.EmpAssets-info-text{flex:1}.EmpAssets-warning-text strong,.EmpAssets-info-text strong{display:block;margin-bottom:4px;color:var(--gray-900)}.EmpAssets-warning-text p,.EmpAssets-info-text p{margin:0;color:var(--gray-700);font-size:13px}.EmpAssets-company-bar{background:#fff;padding:16px 24px;border-radius:var(--radius-lg);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:var(--shadow);border:1px solid var(--gray-200)}.EmpAssets-company-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.EmpAssets-company-info span{font-size:14px;color:var(--gray-600);background:var(--gray-100);padding:8px 16px;border-radius:30px}.EmpAssets-company-info strong{color:var(--gray-900);font-weight:600}.EmpAssets-filter-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid var(--gray-300);border-radius:30px;background:#fff;color:var(--gray-700);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.EmpAssets-filter-btn:hover{border-color:var(--primary);background:var(--gray-50);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.EmpAssets-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.EmpAssets-filter-btn.active svg{color:#fff}.EmpAssets-filter-actions{display:flex;align-items:center;gap:12px}.EmpAssets-toggle-filters-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;color:var(--gray-700);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.EmpAssets-toggle-filters-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.EmpAssets-clear-btn{padding:8px 16px;border:1px solid var(--danger);border-radius:var(--radius);background:#fff;color:var(--danger);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.EmpAssets-clear-btn:hover{background:var(--danger);color:#fff}.EmpAssets-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.EmpAssets-stat-card{background:#fff;border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow);border:1px solid var(--gray-200);position:relative;overflow:hidden}.EmpAssets-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.EmpAssets-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.EmpAssets-stat-card:hover:before{transform:translate(100%)}.EmpAssets-stat-card.EmpAssets-active{background:linear-gradient(135deg,#ffffff,var(--gray-50));border-width:2px}.EmpAssets-stat-card.EmpAssets-active-primary{border-color:var(--primary)}.EmpAssets-stat-card.EmpAssets-active-warning{border-color:var(--warning)}.EmpAssets-stat-card.EmpAssets-active-success{border-color:var(--success)}.EmpAssets-stat-card.EmpAssets-active-error{border-color:var(--danger)}.EmpAssets-stat-content{display:flex;align-items:center;gap:16px}.EmpAssets-stat-avatar{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease}.EmpAssets-stat-card:hover .EmpAssets-stat-avatar{transform:scale(1.05) rotate(5deg)}.EmpAssets-avatar-primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--primary-dark)}.EmpAssets-avatar-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.EmpAssets-avatar-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.EmpAssets-avatar-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.EmpAssets-stat-info h3{font-size:13px;font-weight:500;color:var(--gray-500);margin:0 0 6px;letter-spacing:.5px;text-transform:uppercase}.EmpAssets-stat-info h2{font-size:32px;font-weight:700;margin:0;color:var(--gray-900);line-height:1.2}.EmpAssets-filters-container{background:#fff;border-radius:var(--radius-lg);padding:0;margin-bottom:24px;box-shadow:var(--shadow);border:1px solid var(--gray-200);overflow:hidden;transition:all .3s ease}.EmpAssets-filters-container.expanded{box-shadow:var(--shadow-lg)}.EmpAssets-search-container{padding:16px 20px;border-bottom:1px solid var(--gray-200)}.EmpAssets-search-input{display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;transition:all .2s ease}.EmpAssets-search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.EmpAssets-search-input svg{color:var(--gray-400);font-size:18px}.EmpAssets-search-input input{border:none;outline:none;flex:1;padding:14px 0;font-size:14px;color:var(--gray-700);background:transparent}.EmpAssets-search-input input::placeholder{color:var(--gray-400)}.EmpAssets-filter-options{padding:16px 20px;display:flex;gap:16px;flex-wrap:wrap;background:var(--gray-50)}.EmpAssets-department-filter{display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;min-width:200px}.EmpAssets-department-filter svg{color:var(--gray-500)}.EmpAssets-department-filter select{border:none;outline:none;padding:12px 0;font-size:14px;color:var(--gray-700);background:transparent;cursor:pointer;flex:1}.EmpAssets-department-readonly{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--gray-200);border-radius:var(--radius);color:var(--gray-700);font-size:14px}.EmpAssets-department-readonly svg{color:var(--gray-600)}.EmpAssets-active-filters{padding:12px 20px;background:var(--gray-50);border-radius:var(--radius);margin-bottom:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.EmpAssets-active-filters-label{font-size:13px;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.EmpAssets-filter-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid var(--gray-300);border-radius:30px;font-size:13px;color:var(--gray-700);transition:all .2s ease}.EmpAssets-filter-tag:hover{border-color:var(--primary);background:var(--gray-50)}.EmpAssets-filter-tag button{border:none;background:none;color:var(--gray-400);cursor:pointer;font-size:16px;padding:0 2px;display:flex;align-items:center;transition:all .2s ease}.EmpAssets-filter-tag button:hover{color:var(--danger);transform:scale(1.2)}.EmpAssets-table-container{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.EmpAssets-table{width:100%;border-collapse:collapse}.EmpAssets-table thead{background:linear-gradient(135deg,var(--gray-800),var(--gray-900))}.EmpAssets-table th{padding:18px 20px;text-align:left!important;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.EmpAssets-table td{padding:18px 20px;border-bottom:1px solid var(--gray-200);font-size:14px;color:var(--gray-700);vertical-align:middle}.EmpAssets-table tbody tr{transition:all .2s ease}.EmpAssets-table tbody tr:hover{background:linear-gradient(135deg,var(--gray-50),white);transform:scale(1.002);box-shadow:var(--shadow-sm)}.EmpAssets-table-row-approved{border-left:4px solid var(--success);background:linear-gradient(to right,rgba(16,185,129,.02),transparent)}.EmpAssets-table-row-pending{border-left:4px solid var(--warning);background:linear-gradient(to right,rgba(245,158,11,.02),transparent)}.EmpAssets-table-row-rejected{border-left:4px solid var(--danger);background:linear-gradient(to right,rgba(239,68,68,.02),transparent)}.EmpAssets-employee-cell{display:flex;align-items:center;gap:14px}.EmpAssets-employee-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;text-transform:uppercase;box-shadow:var(--shadow-sm)}.EmpAssets-employee-info h4{margin:0;font-weight:600;color:var(--gray-900);font-size:15px}.EmpAssets-employee-info p{margin:4px 0 0;font-size:12px;color:var(--gray-500)}.EmpAssets-chip{padding:6px 14px;border-radius:30px;font-size:12px;font-weight:600;display:inline-block;border:1px solid transparent;letter-spacing:.3px;transition:all .2s ease}.EmpAssets-chip-status-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.EmpAssets-chip-status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d}.EmpAssets-chip-status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5}.EmpAssets-chip-asset-phone{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.EmpAssets-chip-asset-laptop{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;border-color:#c4b5fd}.EmpAssets-chip-asset-desktop{background:linear-gradient(135deg,#fae8ff,#f5d0fe);color:#86198f;border-color:#f0abfc}.EmpAssets-chip-asset-headphone{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#6ee7b7}.EmpAssets-chip-asset-sim{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#9a3412;border-color:#fdba74}.EmpAssets-department-badge{background:var(--gray-100);color:var(--gray-700);padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--gray-200);display:inline-block}.EmpAssets-comment-badge{padding:6px 12px;border-radius:30px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;max-width:200px;border:1px solid transparent}.EmpAssets-comment-badge.EmpAssets-has-comment{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.EmpAssets-comment-badge.EmpAssets-no-comment{background:var(--gray-100);color:var(--gray-600);border-color:var(--gray-300)}.EmpAssets-comment-badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);filter:brightness(.95)}.EmpAssets-actions-container{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}.EmpAssets-actions-cell{min-width:200px}.EmpAssets-status-btn{padding:8px 16px;border:none;border-radius:var(--radius);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.EmpAssets-status-btn.EmpAssets-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b98133}.EmpAssets-status-btn.EmpAssets-approve:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px #10b9814d}.EmpAssets-status-btn.EmpAssets-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.EmpAssets-status-btn.EmpAssets-reject:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px #ef44444d}.EmpAssets-status-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.EmpAssets-icon-button{padding:8px;border:none;border-radius:var(--radius);background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-200);color:var(--gray-600)}.EmpAssets-icon-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.EmpAssets-icon-button.EmpAssets-edit:hover:not(:disabled){background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:var(--primary);color:var(--primary-dark)}.EmpAssets-icon-button.EmpAssets-delete:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:var(--danger);color:var(--danger-dark)}.EmpAssets-no-permission{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gray-100);border-radius:var(--radius);color:var(--gray-500);cursor:help}.EmpAssets-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.EmpAssets-dialog{background:#fff;border-radius:var(--radius-xl);width:90%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;border:1px solid var(--gray-200)}.EmpAssets-dialog-header{padding:24px 28px;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50),white)}.EmpAssets-dialog-header h2{margin:0 0 4px;font-size:22px;font-weight:700;color:var(--gray-900)}.EmpAssets-dialog-header p{margin:0;font-size:13px;color:var(--gray-600)}.EmpAssets-dialog-body{padding:28px}.EmpAssets-dialog-footer{padding:20px 28px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:12px;background:var(--gray-50)}.EmpAssets-btn{padding:10px 20px;border-radius:var(--radius);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.EmpAssets-btn-cancel{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.EmpAssets-btn-cancel:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400)}.EmpAssets-btn-save{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 2px 4px #2563eb33}.EmpAssets-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.EmpAssets-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.EmpAssets-textarea-field{width:100%;padding:14px 16px;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:14px;resize:vertical;min-height:120px;transition:all .2s ease;color:var(--gray-700);font-family:inherit}.EmpAssets-textarea-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.EmpAssets-empty-state{text-align:center;padding:60px 20px;color:var(--gray-500);background:linear-gradient(135deg,var(--gray-50),white)}.EmpAssets-empty-state svg{font-size:60px;color:var(--gray-400);margin-bottom:20px;display:inline-block}.EmpAssets-empty-state h3{font-size:20px;font-weight:600;color:var(--gray-700);margin:0 0 10px}.EmpAssets-empty-state p{font-size:14px;color:var(--gray-500);margin:0 0 20px}.EmpAssets-clear-filters-btn{padding:10px 24px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.EmpAssets-clear-filters-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.EmpAssets-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:20px}.EmpAssets-loading-spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.EmpAssets-loading-container p{color:var(--gray-600);font-size:15px;font-weight:500;animation:pulse 1.5s ease-in-out infinite}.EmpAssets-loading-role{font-size:12px;color:var(--gray-500);background:var(--gray-100);padding:4px 12px;border-radius:30px}.EmpAssets-snackbar{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1001;animation:slideDown .3s ease;cursor:pointer}.EmpAssets-snackbar-content{padding:14px 24px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.2)}.EmpAssets-snackbar-content.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.EmpAssets-snackbar-content.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.EmpAssets-snackbar-content svg{font-size:18px}@media(max-width:1024px){.EmpAssets-stats-grid{grid-template-columns:repeat(2,1fr)}.EmpAssets-table{min-width:900px}.EmpAssets-table-container{overflow-x:auto}}@media(max-width:768px){.EmpAssets-container{padding:16px}.EmpAssets-header{padding:20px;flex-direction:column;align-items:flex-start}.EmpAssets-header h1{font-size:24px}.EmpAssets-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.EmpAssets-stat-card{padding:16px}.EmpAssets-stat-avatar{width:48px;height:48px;font-size:20px}.EmpAssets-stat-info h2{font-size:24px}.EmpAssets-stat-info h3{font-size:12px}.EmpAssets-company-bar{flex-direction:column;align-items:flex-start;padding:16px}.EmpAssets-company-info{width:100%}.EmpAssets-company-info span{width:100%;text-align:center}.EmpAssets-filter-btn{width:100%;justify-content:center}.EmpAssets-filter-actions{width:100%;flex-direction:column}.EmpAssets-toggle-filters-btn,.EmpAssets-clear-btn{width:100%;justify-content:center}.EmpAssets-filter-options{flex-direction:column}.EmpAssets-department-filter{width:100%}.EmpAssets-department-readonly{width:100%;justify-content:center}.EmpAssets-active-filters{flex-direction:column;align-items:flex-start}.EmpAssets-filter-tag{width:100%;justify-content:space-between}.EmpAssets-table-container{overflow-x:auto;border-radius:var(--radius-lg)}.EmpAssets-table{min-width:700px}.EmpAssets-employee-cell{gap:10px}.EmpAssets-employee-avatar{width:38px;height:38px;font-size:13px}.EmpAssets-employee-info h4{font-size:13px}.EmpAssets-employee-info p{font-size:11px}.EmpAssets-chip{padding:4px 10px;font-size:11px}.EmpAssets-comment-badge{max-width:150px;font-size:11px;padding:4px 8px}.EmpAssets-actions-container{gap:4px}.EmpAssets-status-btn{padding:6px 10px;font-size:10px}.EmpAssets-icon-button{padding:6px}.EmpAssets-dialog{width:95%;margin:16px}.EmpAssets-dialog-header,.EmpAssets-dialog-body,.EmpAssets-dialog-footer{padding:16px}.EmpAssets-dialog-header h2{font-size:18px}.EmpAssets-dialog-header p{font-size:12px}.EmpAssets-empty-state{padding:40px 16px}.EmpAssets-empty-state svg{font-size:40px}.EmpAssets-empty-state h3{font-size:18px}}@media(max-width:480px){.EmpAssets-container{padding:12px}.EmpAssets-header{padding:16px}.EmpAssets-header h1{font-size:20px}.EmpAssets-header p{font-size:12px}.EmpAssets-stats-grid{gap:8px}.EmpAssets-stat-card{padding:12px}.EmpAssets-stat-avatar{width:40px;height:40px;font-size:18px}.EmpAssets-stat-info h2{font-size:20px}.EmpAssets-stat-info h3{font-size:11px}.EmpAssets-search-input{padding:0 10px}.EmpAssets-search-input input{padding:12px 0;font-size:13px}.EmpAssets-search-input svg{font-size:16px}.EmpAssets-table{min-width:600px}.EmpAssets-table th{padding:12px 10px;font-size:11px}.EmpAssets-table td{padding:12px 10px;font-size:12px}.EmpAssets-employee-avatar{width:32px;height:32px;font-size:12px}.EmpAssets-employee-info h4{font-size:12px}.EmpAssets-employee-info p{font-size:10px}.EmpAssets-chip{padding:3px 8px;font-size:10px}.EmpAssets-comment-badge{max-width:120px;font-size:10px;padding:3px 6px}.EmpAssets-comment-badge svg{width:10px;height:10px}.EmpAssets-actions-container{flex-direction:column}.EmpAssets-status-btn{width:100%;padding:8px 6px;font-size:10px}.EmpAssets-icon-button{width:100%;padding:8px}.EmpAssets-actions-cell{min-width:auto}.EmpAssets-no-permission{width:28px;height:28px}.EmpAssets-no-permission svg{width:14px;height:14px}.EmpAssets-dialog{width:98%}.EmpAssets-dialog-header{padding:14px}.EmpAssets-dialog-header h2{font-size:16px}.EmpAssets-dialog-header p{font-size:11px}.EmpAssets-dialog-body{padding:14px}.EmpAssets-dialog-footer{padding:14px;flex-direction:column}.EmpAssets-dialog-footer .EmpAssets-btn{width:100%;justify-content:center}.EmpAssets-textarea-field{padding:10px 12px;font-size:13px;min-height:100px}.EmpAssets-snackbar{top:16px;width:90%}.EmpAssets-snackbar-content{padding:10px 16px;font-size:12px}.EmpAssets-snackbar-content svg{width:16px;height:16px}.EmpAssets-empty-state{padding:30px 12px}.EmpAssets-empty-state svg{font-size:32px;margin-bottom:12px}.EmpAssets-empty-state h3{font-size:16px}.EmpAssets-empty-state p{font-size:12px}.EmpAssets-clear-filters-btn{padding:8px 16px;font-size:12px}}@media(max-width:360px){.EmpAssets-container{padding:8px}.EmpAssets-header{padding:12px}.EmpAssets-header h1{font-size:18px}.EmpAssets-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.EmpAssets-stat-card{padding:10px}.EmpAssets-stat-avatar{width:36px;height:36px;font-size:16px}.EmpAssets-stat-info h2{font-size:18px}.EmpAssets-stat-info h3{font-size:10px}.EmpAssets-stat-content{gap:8px}.EmpAssets-table{min-width:500px}.EmpAssets-employee-avatar{width:28px;height:28px;font-size:11px}.EmpAssets-chip{padding:2px 6px;font-size:9px}.EmpAssets-comment-badge{max-width:100px;font-size:9px;padding:2px 4px}.EmpAssets-status-btn{font-size:9px;padding:6px 4px}}@media(orientation:landscape)and (max-height:600px){.EmpAssets-dialog{max-height:80vh}.EmpAssets-dialog-body{max-height:50vh;overflow-y:auto}.EmpAssets-loading-container{min-height:40vh}}@media print{.EmpAssets-container{padding:0;background:#fff}.EmpAssets-header,.EmpAssets-company-bar,.EmpAssets-filters-container,.EmpAssets-active-filters,.EmpAssets-actions-container,.EmpAssets-icon-button,.EmpAssets-status-btn,.EmpAssets-warning-banner,.EmpAssets-department-info-banner,.EmpAssets-snackbar{display:none!important}.EmpAssets-table-container{box-shadow:none;border:1px solid var(--gray-300)}.EmpAssets-table th{background:var(--gray-200);color:var(--gray-900)}.EmpAssets-table td{border-bottom:1px solid var(--gray-300)}.EmpAssets-table tbody tr:hover{background:none;transform:none;box-shadow:none}}@media(prefers-color-scheme:dark){.EmpAssets-container.dark-mode{background:var(--gray-900)}.EmpAssets-container.dark-mode .EmpAssets-header,.EmpAssets-container.dark-mode .EmpAssets-company-bar,.EmpAssets-container.dark-mode .EmpAssets-stat-card,.EmpAssets-container.dark-mode .EmpAssets-filters-container,.EmpAssets-container.dark-mode .EmpAssets-table-container{background:var(--gray-800);border-color:var(--gray-700)}.EmpAssets-container.dark-mode .EmpAssets-header h1{background:linear-gradient(135deg,white,var(--gray-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent}}:root{--primary: #4361ee;--primary-dark: #3a56d4;--primary-light: #4895ef;--secondary: #4cc9f0;--success: #06d6a0;--success-dark: #05b586;--warning: #ffb703;--danger: #ef476f;--danger-dark: #d43f63;--info: #118ab2;--gray-50: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition: all .3s ease}.EmppAttendence-employee-attendance{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800)}.EmppAttendence-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;background:#fff;border-radius:var(--radius-xl);padding:48px;margin:24px;box-shadow:var(--shadow-lg)}.EmppAttendence-loading-progress{width:300px;height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.EmppAttendence-loading-progress-bar{position:absolute;height:100%;width:60%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);animation:EmppAttendence-loading 1.5s infinite ease-in-out}@keyframes EmppAttendence-loading{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(200%)}}.EmppAttendence-loading-role{font-size:14px;color:var(--gray-500);background:var(--gray-100);padding:6px 12px;border-radius:var(--radius-full)}.EmppAttendence-attendance-header{background:#fff;border-radius:var(--radius-2xl);padding:28px 32px;margin-bottom:24px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;position:relative;overflow:visible}.EmppAttendence-attendance-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.EmppAttendence-attendance-title{font-size:32px;font-weight:700;color:var(--gray-900);margin:0 0 10px;letter-spacing:-.5px}.EmppAttendence-attendance-subtitle{font-size:16px;color:var(--gray-600);margin:0 0 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.EmppAttendence-role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.EmppAttendence-role-badge-owner{background:gold;color:#000;border-color:#daa520}.EmppAttendence-role-badge-admin{background:var(--danger);color:#fff;border-color:var(--danger-dark)}.EmppAttendence-role-badge-hr{background:var(--success);color:#fff;border-color:var(--success-dark)}.EmppAttendence-role-badge-manager{background:var(--info);color:#fff;border-color:#0a5e7a}.EmppAttendence-view-only-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-full);font-size:12px;color:var(--gray-600)}.EmppAttendence-timing-rules{display:flex;flex-wrap:wrap;gap:15px;padding:16px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:16px}.EmppAttendence-rule-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-600);padding:4px 10px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.EmppAttendence-rule-item svg{color:var(--primary)}.EmppAttendence-permission-warning-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff3cd;border:1px solid #ffe69c;border-radius:var(--radius-lg);color:#856404;font-size:14px;margin-bottom:16px}.EmppAttendence-department-info-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-lg);color:#fff;font-size:14px;margin-bottom:16px}.EmppAttendence-bulk-actions-bar{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-lg);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:16px 0;color:#fff;box-shadow:var(--shadow-lg);animation:EmppAttendence-slideDown .3s ease}@keyframes EmppAttendence-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.EmppAttendence-bulk-selection-count{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;background:#fff3;padding:6px 12px;border-radius:var(--radius-full)}.EmppAttendence-bulk-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.EmppAttendence-bulk-action-buttons .EmppAttendence-btn{background:#fff;color:var(--primary);border:none}.EmppAttendence-bulk-action-buttons .EmppAttendence-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.EmppAttendence-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.EmppAttendence-date-chip{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius-full);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.EmppAttendence-date-chip:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.EmppAttendence-date-chip:disabled{opacity:.6;cursor:not-allowed;transform:none}.EmppAttendence-export-container{position:relative}.EmppAttendence-export-dropdown{position:absolute;top:calc(100% + 5px);right:-160px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;overflow:hidden;z-index:100;animation:EmppAttendence-slideDown .2s ease-out;border:1px solid var(--gray-200)}.EmppAttendence-export-option{width:100%;padding:14px 18px;border:none;background:none;text-align:left;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px;color:var(--gray-700);font-size:14px;border-bottom:1px solid var(--gray-200)}.EmppAttendence-export-option:last-child{border-bottom:none}.EmppAttendence-export-option:hover{background:var(--gray-50);color:var(--primary);padding-left:24px}.EmppAttendence-filter-section{background:#fff;border-radius:var(--radius-2xl);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.EmppAttendence-filter-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.EmppAttendence-filter-header h3{font-size:18px;font-weight:600;color:var(--gray-800);margin:0}.EmppAttendence-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.EmppAttendence-filter-group{display:flex;flex-direction:column;gap:8px}.EmppAttendence-filter-group.EmppAttendence-full-width{grid-column:1 / -1}.EmppAttendence-filter-label{font-size:13px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.3px}.EmppAttendence-filter-input{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;transition:var(--transition);background:#fff;color:var(--gray-700)}.EmppAttendence-filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #4361ee1a}.EmppAttendence-filter-actions{display:flex;gap:10px;align-items:center}.EmppAttendence-date-range-filter{position:relative;width:100%}.EmppAttendence-date-range-inputs{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.EmppAttendence-date-input-group{flex:1;min-width:150px}.EmppAttendence-presets-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:200px;max-height:300px;overflow-y:auto;z-index:100;border:1px solid var(--gray-200);animation:EmppAttendence-slideDown .2s ease-out}.EmppAttendence-preset-option{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:var(--transition);font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-200)}.EmppAttendence-preset-option:last-child{border-bottom:none}.EmppAttendence-preset-option:hover{background:var(--gray-50);color:var(--primary);padding-left:24px}.EmppAttendence-btn-sm{padding:10px 16px;font-size:13px;white-space:nowrap}.EmppAttendence-date-range-indicator{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-full);padding:8px 18px;display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:500;box-shadow:var(--shadow-md);margin-top:12px}.EmppAttendence-btn-icon-small{background:#fff3;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:var(--transition)}.EmppAttendence-btn-icon-small:hover{background:#ffffff4d;transform:rotate(90deg)}.EmppAttendence-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px}.EmppAttendence-stat-card{background:#fff;border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:var(--transition);position:relative;overflow:hidden;cursor:pointer}.EmppAttendence-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.EmppAttendence-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.EmppAttendence-stat-card-primary:before{background:linear-gradient(90deg,var(--primary),var(--secondary))}.EmppAttendence-stat-card-success:before{background:linear-gradient(90deg,var(--success),#0fba8a)}.EmppAttendence-stat-card-warning:before{background:linear-gradient(90deg,var(--warning),#ff9f1c)}.EmppAttendence-stat-card-info:before{background:linear-gradient(90deg,var(--info),#149eca)}.EmppAttendence-stat-card-error:before{background:linear-gradient(90deg,var(--danger),#ff5a7c)}.EmppAttendence-stat-card-secondary:before{background:linear-gradient(90deg,var(--gray-600),var(--gray-500))}.EmppAttendence-stat-card-active{border:2px solid var(--primary);transform:scale(1.02)}.EmppAttendence-stat-content{display:flex;align-items:center;gap:15px}.EmppAttendence-stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;transition:var(--transition)}.EmppAttendence-stat-icon-primary{background:#4361ee1a;color:var(--primary)}.EmppAttendence-stat-icon-success{background:#06d6a01a;color:var(--success)}.EmppAttendence-stat-icon-warning{background:#ffb7031a;color:var(--warning)}.EmppAttendence-stat-icon-info{background:#118ab21a;color:var(--info)}.EmppAttendence-stat-icon-error{background:#ef476f1a;color:var(--danger)}.EmppAttendence-stat-icon-secondary{background:#6c757d1a;color:var(--gray-600)}.EmppAttendence-stat-info{flex:1}.EmppAttendence-stat-value{font-size:32px;font-weight:700;color:var(--gray-900);line-height:1;margin-bottom:4px}.EmppAttendence-stat-label{font-size:14px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.EmppAttendence-stat-description{font-size:11px;color:var(--gray-500)}.EmppAttendence-date-range-summary{margin-bottom:24px}.EmppAttendence-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.EmppAttendence-summary-card{background:#fff;border-radius:var(--radius-xl);padding:20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:var(--transition)}.EmppAttendence-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.EmppAttendence-summary-card-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.EmppAttendence-summary-card-content{flex:1}.EmppAttendence-summary-card-label{font-size:13px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;display:block}.EmppAttendence-summary-card-value{font-size:22px;font-weight:700;color:var(--gray-800)}.EmppAttendence-attendance-table-container{background:#fff;border-radius:var(--radius-2xl);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow-x:auto;width:100%}.EmppAttendence-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.EmppAttendence-table-title{font-size:20px;font-weight:700;color:var(--gray-800);margin:0 0 8px}.EmppAttendence-table-count{font-size:14px;color:var(--gray-600);display:flex;align-items:center;flex-wrap:wrap;gap:10px}.EmppAttendence-bulk-select-all{display:flex;align-items:center;gap:8px;background:var(--gray-50);padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--gray-200)}.EmppAttendence-bulk-select-all input[type=checkbox]{width:18px;height:18px;cursor:pointer}.EmppAttendence-attendance-table{width:100%;border-collapse:collapse;min-width:1200px}.EmppAttendence-attendance-table thead th{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:16px 12px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:left}.EmppAttendence-attendance-table thead th:first-child{border-top-left-radius:var(--radius-lg)}.EmppAttendence-attendance-table thead th:last-child{border-top-right-radius:var(--radius-lg)}.EmppAttendence-attendance-table tbody tr{transition:var(--transition);cursor:pointer;border-bottom:1px solid var(--gray-200)}.EmppAttendence-attendance-table tbody tr:hover{background:var(--gray-50)}.EmppAttendence-attendance-table td{padding:16px 12px;font-size:14px;color:var(--gray-700);vertical-align:middle;line-height:1.4}.EmppAttendence-row-present{background-color:#06d6a026}.EmppAttendence-row-late{background-color:#ffb70326}.EmppAttendence-row-halfday{background-color:#118ab226}.EmppAttendence-row-absent{background-color:#ef476f26}.EmppAttendence-department-header td{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:12px 16px;border-bottom:2px solid var(--gray-300)}.EmppAttendence-department-title{display:flex;align-items:center;gap:10px;color:var(--gray-700);font-weight:600}.EmppAttendence-department-count{color:var(--gray-500);font-size:13px;font-weight:400}.EmppAttendence-date-header td{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:12px 16px;border-bottom:2px solid #ffb74d}.EmppAttendence-date-title{display:flex;align-items:center;gap:10px;color:#e65100;font-weight:600}.EmppAttendence-date-count{color:#f57c00;font-size:13px;font-weight:400}.EmppAttendence-date-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:4px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-align:center;display:inline-block}.EmppAttendence-employee-info{display:flex;align-items:center;gap:12px;min-width:200px}.EmppAttendence-employee-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:var(--shadow-md);flex-shrink:0}.EmppAttendence-employee-avatar.large{width:60px;height:60px;font-size:20px}.EmppAttendence-employee-avatar.small{width:30px;height:30px;font-size:12px}.EmppAttendence-employee-details{flex:1;min-width:0}.EmppAttendence-employee-name{font-weight:600;color:var(--gray-800);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.EmppAttendence-employee-email{font-size:12px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.EmppAttendence-department-chip{display:inline-block;padding:4px 10px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-full);font-size:12px;color:var(--gray-700);font-weight:500;white-space:nowrap}.EmppAttendence-type-chip{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.EmppAttendence-type-full-time{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.EmppAttendence-type-part-time{background:linear-gradient(135deg,var(--warning),#ff9f1c);color:#fff}.EmppAttendence-type-contract{background:linear-gradient(135deg,var(--info),#149eca);color:#fff}.EmppAttendence-type-intern{background:linear-gradient(135deg,var(--success),#0fba8a);color:#fff}.EmppAttendence-time-chip{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap}.EmppAttendence-time-full{background:var(--success);color:#fff}.EmppAttendence-time-half{background:var(--warning);color:#fff}.EmppAttendence-time-low{background:var(--danger);color:#fff}.EmppAttendence-status-chip{display:inline-block;padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;min-width:70px;text-align:center;box-shadow:0 2px 4px #0000001a}.EmppAttendence-status-present{background:var(--success);color:#000;font-weight:700}.EmppAttendence-status-late{background:var(--warning);color:#fff;font-weight:700}.EmppAttendence-status-halfday{background:var(--info);color:#fff;font-weight:700}.EmppAttendence-status-absent{background:var(--danger);color:#000;font-weight:700}.EmppAttendence-status-explanation{font-size:11px;color:var(--gray-500);margin-top:2px}.EmppAttendence-login-time-info{font-size:12px;color:var(--gray-600);background:var(--gray-100);padding:2px 8px;border-radius:var(--radius-full);display:inline-block;white-space:nowrap}.EmppAttendence-late-chip{display:inline-block;padding:4px 8px;background:var(--gray-100);border-radius:var(--radius-full);font-size:12px;color:var(--gray-700);font-weight:500;white-space:nowrap}.EmppAttendence-action-buttons{display:flex;gap:8px;white-space:nowrap}.EmppAttendence-btn-icon{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);border:1px solid var(--gray-300)}.EmppAttendence-btn-icon:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}.EmppAttendence-edit-btn{color:var(--primary)}.EmppAttendence-summary-section{background:#fff;border-radius:var(--radius-2xl);padding:24px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200)}.EmppAttendence-summary-section h4{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 20px}.EmppAttendence-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.EmppAttendence-summary-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.EmppAttendence-summary-label{font-size:14px;font-weight:600;color:var(--gray-600)}.EmppAttendence-summary-value{font-size:20px;font-weight:700;color:var(--primary)}.EmppAttendence-range-summary-details{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px;padding:20px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-lg);color:#fff}.EmppAttendence-range-summary-details p{margin:0;font-size:14px;display:flex;align-items:center;gap:8px}.EmppAttendence-range-summary-details strong{font-weight:700;color:#ffffffe6}.EmppAttendence-btn{padding:12px 24px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.EmppAttendence-btn-contained{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:var(--shadow-md)}.EmppAttendence-btn-contained:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.EmppAttendence-btn-outlined{background:#fff;color:var(--primary);border:2px solid var(--primary)}.EmppAttendence-btn-outlined:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.EmppAttendence-btn-danger{background:var(--danger);color:#fff}.EmppAttendence-btn-danger:hover:not(:disabled){background:var(--danger-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.EmppAttendence-btn:disabled{opacity:.6;cursor:not-allowed}.EmppAttendence-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:EmppAttendence-fadeIn .3s ease-out}@keyframes EmppAttendence-fadeIn{0%{opacity:0}to{opacity:1}}.EmppAttendence-modal-content{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:700px;max-height:80vh!important;display:flex;flex-direction:column;overflow:hidden;animation:EmppAttendence-slideUp .3s ease-out}@keyframes EmppAttendence-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.EmppAttendence-quick-edit-modal{max-width:450px}.EmppAttendence-modal-header{padding:24px 28px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8f9fa,#f1f3f5)}.EmppAttendence-modal-header h3{font-size:24px;font-weight:700;color:var(--gray-800);margin:0}.EmppAttendence-modal-close{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:50%}.EmppAttendence-modal-close:hover{background:#0000000d;color:var(--gray-900);transform:rotate(90deg)}.EmppAttendence-modal-body{padding:28px;overflow-y:auto;flex:1}.EmppAttendence-modal-footer{padding:24px 28px;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;background:var(--gray-50)}.EmppAttendence-footer-left{flex:1}.EmppAttendence-footer-right{display:flex;gap:12px}.EmppAttendence-form-group{margin-bottom:20px}.EmppAttendence-form-group.EmppAttendence-full-width{grid-column:1 / -1}.EmppAttendence-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.EmppAttendence-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--gray-700)}.EmppAttendence-form-input{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;transition:var(--transition);background:#fff}.EmppAttendence-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #4361ee1a}.EmppAttendence-form-input:disabled{background:var(--gray-100);color:var(--gray-600);cursor:not-allowed}textarea.EmppAttendence-form-input{resize:vertical;min-height:80px}.EmppAttendence-calculated-info{display:flex;gap:20px;padding:16px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-top:20px}.EmppAttendence-info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gray-700)}.EmppAttendence-employee-info-summary{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.EmppAttendence-text-muted{color:var(--gray-500);font-size:13px;margin:4px 0}.EmppAttendence-selected-user-info{margin-top:12px;padding:12px;background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.EmppAttendence-user-display{display:flex;align-items:center;gap:12px}.EmppAttendence-user-avatar-small{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.EmppAttendence-user-details{display:flex;flex-direction:column}.EmppAttendence-user-details strong{font-size:14px;color:var(--gray-800)}.EmppAttendence-user-details small{font-size:12px;color:var(--gray-500)}.EmppAttendence-permission-warning{background:#fff3cd;border-left:4px solid var(--warning);padding:12px 16px;margin-bottom:20px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:12px;color:#856404}.EmppAttendence-confirm-delete{text-align:center;padding:24px;background:#fff5f5;border-radius:var(--radius-lg);margin-top:20px;border:1px solid #fecaca}.EmppAttendence-confirm-delete h4{margin:12px 0 8px;color:var(--danger)}.EmppAttendence-confirm-delete p{color:var(--gray-600);margin-bottom:20px}.EmppAttendence-confirm-buttons{display:flex;gap:12px;justify-content:center}.EmppAttendence-selected-count{display:flex;align-items:center;gap:10px;padding:16px;background:var(--primary-light);border-radius:var(--radius-lg);margin-bottom:20px;color:var(--primary-dark);font-weight:500}.EmppAttendence-status-selector{margin-bottom:20px}.EmppAttendence-status-selector h4{margin:0 0 12px;color:var(--gray-700);font-size:14px}.EmppAttendence-status-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.EmppAttendence-status-option{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:#fff;cursor:pointer;transition:all .2s;font-size:13px;font-weight:500}.EmppAttendence-status-option:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.EmppAttendence-status-option.EmppAttendence-selected{background:var(--primary);color:#fff;border-color:var(--primary)}.EmppAttendence-status-option.EmppAttendence-selected svg{color:#fff}.EmppAttendence-status-option:disabled{opacity:.5;cursor:not-allowed}.EmppAttendence-selected-employees{margin-top:20px}.EmppAttendence-selected-employees h4{margin:0 0 12px;color:var(--gray-700);font-size:14px}.EmppAttendence-employee-list{background:var(--gray-50);border-radius:var(--radius-lg);padding:12px;max-height:200px;overflow-y:auto}.EmppAttendence-employee-item{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--gray-200)}.EmppAttendence-employee-item:last-child{border-bottom:none}.EmppAttendence-more-count{padding:8px;text-align:center;color:var(--gray-500);font-size:12px;font-style:italic}.EmppAttendence-empty-state{text-align:center;padding:60px 40px;background:var(--gray-50);border-radius:var(--radius-xl);border:2px dashed var(--gray-300)}.EmppAttendence-empty-state-icon{font-size:64px;color:var(--gray-400);margin-bottom:24px;display:flex;justify-content:center}.EmppAttendence-empty-state-title{font-size:22px;font-weight:700;color:var(--gray-700);margin:0 0 12px}.EmppAttendence-empty-state-text{font-size:15px;color:var(--gray-500);margin:0 0 24px}.EmppAttendence-snackbar{position:fixed;bottom:24px;right:24px;z-index:1200;animation:EmppAttendence-slideInRight .3s ease-out}@keyframes EmppAttendence-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.EmppAttendence-snackbar-content{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:320px;background:#fff;border-left:4px solid}.EmppAttendence-snackbar-success{border-left-color:var(--success);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:var(--success-dark)}.EmppAttendence-snackbar-error{border-left-color:var(--danger);background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--danger-dark)}.EmppAttendence-snackbar-info{border-left-color:var(--info);background:linear-gradient(135deg,#e1f5fe,#b3e5fc);color:var(--info)}.EmppAttendence-spin{animation:EmppAttendence-spin 1s linear infinite}@keyframes EmppAttendence-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.EmppAttendence-attendance-table-container::-webkit-scrollbar{height:8px}.EmppAttendence-attendance-table-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.EmppAttendence-attendance-table-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.EmppAttendence-attendance-table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media screen and (max-width:768px){.EmppAttendence-employee-attendance{padding:12px}.EmppAttendence-attendance-header{padding:20px;flex-direction:column;align-items:stretch}.EmppAttendence-attendance-title{font-size:24px}.EmppAttendence-attendance-subtitle{font-size:14px;flex-direction:column;align-items:flex-start}.EmppAttendence-timing-rules{flex-direction:column;gap:8px;padding:12px}.EmppAttendence-rule-item{width:100%;font-size:12px}.EmppAttendence-header-actions{width:100%;justify-content:space-between}.EmppAttendence-date-chip{padding:8px 12px;font-size:12px}.EmppAttendence-filter-section{padding:16px}.EmppAttendence-filter-grid{grid-template-columns:1fr;gap:12px}.EmppAttendence-date-range-inputs{flex-direction:column;align-items:stretch}.EmppAttendence-date-input-group{width:100%}.EmppAttendence-filter-actions{display:flex;align-items:center;gap:12px}.EmppAttendence-filter-actions .EmppAttendence-btn:last-child{margin-left:auto}.EmppAttendence-stats-container{display:none}.EmppAttendence-summary-cards{grid-template-columns:1fr}.EmppAttendence-summary-card{padding:16px}.EmppAttendence-attendance-table-container{padding:12px;overflow-x:hidden}.EmppAttendence-table-header{flex-direction:column;align-items:flex-start}.EmppAttendence-table-title{font-size:18px}.EmppAttendence-table-count{font-size:12px;flex-direction:column;align-items:flex-start}.EmppAttendence-attendance-table{min-width:100%!important;width:100%!important;table-layout:fixed}.EmppAttendence-attendance-table thead th{display:none}.EmppAttendence-attendance-table thead th.EmppAttendence-col-employee,.EmppAttendence-attendance-table thead th.EmppAttendence-col-status{display:table-cell!important}.EmppAttendence-attendance-table thead th.EmppAttendence-col-employee{width:65%}.EmppAttendence-attendance-table thead th.EmppAttendence-col-status{width:35%;text-align:right}.EmppAttendence-attendance-table tbody td{display:none!important}.EmppAttendence-attendance-table tbody td.EmppAttendence-col-employee,.EmppAttendence-attendance-table tbody td.EmppAttendence-col-status{display:table-cell!important;padding:12px 8px;vertical-align:middle}.EmppAttendence-attendance-table tbody td.EmppAttendence-col-employee{width:65%}.EmppAttendence-attendance-table tbody td.EmppAttendence-col-status{width:35%;text-align:right}.EmppAttendence-employee-info{gap:10px;min-width:0;width:100%}.EmppAttendence-employee-avatar{width:36px;height:36px;font-size:13px;flex-shrink:0}.EmppAttendence-employee-details{min-width:0;width:auto}.EmppAttendence-employee-name{font-size:14px;font-weight:600;white-space:normal;word-break:break-word;line-height:1.3;margin-bottom:2px}.EmppAttendence-employee-email{display:none!important}.EmppAttendence-status-chip{display:inline-block!important;font-size:12px;font-weight:700;padding:6px 12px;min-width:70px;text-align:center;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.EmppAttendence-status-present{background:var(--success);color:#000}.EmppAttendence-status-late{background:var(--warning);color:#000}.EmppAttendence-status-halfday{background:var(--info)}.EmppAttendence-status-absent{background:var(--danger);color:#000}.EmppAttendence-department-chip,.EmppAttendence-type-chip,.EmppAttendence-time-chip,.EmppAttendence-login-time-info,.EmppAttendence-late-chip,.EmppAttendence-action-buttons,.EmppAttendence-btn-icon,.EmppAttendence-col-department,.EmppAttendence-col-type,.EmppAttendence-col-date,.EmppAttendence-col-checkin,.EmppAttendence-col-checkout,.EmppAttendence-col-hours,.EmppAttendence-col-login,.EmppAttendence-col-late,.EmppAttendence-col-actions,.EmppAttendence-date-badge,.EmppAttendence-status-explanation{display:none!important}.EmppAttendence-department-header td{padding:10px 8px}.EmppAttendence-department-header td.EmppAttendence-col-employee,.EmppAttendence-department-header td.EmppAttendence-col-status{display:table-cell!important}.EmppAttendence-department-title{font-size:14px}.EmppAttendence-department-count{font-size:12px;margin-left:5px}.EmppAttendence-date-header td{padding:10px 8px}.EmppAttendence-date-header td.EmppAttendence-col-employee,.EmppAttendence-date-header td.EmppAttendence-col-status{display:flex!important}.EmppAttendence-date-title{font-size:14px}.EmppAttendence-date-count{font-size:12px;margin-left:5px}.EmppAttendence-bulk-actions-bar{flex-direction:column;align-items:stretch;padding:12px}.EmppAttendence-bulk-selection-count,.EmppAttendence-bulk-action-buttons{justify-content:center}.EmppAttendence-bulk-action-buttons .EmppAttendence-btn-sm{padding:8px 12px;font-size:11px}.EmppAttendence-bulk-select-all{width:100%;justify-content:center}.EmppAttendence-modal-overlay{top:36px!important;padding:0;align-items:center}.EmppAttendence-modal-content{max-width:100%;max-height:100vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:EmppAttendence-slideUpMobile .3s ease-out}@keyframes EmppAttendence-slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.EmppAttendence-modal-header{padding:20px;top:50px}.EmppAttendence-modal-header h3{font-size:20px}.EmppAttendence-modal-body{padding:20px;height:58vh}.EmppAttendence-modal-footer{padding:20px;flex-direction:column;gap:12px}.EmppAttendence-footer-left,.EmppAttendence-footer-right{width:100%}.EmppAttendence-footer-right{flex-direction:column}.EmppAttendence-footer-right .EmppAttendence-btn{width:100%}.EmppAttendence-form-grid{grid-template-columns:1fr;gap:16px}.EmppAttendence-status-options{grid-template-columns:1fr}.EmppAttendence-snackbar{left:16px;right:16px;bottom:16px}.EmppAttendence-snackbar-content{min-width:auto;width:100%;padding:14px 16px;font-size:13px}}@media screen and (max-width:375px){.EmppAttendence-attendance-title{font-size:20px}.EmppAttendence-header-actions{flex-wrap:wrap}.EmppAttendence-date-chip{flex:1;justify-content:center}.EmppAttendence-export-dropdown{right:auto;left:0}.EmppAttendence-bulk-action-buttons{flex-wrap:wrap}.EmppAttendence-bulk-action-buttons .EmppAttendence-btn-sm{flex:1;min-width:calc(50% - 4px)}.EmppAttendence-modal-header h3{font-size:18px}.EmppAttendence-attendance-table thead th.EmppAttendence-col-employee{width:60%}.EmppAttendence-attendance-table thead th.EmppAttendence-col-status{width:40%}.EmppAttendence-attendance-table tbody td.EmppAttendence-col-employee{width:60%}.EmppAttendence-attendance-table tbody td.EmppAttendence-col-status{width:40%}.EmppAttendence-employee-name{font-size:13px}.EmppAttendence-status-chip{font-size:11px;padding:5px 8px;min-width:60px}}@media screen and (min-width:769px)and (max-width:1024px){.EmppAttendence-stats-container{grid-template-columns:repeat(3,1fr)}.EmppAttendence-summary-cards,.EmppAttendence-filter-grid{grid-template-columns:repeat(2,1fr)}.EmppAttendence-attendance-table{min-width:1000px}}@media(hover:none)and (pointer:coarse){.EmppAttendence-btn:active,.EmppAttendence-stat-card:active,.EmppAttendence-summary-card:active,.EmppAttendence-btn-icon:active{transform:scale(.98);opacity:.8}.EmppAttendence-filter-input,.EmppAttendence-form-input{font-size:16px}.EmppAttendence-export-option,.EmppAttendence-preset-option{padding:16px 20px}}@media print{.EmppAttendence-employee-attendance{background:#fff;padding:0}.EmppAttendence-attendance-header,.EmppAttendence-filter-section,.EmppAttendence-stats-container,.EmppAttendence-date-range-summary,.EmppAttendence-summary-section,.EmppAttendence-header-actions,.EmppAttendence-bulk-actions-bar,.EmppAttendence-permission-warning-banner,.EmppAttendence-department-info-banner,.EmppAttendence-date-range-indicator,.EmppAttendence-timing-rules,.EmppAttendence-btn,.EmppAttendence-btn-icon,.EmppAttendence-modal-overlay,.EmppAttendence-snackbar{display:none!important}.EmppAttendence-attendance-table-container{box-shadow:none;border:1px solid #ddd;padding:0}.EmppAttendence-attendance-table{min-width:auto}.EmppAttendence-attendance-table thead th{background:#f5f5f5!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.EmppAttendence-status-chip,.EmppAttendence-type-chip,.EmppAttendence-time-chip{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.TaskDetails-section{max-width:1800px;margin:0 auto;padding:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.TaskDetails-header{padding:1rem;margin-bottom:1rem;border-radius:1rem;background:linear-gradient(135deg,#667eea14,#764ba20d);border:1px solid rgba(102,126,234,.15);position:relative;overflow:hidden}.TaskDetails-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2)}.TaskDetails-header-content,.TaskDetails-header-top{display:flex;flex-direction:column;gap:1rem}.TaskDetails-header-title h1{font-size:1.3rem;font-weight:800;margin-bottom:.25rem;color:#111827;line-height:1.3}.TaskDetails-header-subtitle{color:#6b7280;font-weight:500;font-size:.8rem}.TaskDetails-header-stats{display:flex;align-items:center;gap:.75rem;background:#fffc;padding:.75rem;border-radius:.75rem;border:1px solid rgba(102,126,234,.1)}.TaskDetails-stats-icon{padding:.6rem;border-radius:.75rem;background:linear-gradient(135deg,#667eea33,#764ba233);display:flex;align-items:center;justify-content:center}.TaskDetails-stats-icon svg{width:24px;height:24px;color:#667eea}.TaskDetails-stats-text h2{font-size:1.8rem;font-weight:800;color:#667eea;line-height:1}.TaskDetails-stats-text p{color:#6b7280;font-weight:700;font-size:.7rem;letter-spacing:.3px}.TaskDetails-overall-stats{margin-top:.5rem}.TaskDetails-overall-stats-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.TaskDetails-overall-stats-icon{padding:.3rem;border-radius:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.TaskDetails-overall-stats-icon svg{width:14px;height:14px;color:#fff}.TaskDetails-overall-stats-header h4{font-size:.9rem;font-weight:700;color:#111827;margin:0}.TaskDetails-role-badge{font-size:.7rem!important;margin-left:0!important}.TaskDetails-overall-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.TaskDetails-overall-stat-card{border-radius:.6rem;background:#fff;border:1px solid rgba(102,126,234,.15);padding:.6rem;transition:all .2s ease}.TaskDetails-overall-stat-content{display:flex;flex-direction:column;align-items:center;gap:.3rem}.TaskDetails-overall-stat-icon{padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.TaskDetails-overall-stat-icon svg{width:12px;height:12px;color:#fff}.TaskDetails-overall-stat-number{font-size:1.2rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.TaskDetails-overall-stat-label{font-size:.6rem;font-weight:600;color:#6b7280;text-align:center;text-transform:uppercase;letter-spacing:.3px}.TaskDetails-card{padding:1rem;margin-bottom:1.5rem;border-radius:1rem;border:1px solid rgba(102,126,234,.15);background:#fff;position:relative;overflow:hidden}.TaskDetails-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2)}.TaskDetails-card-content,.TaskDetails-card-header{display:flex;flex-direction:column;gap:1rem}.TaskDetails-card-title-section{display:flex;align-items:center;gap:.75rem}.TaskDetails-card-icon{padding:.6rem;border-radius:.6rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.TaskDetails-card-icon svg{width:18px;height:18px;color:#fff}.TaskDetails-card-title-section h3{font-size:1.1rem;font-weight:800;color:#111827;margin:0 0 .2rem}.TaskDetails-card-subtitle{display:flex;align-items:center;gap:.2rem;color:#6b7280;font-size:.7rem;margin:0}.TaskDetails-filter-section{display:flex;flex-direction:column;gap:.5rem;width:100%}.TaskDetails-search-input{width:100%;padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:.6rem;background:#fff;font-size:.8rem;transition:all .2s ease}.TaskDetails-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.TaskDetails-reset-filter-button{padding:.6rem;border-radius:.6rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:all .2s ease;width:100%}.TaskDetails-reset-filter-button:hover:not(:disabled){border-color:#667eea;color:#667eea}.TaskDetails-reset-filter-button:disabled{opacity:.5;cursor:not-allowed}.TaskDetails-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.TaskDetails-stat-item{padding:.6rem;border-radius:.6rem;border:1px solid rgba(102,126,234,.1);background:#fff}.TaskDetails-stat-content{display:flex;align-items:center;gap:.5rem}.TaskDetails-stat-icon-box{padding:.4rem;border-radius:.5rem;background:#667eea1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.TaskDetails-stat-icon-box svg{width:14px;height:14px;color:#667eea}.TaskDetails-stat-text h4{font-size:1.1rem;font-weight:800;line-height:1;margin:0 0 .1rem;color:#111827}.TaskDetails-stat-text p{color:#6b7280;font-weight:600;font-size:.6rem;margin:0;letter-spacing:.3px;text-transform:uppercase}.TaskDetails-users-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.5rem}.TaskDetails-user-card{border-radius:.8rem;background:#fff;border:1px solid rgba(102,126,234,.15);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.TaskDetails-user-card-selected{border:2px solid #667eea;background:linear-gradient(135deg,#667eea0d,#667eea05)}.TaskDetails-user-card-content{padding:.75rem}.TaskDetails-user-header{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.75rem}.TaskDetails-user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;position:relative;flex-shrink:0}.TaskDetails-user-avatar-badge{position:absolute;bottom:2px;right:2px;width:8px;height:8px;border-radius:50%;border:2px solid white}.TaskDetails-user-avatar-badge-high{background-color:#4caf50}.TaskDetails-user-avatar-badge-medium{background-color:#ffc107}.TaskDetails-user-avatar-badge-low{background-color:#f44336}.TaskDetails-user-info{flex:1;min-width:0}.TaskDetails-user-name{font-weight:700;font-size:.9rem;margin-bottom:.2rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.TaskDetails-user-role{display:flex;align-items:center;gap:.2rem;margin-bottom:.1rem;color:#6b7280;font-size:.7rem}.TaskDetails-user-email{color:#6b7280;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.TaskDetails-stats-box{padding:.6rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.05);background:#f8fafc;margin-bottom:.75rem}.TaskDetails-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;margin-bottom:.5rem}.TaskDetails-stat-number{font-weight:800;font-size:1rem;text-align:center}.TaskDetails-stat-label{font-size:.55rem;font-weight:600;text-align:center;color:#6b7280;letter-spacing:.3px}.TaskDetails-total-stat{color:#667eea}.TaskDetails-completed-stat{color:#28a745}.TaskDetails-progress-container{margin-top:.5rem}.TaskDetails-progress-header{display:flex;justify-content:space-between;margin-bottom:.3rem}.TaskDetails-progress-label{color:#6b7280;font-weight:600;font-size:.6rem}.TaskDetails-progress-percentage{font-weight:700;font-size:.6rem}.TaskDetails-progress-bar{height:4px;border-radius:2px;background-color:#667eea1a;overflow:hidden}.TaskDetails-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.TaskDetails-progress-fill-high{background-color:#28a745}.TaskDetails-progress-fill-medium{background-color:#ffc107}.TaskDetails-progress-fill-low{background-color:#f44336}.TaskDetails-action-button{width:100%;padding:.5rem;border-radius:.5rem;font-weight:700;font-size:.7rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.3rem}.TaskDetails-action-button-primary{background-color:#667eea;color:#fff;border:none}.TaskDetails-action-button-outlined{background-color:transparent;border:1px solid #667eea;color:#667eea}.TaskDetails-loading-container{text-align:center;padding:2rem;background:#667eea08;border-radius:.6rem}.TaskDetails-loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;animation:TaskDetails-spin 1s linear infinite;margin:0 auto .75rem}.TaskDetails-loading-text h4{font-weight:700;font-size:.9rem;margin:0 0 .25rem;color:#111827}.TaskDetails-loading-text p{color:#6b7280;font-size:.8rem;margin:0}.TaskDetails-empty-state{text-align:center;padding:2.5rem 1rem;background:#667eea08;border-radius:.6rem}.TaskDetails-empty-icon{width:60px;height:60px;border-radius:50%;background:#667eea1a;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.TaskDetails-empty-icon svg{width:24px;height:24px;color:#667eea}.TaskDetails-empty-state h3{font-weight:700;font-size:1rem;margin:0 0 .3rem;color:#111827}.TaskDetails-empty-state p{color:#6b7280;font-size:.8rem;margin:0 auto 1rem;max-width:280px}.TaskDetails-reset-button{padding:.6rem 1.2rem;border-radius:.6rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem}.TaskDetails-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:.5rem;animation:TaskDetails-fadeIn .2s ease}@keyframes TaskDetails-fadeIn{0%{opacity:0}to{opacity:1}}.TaskDetails-modal{background:#fff;width:100%;height:90vh;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;animation:TaskDetails-slideUp .3s ease;box-shadow:0 10px 25px #0003}@keyframes TaskDetails-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.TaskDetails-modal-header{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;flex-shrink:0}.TaskDetails-modal-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.TaskDetails-modal-user-badge{display:flex;align-items:center;gap:.75rem}.TaskDetails-modal-avatar-wrapper{position:relative}.TaskDetails-modal-avatar{width:40px;height:40px;border-radius:.6rem;background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.TaskDetails-modal-status-badge{position:absolute;bottom:2px;right:2px;width:8px;height:8px;border-radius:50%;border:2px solid white}.TaskDetails-modal-status-badge.active{background:#10b981}.TaskDetails-modal-status-badge.inactive{background:#9ca3af}.TaskDetails-modal-user-details{color:#fff}.TaskDetails-modal-user-name{font-size:1rem;font-weight:600;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.TaskDetails-modal-user-meta{display:flex;flex-wrap:wrap;gap:.3rem}.TaskDetails-modal-user-role,.TaskDetails-modal-user-email,.TaskDetails-modal-user-department{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .4rem;background:#ffffff26;border-radius:1rem;font-size:.6rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.TaskDetails-modal-close-btn{width:34px;height:34px;border-radius:.6rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.TaskDetails-modal-close-btn:active{transform:scale(.95);background:#ffffff4d}.TaskDetails-modal-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem}.TaskDetails-modal-stat-pill{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .3rem;background:#ffffff26;border-radius:.5rem;font-size:.65rem;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap}.TaskDetails-modal-stat-pill svg{width:12px;height:12px;flex-shrink:0}.TaskDetails-modal-body{flex:1;overflow-y:auto;padding:.75rem;background:#f8fafc;-webkit-overflow-scrolling:touch}.TaskDetails-modal-body::-webkit-scrollbar{width:3px}.TaskDetails-modal-body::-webkit-scrollbar-track{background:#e2e8f0}.TaskDetails-modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.TaskDetails-modal-section{background:#fff;border-radius:.75rem;padding:.75rem;margin-bottom:.75rem;border:1px solid rgba(102,126,234,.1);box-shadow:0 1px 3px #00000005}.TaskDetails-modal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.TaskDetails-modal-section-title{display:flex;align-items:center;gap:.5rem}.TaskDetails-modal-section-title svg{width:16px;height:16px;color:#667eea}.TaskDetails-modal-section-title h3{font-size:.9rem;font-weight:600;color:#1e293b;margin:0}.TaskDetails-modal-toggle-filters{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:#f1f5f9;border:none;border-radius:1rem;font-size:.7rem;color:#64748b;cursor:pointer}.TaskDetails-modal-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.TaskDetails-modal-status-chip{position:relative;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.6rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;overflow:hidden}.TaskDetails-modal-status-chip.active{border-color:var(--status-color);background:linear-gradient(135deg,rgba(var(--status-color-rgb),.05) 0%,transparent 100%)}.TaskDetails-modal-status-chip-content{display:flex;flex-direction:column;gap:.3rem}.TaskDetails-modal-status-chip-icon{width:22px;height:22px;border-radius:.4rem;background:var(--status-color);display:flex;align-items:center;justify-content:center;margin-bottom:.2rem}.TaskDetails-modal-status-chip-icon svg{width:12px;height:12px;color:#fff}.TaskDetails-modal-status-chip-info{display:flex;justify-content:space-between;align-items:center}.TaskDetails-modal-status-chip-label{font-size:.7rem;font-weight:500;color:#1e293b}.TaskDetails-modal-status-chip-count{font-size:.8rem;font-weight:600;color:var(--status-color)}.TaskDetails-modal-status-chip-progress{height:3px;background:#e2e8f0;border-radius:2px;overflow:hidden}.TaskDetails-modal-status-chip-progress-bar{height:100%;background:var(--status-color);border-radius:2px;transition:width .3s ease}.TaskDetails-modal-status-chip-check{position:absolute;top:.3rem;right:.3rem;color:var(--status-color)}.TaskDetails-modal-search-filters{display:flex;flex-direction:column;gap:.5rem}.TaskDetails-modal-search-wrapper{position:relative;display:flex;align-items:center}.TaskDetails-modal-search-icon{position:absolute;left:.6rem;color:#94a3b8}.TaskDetails-modal-search-input{width:100%;padding:.6rem .6rem .6rem 2rem;border:1px solid #e2e8f0;border-radius:.6rem;font-size:.8rem;background:#fff}.TaskDetails-modal-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.TaskDetails-modal-search-clear{position:absolute;right:.6rem;background:#f1f5f9;border:none;width:22px;height:22px;border-radius:.4rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.TaskDetails-modal-filter-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.TaskDetails-modal-filter-select{padding:.5rem;border:1px solid #e2e8f0;border-radius:.6rem;font-size:.75rem;background:#fff;color:#1e293b}.TaskDetails-modal-date-range{display:flex;flex-direction:column;gap:.5rem}.TaskDetails-modal-date-input{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#fff;border:1px solid #e2e8f0;border-radius:.6rem;width:100%}.TaskDetails-modal-date-input svg{width:14px;height:14px;color:#94a3b8;flex-shrink:0}.TaskDetails-modal-date-input input{width:100%;border:none;background:transparent;font-size:.75rem;outline:none;color:#1e293b}.TaskDetails-modal-date-separator{display:none}.TaskDetails-modal-date-clear{padding:.4rem;background:#fee2e2;border:none;border-radius:.6rem;color:#ef4444;font-size:.7rem;font-weight:500;cursor:pointer;width:100%}.TaskDetails-modal-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;background:#f1f5f9;border-radius:.6rem;font-size:.7rem}.TaskDetails-modal-active-filters-label{font-size:.7rem;font-weight:600;color:#475569;width:100%}.TaskDetails-modal-active-filter-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:1rem;font-size:.65rem;font-weight:500;background:#fff;border:1px solid #e2e8f0}.TaskDetails-modal-active-filter-tag button{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b}.TaskDetails-modal-clear-filters{display:flex;align-items:center;gap:.2rem;padding:.3rem .8rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;font-size:.65rem;color:#475569;cursor:pointer;width:100%;justify-content:center;margin-top:.2rem}.TaskDetails-modal-tasks-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.TaskDetails-modal-tasks-title{display:flex;align-items:center;gap:.5rem}.TaskDetails-modal-tasks-title h3{font-size:.9rem;font-weight:600;color:#1e293b;margin:0;flex:1}.TaskDetails-modal-tasks-count{font-size:.7rem;color:#64748b;background:#f1f5f9;padding:.2rem .5rem;border-radius:1rem}.TaskDetails-modal-tasks-sort{display:flex;align-items:center;gap:.5rem;padding:.3rem .6rem;background:#f1f5f9;border-radius:.5rem;font-size:.7rem;color:#475569}.TaskDetails-modal-tasks-list{display:flex;flex-direction:column;gap:.75rem}.TaskDetails-modal-task-card{position:relative;background:#fff;border-radius:.75rem;padding:.75rem;border:1px solid #e2e8f0;transition:all .2s ease;border-left:3px solid var(--status-color)}.TaskDetails-modal-task-card.overdue{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444}.TaskDetails-modal-task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.TaskDetails-modal-task-title-section{flex:1;min-width:0}.TaskDetails-modal-task-title{font-size:.9rem;font-weight:600;color:#0f172a;margin:0 0 .3rem;line-height:1.3;word-break:break-word}.TaskDetails-modal-task-status{display:inline-flex;padding:.2rem .5rem;border-radius:1rem;font-size:.6rem;font-weight:500}.TaskDetails-modal-task-priority{display:inline-flex;padding:.2rem .5rem;border-radius:1rem;font-size:.55rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.TaskDetails-modal-task-priority.high{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.TaskDetails-modal-task-priority.medium{background:#fffbeb;color:#f59e0b;border:1px solid #fde68a}.TaskDetails-modal-task-priority.low{background:#f0fdf4;color:#10b981;border:1px solid #bbf7d0}.TaskDetails-modal-task-description{color:#475569;font-size:.75rem;line-height:1.4;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.TaskDetails-modal-task-time-info{margin-top:.5rem;padding:.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.TaskDetails-modal-task-time-item{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#475569;flex-wrap:wrap}.TaskDetails-modal-task-time-item:not(:last-child){margin-bottom:.3rem;padding-bottom:.3rem;border-bottom:1px dashed #e2e8f0}.TaskDetails-modal-task-time-item svg{width:12px;height:12px;color:#667eea;flex-shrink:0}.TaskDetails-modal-task-time-label{font-weight:600;color:#334155;min-width:45px;font-size:.65rem}.TaskDetails-modal-task-time-value{color:#475569;display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.65rem}.TaskDetails-modal-task-time-badge{padding:.1rem .4rem;border-radius:1rem;font-size:.55rem;font-weight:600;text-transform:uppercase}.TaskDetails-modal-task-time-badge.today{background:#22c55e;color:#fff}.TaskDetails-modal-task-time-badge.overdue{background:#ef4444;color:#fff}.TaskDetails-modal-task-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.TaskDetails-modal-task-activity-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #667eea30;border-radius:2rem;color:#667eea;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease}.TaskDetails-modal-task-activity-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.TaskDetails-modal-footer{padding:.75rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;align-items:center;flex-shrink:0}.TaskDetails-modal-footer-stats{display:flex;align-items:center;gap:.3rem;color:#64748b;font-size:.7rem}.TaskDetails-modal-close-footer-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.6rem;color:#fff;font-weight:500;cursor:pointer;font-size:.8rem}.TaskDetails-activity-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:.5rem}.TaskDetails-activity-modal{background:#fff;width:100%;max-height:90vh;display:flex;flex-direction:column;border-radius:1rem;overflow:hidden;animation:TaskDetails-slideUp .3s ease}.TaskDetails-activity-modal-header{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.TaskDetails-activity-modal-header-content{display:flex;justify-content:space-between;align-items:flex-start}.TaskDetails-activity-modal-title{display:flex;align-items:center;gap:.75rem}.TaskDetails-activity-modal-icon{width:36px;height:36px;background:#fff3;border-radius:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.TaskDetails-activity-modal-icon svg{width:18px;height:18px;color:#fff}.TaskDetails-activity-modal-title h3{font-size:1rem;font-weight:600;margin:0 0 .2rem}.TaskDetails-activity-modal-task-title{font-size:.7rem;opacity:.9;margin:0;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.TaskDetails-activity-modal-close{width:32px;height:32px;border-radius:.6rem;background:#fff3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.TaskDetails-activity-modal-body{flex:1;overflow-y:auto;padding:1rem;background:#f8fafc}.TaskDetails-activity-timeline{display:flex;flex-direction:column;gap:.75rem}.TaskDetails-activity-item{display:flex;gap:.75rem}.TaskDetails-activity-timeline-line{position:relative;width:24px;display:flex;flex-direction:column;align-items:center}.TaskDetails-activity-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;z-index:2;flex-shrink:0}.TaskDetails-activity-line{width:2px;flex:1;background:linear-gradient(to bottom,#e2e8f0,transparent);margin:.2rem 0}.TaskDetails-activity-content{flex:1;background:#fff;border-radius:.6rem;padding:.75rem;border:1px solid #e2e8f0}.TaskDetails-activity-header{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.TaskDetails-activity-action{font-weight:600;font-size:.8rem}.TaskDetails-activity-time{display:flex;align-items:center;gap:.2rem;font-size:.65rem;color:#64748b;background:#f1f5f9;padding:.2rem .5rem;border-radius:1rem;align-self:flex-start}.TaskDetails-activity-description{color:#475569;font-size:.75rem;line-height:1.4;margin:.5rem 0;padding:.5rem;background:#f8fafc;border-radius:.5rem;border-left:2px solid currentColor}.TaskDetails-activity-user{display:flex;align-items:center;gap:.2rem;font-size:.65rem;color:#94a3b8;margin-top:.3rem}.TaskDetails-activity-changes{margin-top:.5rem;padding:.5rem;background:#f8fafc;border-radius:.5rem;border:1px dashed #cbd5e1}.TaskDetails-activity-change{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;margin-bottom:.3rem}.TaskDetails-activity-change:last-child{margin-bottom:0}.TaskDetails-activity-change-field{font-weight:600;color:#334155}.TaskDetails-activity-change-value{color:#475569;word-break:break-word;font-size:.65rem}.TaskDetails-activity-loading,.TaskDetails-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.TaskDetails-activity-spinner{width:32px;height:32px;border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:TaskDetails-spin .8s linear infinite;margin-bottom:.75rem}.TaskDetails-activity-empty-icon{width:60px;height:60px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#94a3b8}.TaskDetails-activity-empty-icon svg{width:30px;height:30px}.TaskDetails-activity-empty h4{font-size:.9rem;font-weight:600;color:#1e293b;margin:0 0 .3rem}.TaskDetails-activity-empty p{color:#64748b;font-size:.75rem;margin:0}.TaskDetails-activity-modal-footer{padding:.75rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.TaskDetails-activity-modal-close-btn{padding:.5rem 1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.6rem;color:#fff;font-weight:500;cursor:pointer;font-size:.8rem;width:100%}.TaskDetails-error-alert{margin:.5rem 0}@media(min-width:481px){.TaskDetails-section{padding:1rem}.TaskDetails-header{padding:1.5rem}.TaskDetails-header-top{flex-direction:row;justify-content:space-between}.TaskDetails-header-title h1{font-size:1.6rem}.TaskDetails-overall-stats-grid{grid-template-columns:repeat(3,1fr)}.TaskDetails-card-header{flex-direction:row;justify-content:space-between;align-items:center}.TaskDetails-filter-section{flex-direction:row;width:auto}.TaskDetails-search-input{width:250px}.TaskDetails-reset-filter-button{width:auto;padding:.6rem 1rem}.TaskDetails-stats-grid{grid-template-columns:repeat(4,1fr)}.TaskDetails-users-grid{grid-template-columns:repeat(2,1fr)}.TaskDetails-modal{width:90%;max-width:700px;height:85vh;border-radius:1.2rem}.TaskDetails-modal-user-name{max-width:300px;font-size:1.1rem}.TaskDetails-modal-avatar{width:45px;height:45px;font-size:1.1rem}.TaskDetails-modal-status-grid{grid-template-columns:repeat(3,1fr)}.TaskDetails-modal-date-range{flex-direction:row;align-items:center}.TaskDetails-modal-date-input{flex:1}.TaskDetails-modal-date-separator{display:block;color:#94a3b8;font-size:1rem}.TaskDetails-modal-date-clear{width:auto;padding:.4rem 1rem}.TaskDetails-modal-tasks-header{flex-direction:row;justify-content:space-between;align-items:center}.TaskDetails-modal-footer{flex-direction:row;justify-content:space-between}.TaskDetails-modal-close-footer-btn{width:auto;padding:.6rem 2rem}.TaskDetails-activity-modal{width:90%;max-width:600px}.TaskDetails-activity-modal-task-title{max-width:300px}.TaskDetails-activity-header{flex-direction:row;justify-content:space-between;align-items:center}.TaskDetails-activity-change{flex-direction:row;gap:.5rem}.TaskDetails-activity-change-field{min-width:100px}.TaskDetails-activity-modal-close-btn{width:auto}}@media(min-width:1025px){.TaskDetails-section{padding:1.5rem}.TaskDetails-header-title h1{font-size:2rem}.TaskDetails-header-subtitle{font-size:.9rem}.TaskDetails-overall-stats-grid{grid-template-columns:repeat(5,1fr)}.TaskDetails-search-input{width:300px}.TaskDetails-users-grid{grid-template-columns:repeat(3,1fr)}.TaskDetails-modal{max-width:800px}.TaskDetails-modal-status-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1440px){.TaskDetails-users-grid{grid-template-columns:repeat(4,1fr)}.TaskDetails-modal{max-width:900px}}@media(max-width:380px){.TaskDetails-header-title h1{font-size:1.1rem}.TaskDetails-stats-text h2{font-size:1.5rem}.TaskDetails-overall-stat-number{font-size:1rem}.TaskDetails-stat-text h4{font-size:.9rem}.TaskDetails-modal-user-name{max-width:140px;font-size:.9rem}.TaskDetails-modal-avatar{width:36px;height:36px;font-size:.9rem}.TaskDetails-modal-quick-stats,.TaskDetails-modal-status-grid,.TaskDetails-modal-filter-group{grid-template-columns:1fr}}.TaskDetails-role-badge{font-size:.7rem;padding:.2rem .4rem;border-radius:.25rem;background:#e3f2fd;color:#1976d2;font-weight:600;white-space:nowrap}.TaskDetails-extra-filters,.TaskDetails-date-picker,.TaskDetails-clear-date,.TaskDetails-modal-user-meta-old,.TaskDetails-modal-stat-pill-old{display:none}.TaskDetails-time-summary-card details summary{list-style:none;-webkit-user-select:none;user-select:none}.TaskDetails-modal-task-time-item .active-time{font-weight:600;padding:.1rem .3rem;border-radius:.25rem}.TaskDetails-modal-task-time-item .active-time.in-progress{background:#10b98115;color:#10b981}.TaskDetails-modal-task-time-item .active-time.onhold{background:#f59e0b15;color:#f59e0b}.TaskDetails-time-summary-card{animation:slideDown .3s ease}.TaskDetails-time-summary-card details summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.TaskDetails-time-summary-card details summary::-webkit-details-marker{display:none}.TaskDetails-time-summary-card details summary:hover{color:#4f46e5}.TaskDetails-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:linear-gradient(135deg,#f9fafc,#fff);border-radius:1rem;text-align:center;min-height:300px;border:1px dashed #e2e8f0;margin:1rem 0;transition:all .3s ease}.TaskDetails-modal-empty:hover{border-color:#667eea;box-shadow:0 10px 25px -5px #667eea1a}.TaskDetails-modal-empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea15,#764ba215);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:2px solid #667eea30;transition:all .3s ease}.TaskDetails-modal-empty:hover .TaskDetails-modal-empty-icon{transform:scale(1.05);border-color:#667eea}.TaskDetails-modal-empty-icon svg{width:40px;height:40px;color:#667eea;opacity:.9}.TaskDetails-modal-empty h4{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;letter-spacing:-.01em}.TaskDetails-modal-empty p{font-size:.95rem;color:#64748b;margin:0 0 2rem;max-width:300px;line-height:1.5}.TaskDetails-modal-empty-reset{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.8rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:2rem;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #667eea4d;border:1px solid transparent}.TaskDetails-modal-empty-reset:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.TaskDetails-modal-empty-reset:active{transform:translateY(0);box-shadow:0 2px 5px #667eea66}.TaskDetails-modal-empty-reset svg{transition:transform .3s ease}.TaskDetails-modal-empty-reset:hover svg{transform:rotate(180deg)}.TaskDetails-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:300px}.TaskDetails-modal-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.TaskDetails-modal-loading p{color:#64748b;font-size:.95rem}@media(max-width:480px){.TaskDetails-modal-empty{padding:2rem 1rem;min-height:250px}.TaskDetails-modal-empty-icon{width:60px;height:60px;margin-bottom:1.2rem}.TaskDetails-modal-empty-icon svg{width:30px;height:30px}.TaskDetails-modal-empty h4{font-size:1.1rem}.TaskDetails-modal-empty p{font-size:.85rem;margin-bottom:1.5rem}.TaskDetails-modal-empty-reset{padding:.6rem 1.5rem;font-size:.85rem}}@media(min-width:481px)and (max-width:768px){.TaskDetails-modal-empty{padding:2.5rem 1.5rem}.TaskDetails-modal-empty-icon{width:70px;height:70px}.TaskDetails-modal-empty-icon svg{width:35px;height:35px}}@media(prefers-color-scheme:dark){.TaskDetails-modal-empty{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.TaskDetails-modal-empty h4{color:#f1f5f9}.TaskDetails-modal-empty p{color:#94a3b8}}.emp-all-task-section{max-width:1800px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.emp-all-task-access-denied{padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.3)}.emp-all-task-access-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:#dc2626}.emp-all-task-header{padding:2rem;margin-bottom:2rem;border-radius:1.5rem;background:linear-gradient(135deg,#667eea14,#764ba20d);border:1px solid rgba(102,126,234,.15);box-shadow:0 4px 12px #667eea1a;position:relative;overflow:hidden}.emp-all-task-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.emp-all-task-header-content{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.emp-all-task-header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.emp-all-task-header-title h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:#111827}.emp-all-task-header-subtitle{color:#6b7280;font-weight:500;font-size:.9rem}.emp-all-task-header-stats{display:flex;align-items:center;gap:1rem}.emp-all-task-stats-icon{padding:1rem;border-radius:1rem;background:linear-gradient(135deg,#667eea33,#764ba233);display:flex;align-items:center;justify-content:center}.emp-all-task-stats-icon svg{width:32px;height:32px;color:#667eea}.emp-all-task-stats-text h2{font-size:2.4rem;font-weight:800;color:#667eea;line-height:1;margin-bottom:.25rem}.emp-all-task-stats-text p{color:#6b7280;font-weight:700;font-size:.75rem;letter-spacing:.5px}.emp-all-task-card{padding:1.5rem;margin-bottom:2rem;border-radius:1rem;border:1px solid rgba(102,126,234,.15);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);box-shadow:0 8px 32px #667eea14;position:relative;overflow:hidden}.emp-all-task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.emp-all-task-card-content{display:flex;flex-direction:column;gap:1.5rem}.emp-all-task-card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.emp-all-task-card-title-section{display:flex;align-items:center;gap:1rem}.emp-all-task-card-icon{padding:.75rem;border-radius:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.emp-all-task-card-icon svg{width:22px;height:22px;color:#fff}.emp-all-task-card-title h3{font-size:1.5rem;font-weight:900;color:#111827;margin-bottom:.25rem}.emp-all-task-card-subtitle{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem}.emp-all-task-filter-section{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.emp-all-task-search-input{min-width:280px;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.875rem;transition:all .2s ease}.emp-all-task-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.emp-all-task-select-input{min-width:200px;padding:.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.875rem;color:#6b7280}.emp-all-task-type-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.emp-all-task-chip{padding:.375rem .75rem;border-radius:1rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;border:1px solid}.emp-all-task-chip-active{background-color:#667eea1a;border-color:#667eea;color:#667eea;font-weight:800}.emp-all-task-chip-inactive{background-color:transparent;border-color:#e5e7eb;color:#6b7280}.emp-all-task-chip:hover{background-color:#667eea1a}.emp-all-task-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0}@media(min-width:768px){.emp-all-task-stats-grid{grid-template-columns:repeat(4,1fr)}}.emp-all-task-stat-item{padding:.75rem;border-radius:.5rem;border:1px solid rgba(102,126,234,.1);background:#fff;transition:all .2s ease}.emp-all-task-stat-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea1a}.emp-all-task-stat-content{display:flex;align-items:center;gap:.75rem}.emp-all-task-stat-icon-box{padding:.5rem;border-radius:.5rem;background:#667eea1a;display:flex;align-items:center;justify-content:center}.emp-all-task-stat-icon-box svg{width:16px;height:16px;color:#667eea}.emp-all-task-stat-text h4{font-size:1.4rem;font-weight:900;line-height:1;margin-bottom:.125rem;color:#111827}.emp-all-task-stat-text p{color:#6b7280;font-weight:600;font-size:.7rem;letter-spacing:.5px}.emp-all-task-users-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media(min-width:640px){.emp-all-task-users-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.emp-all-task-users-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.emp-all-task-users-grid{grid-template-columns:repeat(4,1fr)}}.emp-all-task-user-card{border-radius:1rem;background:#fff;border:1px solid rgba(102,126,234,.15);box-shadow:0 1px 3px #0000001a;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden}.emp-all-task-user-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px #0000001a;border-color:#667eea}.emp-all-task-user-card-selected{background:linear-gradient(135deg,#667eea14,#667eea08);border:2px solid #667eea;box-shadow:0 10px 15px #0000001a}.emp-all-task-user-card-content{padding:1rem}.emp-all-task-user-header{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.emp-all-task-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;position:relative;flex-shrink:0}.emp-all-task-user-avatar-badge{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid white}.emp-all-task-user-avatar-badge-high{background-color:#4caf50}.emp-all-task-user-avatar-badge-medium{background-color:#ffc107}.emp-all-task-user-avatar-badge-low{background-color:#f44336}.emp-all-task-user-info{flex:1;min-width:0}.emp-all-task-user-name{font-weight:800;font-size:1rem;margin-bottom:.25rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-all-task-user-role{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem;color:#6b7280;font-size:.75rem}.emp-all-task-user-email{color:#6b7280;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-all-task-stats-box{padding:.75rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.1);background:#f8fafc;margin-bottom:1rem}.emp-all-task-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.emp-all-task-stat-number{font-weight:900;font-size:1.1rem;text-align:center}.emp-all-task-stat-label{font-size:.65rem;font-weight:600;text-align:center;color:#6b7280}.emp-all-task-total-stat{color:#667eea}.emp-all-task-completed-stat{color:#28a745}.emp-all-task-rate-stat{color:inherit}.emp-all-task-progress-container{margin-top:1rem}.emp-all-task-progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.emp-all-task-progress-label{color:#6b7280;font-weight:600;font-size:.65rem}.emp-all-task-progress-percentage{font-weight:800;font-size:.65rem}.emp-all-task-progress-bar{height:6px;border-radius:4px;background-color:#667eea1a;overflow:hidden}.emp-all-task-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.emp-all-task-progress-fill-high{background-color:#28a745}.emp-all-task-progress-fill-medium{background-color:#ffc107}.emp-all-task-progress-fill-low{background-color:#f44336}.emp-all-task-user-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.emp-all-task-tag{padding:.25rem .5rem;border-radius:.5rem;font-size:.6rem;font-weight:700;background-color:#667eea1a;color:#667eea}.emp-all-task-tag-outlined{background-color:transparent;border:1px solid #764ba2;color:#764ba2}.emp-all-task-action-button{width:100%;padding:.5rem;border-radius:.5rem;font-weight:800;font-size:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.emp-all-task-action-button-primary{background-color:#667eea;color:#fff;border:none}.emp-all-task-action-button-primary:hover{background-color:#5a6fd8}.emp-all-task-action-button-outlined{background-color:transparent;border:1px solid #667eea;color:#667eea}.emp-all-task-action-button-outlined:hover{background-color:#667eea1a}.emp-all-task-loading-container{text-align:center;padding:3rem;background:#667eea08;border-radius:.75rem;border:1px solid rgba(102,126,234,.1)}.emp-all-task-loading-spinner{width:60px;height:60px;border:4px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;animation:emp-all-task-spin 1s linear infinite;margin:0 auto 1rem}@keyframes emp-all-task-spin{to{transform:rotate(360deg)}}.emp-all-task-loading-text h4{font-weight:700;margin-top:1rem;color:#111827}.emp-all-task-loading-text p{color:#6b7280;margin-top:.5rem}.emp-all-task-empty-state{text-align:center;padding:4rem;background:#667eea08;border-radius:.75rem;border:1px solid rgba(102,126,234,.1)}.emp-all-task-empty-icon{width:80px;height:80px;border-radius:50%;background:#667eea1a;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.emp-all-task-empty-icon svg{width:32px;height:32px;color:#667eea}.emp-all-task-empty-state h3{font-weight:800;margin-bottom:.5rem;color:#111827}.emp-all-task-empty-state p{color:#6b7280;max-width:500px;margin:0 auto 1.5rem}.emp-all-task-reset-button{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:0 auto}.emp-all-task-reset-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4090)}.emp-all-task-overall-stats{margin-bottom:1.5rem}.emp-all-task-overall-stats-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.emp-all-task-overall-stats-icon{padding:.375rem;border-radius:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.emp-all-task-overall-stats-icon svg{width:16px;height:16px;color:#fff}.emp-all-task-overall-stats-header h4{font-size:1rem;font-weight:800;color:#111827}.emp-all-task-overall-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:640px){.emp-all-task-overall-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.emp-all-task-overall-stats-grid{grid-template-columns:repeat(5,1fr)}}.emp-all-task-overall-stat-card{height:100%;border-radius:.75rem;background:#ffffffb3;border:1px solid rgba(102,126,234,.15);transition:all .3s ease;cursor:pointer;text-align:center;padding:.75rem}.emp-all-task-overall-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #667eea1a;border-color:#667eea}.emp-all-task-overall-stat-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.emp-all-task-overall-stat-icon{padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #667eea4d}.emp-all-task-overall-stat-icon svg{width:14px;height:14px;color:#fff}.emp-all-task-overall-stat-number{font-size:1.4rem;font-weight:900;line-height:1;margin-bottom:.125rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.emp-all-task-overall-stat-label{font-size:.65rem;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.emp-all-task-status-cards{margin-bottom:1.5rem}.emp-all-task-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.emp-all-task-status-icon{padding:.5rem;border-radius:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.emp-all-task-status-icon svg{width:16px;height:16px;color:#fff}.emp-all-task-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:768px){.emp-all-task-status-grid{grid-template-columns:repeat(5,1fr)}}.emp-all-task-status-card{border-radius:.75rem;background:#ffffffb3;border:1px solid rgba(102,126,234,.15);transition:all .3s ease;cursor:pointer;text-align:center;padding:.75rem}.emp-all-task-status-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #667eea1a}.emp-all-task-status-card-active{background:#667eea0f;border:2px solid #667eea}.emp-all-task-status-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.emp-all-task-status-card-icon{padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #667eea4d}.emp-all-task-status-card-icon svg{width:14px;height:14px;color:#fff}.emp-all-task-status-card-number{font-size:1.4rem;font-weight:900;line-height:1;margin-bottom:.125rem}.emp-all-task-status-card-label{font-size:.65rem;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.emp-all-task-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:0;animation:empFadeIn .2s ease}@keyframes empFadeIn{0%{opacity:0}to{opacity:1}}.emp-all-task-modal{background:#fff;width:50%;height:80vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;animation:empSlideUp .3s ease;position:relative;border-radius:20px}@keyframes empSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emp-all-task-modal-header{position:relative;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;flex-shrink:0}.emp-all-task-modal-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:empRotate 20s linear infinite}@keyframes empRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emp-all-task-modal-header-bg{position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><path d="M30 30 L45 15 L30 0 L15 15 L30 30 L45 45 L30 60 L15 45 L30 30" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></svg>');opacity:.15}.emp-all-task-modal-header-content{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;z-index:2}.emp-all-task-modal-user-section{display:flex;align-items:center;gap:.75rem;flex:1}.emp-all-task-modal-avatar-container{position:relative}.emp-all-task-modal-avatar{width:44px;height:44px;border-radius:.75rem;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;box-shadow:0 4px 10px #0003;transition:all .3s ease}.emp-all-task-modal-avatar-status{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid white;box-shadow:0 2px 5px #0003;animation:empStatusPulse 2s ease infinite}@keyframes empStatusPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.emp-all-task-modal-user-info{color:#fff;flex:1;min-width:0}.emp-all-task-modal-user-name{font-size:1rem;font-weight:600;margin-bottom:.2rem;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-all-task-modal-user-badges{display:flex;gap:.5rem;flex-wrap:wrap}.emp-all-task-modal-user-badge{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1rem;font-size:.65rem;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;white-space:nowrap}.emp-all-task-modal-user-badge svg{width:10px;height:10px}.emp-all-task-modal-close-btn{width:36px;height:36px;border-radius:.75rem;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.emp-all-task-modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.emp-all-task-modal-close-btn svg{width:18px;height:18px}.emp-all-task-modal-quick-stats{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem;z-index:2}.emp-all-task-modal-stat-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:.75rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:empSlideUp .3s ease backwards}.emp-all-task-modal-stat-card:nth-child(1){animation-delay:.05s}.emp-all-task-modal-stat-card:nth-child(2){animation-delay:.1s}.emp-all-task-modal-stat-card:nth-child(3){animation-delay:.15s}.emp-all-task-modal-stat-card:nth-child(4){animation-delay:.2s}.emp-all-task-modal-stat-card:active{transform:scale(.98);background:#ffffff40}.emp-all-task-modal-stat-icon{width:32px;height:32px;border-radius:.6rem;background:#fff3;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.emp-all-task-modal-stat-icon svg{width:16px;height:16px;color:#fff}.emp-all-task-modal-stat-content{flex:1;min-width:0}.emp-all-task-modal-stat-label{display:block;font-size:.55rem;color:#fffc;margin-bottom:.1rem;text-transform:uppercase;letter-spacing:.3px}.emp-all-task-modal-stat-value{display:block;font-size:1rem;font-weight:600;color:#fff;line-height:1}.emp-all-task-modal-body{flex:1;overflow-y:auto;padding:.75rem;background:#f8fafc;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.emp-all-task-modal-body::-webkit-scrollbar{width:4px}.emp-all-task-modal-body::-webkit-scrollbar-track{background:#e2e8f0}.emp-all-task-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.emp-all-task-modal-section{background:#fff;border-radius:1rem;padding:.75rem;margin-bottom:.75rem;border:1px solid rgba(102,126,234,.1);box-shadow:0 2px 8px #00000008}.emp-all-task-modal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;cursor:pointer}.emp-all-task-modal-section-title{display:flex;align-items:center;gap:.5rem}.emp-all-task-modal-section-title svg{width:16px;height:16px;color:#667eea}.emp-all-task-modal-section-title h3{font-size:.9rem;font-weight:600;color:#1e293b}.emp-all-task-modal-section-toggle{padding:.3rem;background:#f1f5f9;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.emp-all-task-modal-section-toggle svg{width:14px;height:14px}.emp-all-task-modal-status-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.emp-all-task-modal-status-filter{position:relative;padding:.6rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;overflow:hidden}.emp-all-task-modal-status-filter:active{transform:scale(.98);border-color:var(--status-color)}.emp-all-task-modal-status-filter.active{border-color:var(--status-color);background:linear-gradient(135deg,rgba(var(--status-color-rgb),.05) 0%,transparent 100%)}.emp-all-task-modal-status-filter-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.emp-all-task-modal-status-filter-left{display:flex;align-items:center;gap:.5rem}.emp-all-task-modal-status-filter-icon{width:24px;height:24px;border-radius:.5rem;background:var(--status-color);display:flex;align-items:center;justify-content:center}.emp-all-task-modal-status-filter-icon svg{width:12px;height:12px;color:#fff}.emp-all-task-modal-status-filter-label{font-weight:500;color:#1e293b;font-size:.75rem}.emp-all-task-modal-status-filter-right{display:flex;align-items:baseline;gap:.25rem}.emp-all-task-modal-status-filter-count{font-size:.9rem;font-weight:600;color:var(--status-color)}.emp-all-task-modal-status-filter-percentage{font-size:.6rem;color:#64748b}.emp-all-task-modal-status-filter-progress{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.emp-all-task-modal-status-filter-progress-bar{height:100%;background:var(--status-color);border-radius:2px;transition:width .3s ease}.emp-all-task-modal-search-filters{display:flex;flex-direction:column;gap:.75rem}.emp-all-task-modal-search-wrapper{position:relative;display:flex;align-items:center}.emp-all-task-modal-search-icon{position:absolute;left:.6rem;color:#94a3b8}.emp-all-task-modal-search-icon svg{width:14px;height:14px}.emp-all-task-modal-search-input{width:100%;padding:.6rem .6rem .6rem 2rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.8rem;transition:all .2s ease;background:#fff}.emp-all-task-modal-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.emp-all-task-modal-search-clear{position:absolute;right:.6rem;background:#f1f5f9;border:none;width:24px;height:24px;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.emp-all-task-modal-search-clear svg{width:12px;height:12px}.emp-all-task-modal-search-clear:active{background:#fee2e2;color:#ef4444}.emp-all-task-modal-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.emp-all-task-modal-filter-select{padding:.5rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.75rem;background:#fff;cursor:pointer;color:#1e293b}.emp-all-task-modal-date-range{display:flex;flex-direction:column;gap:.5rem}.emp-all-task-modal-date-input{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;transition:all .2s ease;width:100%}.emp-all-task-modal-date-input svg{width:14px;height:14px;color:#94a3b8;flex-shrink:0}.emp-all-task-modal-date-input input{width:100%;border:none;background:transparent;font-size:.75rem;outline:none;color:#1e293b}.emp-all-task-modal-date-separator{display:none}.emp-all-task-modal-date-clear{padding:.4rem .8rem;background:#fee2e2;border:none;border-radius:.75rem;color:#ef4444;font-size:.7rem;font-weight:500;cursor:pointer;width:100%;text-align:center}.emp-all-task-modal-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;background:#f1f5f9;border-radius:.75rem;font-size:.7rem}.emp-all-task-modal-active-filters-label{font-size:.7rem;font-weight:600;color:#475569;width:100%}.emp-all-task-modal-active-filter{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:1rem;font-size:.65rem;font-weight:500;transition:all .2s ease}.emp-all-task-modal-active-filter button{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:currentColor;opacity:.7}.emp-all-task-modal-active-filter button svg{width:10px;height:10px}.emp-all-task-modal-clear-filters{display:flex;align-items:center;gap:.25rem;margin-left:0;padding:.3rem .8rem;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;font-size:.65rem;color:#475569;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;margin-top:.25rem}.emp-all-task-modal-clear-filters svg{width:12px;height:12px}.emp-all-task-modal-tasks-header{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem;padding:.6rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:.75rem;border:1px solid rgba(102,126,234,.1)}.emp-all-task-modal-tasks-title{display:flex;align-items:center;gap:.5rem;width:100%;justify-content:space-between}.emp-all-task-modal-tasks-icon-wrapper{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:.5rem;color:#667eea}.emp-all-task-modal-tasks-icon-wrapper svg{width:14px;height:14px}.emp-all-task-modal-tasks-icon-glow{display:none}.emp-all-task-modal-tasks-title h3{font-size:.9rem;font-weight:600;color:#1e293b;margin:0;flex:1}.emp-all-task-modal-tasks-count-badge{display:flex;align-items:center;gap:.15rem;padding:.2rem .5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;border:1px solid #e2e8f0}.emp-all-task-modal-tasks-count-current{font-size:.75rem;font-weight:600;color:#667eea}.emp-all-task-modal-tasks-count-separator{font-size:.75rem;font-weight:400;color:#94a3b8}.emp-all-task-modal-tasks-count-total{font-size:.7rem;font-weight:500;color:#64748b}.emp-all-task-modal-tasks-sort{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.emp-all-task-modal-tasks-sort-label{padding:.2rem .5rem;background:#f1f5f9;border-radius:1rem;font-size:.65rem;font-weight:500;color:#475569}.emp-all-task-modal-tasks-sort-button{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.2rem .6rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;cursor:pointer;transition:all .2s ease;flex:1}.emp-all-task-modal-tasks-sort-button span{font-size:.7rem;font-weight:500;color:#1e293b}.emp-all-task-modal-tasks-sort-icon{color:#94a3b8;width:12px;height:12px}.emp-all-task-modal-tasks-sort-button:active{border-color:#667eea;transform:scale(.98)}.emp-all-task-modal-tasks-grid{display:grid;grid-template-columns:1fr;gap:.75rem;padding:.25rem 0}.emp-all-task-modal-task-card{position:relative;background:#fff;border-radius:1rem;transition:all .2s ease;overflow:hidden;animation:empFadeIn .3s ease backwards;cursor:pointer;border:1px solid #e2e8f0;box-shadow:0 2px 6px #00000005}.emp-all-task-modal-task-card:active{transform:scale(.99);border-color:var(--status-color)}.emp-all-task-modal-task-card-inner{position:relative;padding:.75rem .75rem .75rem calc(.75rem + 3px);z-index:2}.emp-all-task-modal-task-card-status-bar{position:absolute;top:0;left:0;width:3px;height:100%;background:var(--status-color);transition:all .2s ease;z-index:2}.emp-all-task-modal-task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.emp-all-task-modal-task-title-section{flex:1;min-width:0}.emp-all-task-modal-task-title-wrapper{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem}.emp-all-task-modal-task-title-icon{width:14px;height:14px;flex-shrink:0}.emp-all-task-modal-task-title{font-size:.9rem;font-weight:600;color:#0f172a;margin:0;line-height:1.3;word-break:break-word}.emp-all-task-modal-task-badges{display:flex;gap:.35rem;flex-wrap:wrap}.emp-all-task-modal-task-status{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .5rem .15rem .35rem;border-radius:1rem;font-size:.6rem;font-weight:500;border:1px solid transparent}.emp-all-task-modal-task-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.emp-all-task-modal-task-priority{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .5rem;border-radius:1rem;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.emp-all-task-modal-task-priority-icon{width:8px;height:8px}.emp-all-task-modal-task-priority.high{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.emp-all-task-modal-task-priority.medium{background:#fffbeb;color:#f59e0b;border:1px solid #fde68a}.emp-all-task-modal-task-priority.low{background:#f0fdf4;color:#10b981;border:1px solid #bbf7d0}.emp-all-task-modal-task-quick-actions{display:none}.emp-all-task-modal-task-description-wrapper{margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px dashed #e2e8f0}.emp-all-task-modal-task-description{color:#475569;font-size:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.emp-all-task-modal-task-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;margin-bottom:.6rem;padding:.4rem;background:#f8fafc;border-radius:.6rem}.emp-all-task-modal-task-meta-item{display:flex;align-items:center;gap:.35rem;padding:.25rem .35rem;background:#fff;border-radius:.5rem;border:1px solid transparent}.emp-all-task-modal-task-meta-item.overdue .emp-all-task-modal-task-meta-value{color:#ef4444}.emp-all-task-modal-task-meta-icon-wrapper{width:20px;height:20px;background:#f1f5f9;border-radius:.4rem;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.emp-all-task-modal-task-meta-icon-wrapper svg{width:10px;height:10px}.emp-all-task-modal-task-meta-content{flex:1;min-width:0}.emp-all-task-modal-task-meta-label{display:block;font-size:.5rem;color:#94a3b8;margin-bottom:.1rem;text-transform:uppercase;letter-spacing:.2px}.emp-all-task-modal-task-meta-value{display:flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:500;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-all-task-modal-task-meta-today-badge{display:inline-block;padding:.1rem .3rem;background:#22c55e;color:#fff;font-size:.5rem;font-weight:600;border-radius:.5rem;text-transform:uppercase;letter-spacing:.2px}.emp-all-task-modal-task-footer{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0}.emp-all-task-modal-task-stats{display:flex;gap:.5rem;flex-wrap:wrap}.emp-all-task-modal-task-stat{display:flex;align-items:center;gap:.2rem;font-size:.6rem;color:#64748b;padding:.2rem .4rem;background:#f8fafc;border-radius:.5rem}.emp-all-task-modal-task-stat svg{width:10px;height:10px}.emp-all-task-modal-task-tags{display:flex;gap:.3rem;flex-wrap:wrap}.emp-all-task-modal-task-tag{font-size:.55rem;color:#94a3b8;padding:.1rem .3rem;background:#f8fafc;border-radius:.5rem}.emp-all-task-modal-task-badge{position:static;display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;border-radius:1rem;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-top:.3rem;width:fit-content}.emp-all-task-modal-task-badge.today{background:#22c55e;color:#fff}.emp-all-task-modal-task-badge.overdue{background:#ef4444;color:#fff}.emp-all-task-modal-task-badge svg{width:10px;height:10px}.emp-all-task-modal-task-card.today{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e}.emp-all-task-modal-task-card.overdue{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444}.emp-all-task-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.emp-all-task-modal-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:empSpin .8s linear infinite;margin-bottom:1rem}.emp-all-task-modal-loading h4{font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:.3rem}.emp-all-task-modal-loading p{color:#64748b;font-size:.75rem}.emp-all-task-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.emp-all-task-modal-empty-icon{width:60px;height:60px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#94a3b8}.emp-all-task-modal-empty-icon svg{width:24px;height:24px}.emp-all-task-modal-empty h4{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:.3rem}.emp-all-task-modal-empty p{color:#64748b;margin-bottom:1rem;font-size:.75rem;max-width:280px}.emp-all-task-modal-empty-reset{display:flex;align-items:center;gap:.3rem;padding:.5rem 1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:1.5rem;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.75rem}.emp-all-task-modal-empty-reset svg{width:14px;height:14px}.emp-all-task-modal-empty-reset:active{transform:scale(.95)}.emp-all-task-modal-footer{padding:.6rem .75rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;align-items:center;flex-shrink:0}.emp-all-task-modal-footer-info{display:flex;align-items:center;gap:.35rem;color:#64748b;font-size:.7rem}.emp-all-task-modal-footer-info svg{width:14px;height:14px;color:#667eea}.emp-all-task-modal-footer-close{width:100%;padding:.6rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.8rem;letter-spacing:.3px}.emp-all-task-modal-footer-close:active{transform:scale(.98)}@media(max-width:380px){.emp-all-task-modal-user-name{font-size:.9rem}.emp-all-task-modal-user-badge{font-size:.6rem;padding:.15rem .4rem}.emp-all-task-modal-avatar{width:38px;height:38px;font-size:1rem}.emp-all-task-modal-stat-card{padding:.4rem}.emp-all-task-modal-stat-icon{width:28px;height:28px}.emp-all-task-modal-stat-icon svg{width:14px;height:14px}.emp-all-task-modal-stat-value{font-size:.9rem}.emp-all-task-modal-status-filters,.emp-all-task-modal-filter-row,.emp-all-task-modal-task-meta-grid{grid-template-columns:1fr}.emp-all-task-modal-task-title{font-size:.85rem}.emp-all-task-modal-task-status{font-size:.55rem}.emp-all-task-modal-task-priority{font-size:.5rem}}.emp-fade-in{animation:empFadeIn .3s ease}.emp-slide-up{animation:empSlideUp .3s ease}.emp-slide-down{animation:empSlideDown .3s ease}.emp-slide-right{animation:empSlideRight .3s ease}.emp-pulse{animation:empPulse 2s ease infinite}.emp-bounce{animation:empBounce 2s ease infinite}.emp-spin{animation:empSpin 1s linear infinite}.emp-rotate{animation:empRotate 20s linear infinite}.emp-float{animation:empFloat 20s linear infinite}.emp-progress{animation:empProgress 1s ease}@media(min-width:769px){.emp-hover-scale{transition:all .3s ease}.emp-hover-scale:hover{transform:scale(1.05)}.emp-hover-lift{transition:all .3s ease}.emp-hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.emp-hover-glow{transition:all .3s ease}.emp-hover-glow:hover{box-shadow:0 0 15px #667eea80}.emp-hover-rotate{transition:all .3s ease}.emp-hover-rotate:hover{transform:rotate(5deg)}}.emp-all-task-extra-filters{display:none}.emp-all-task-task-item.today-task{background:#f0fdf4;border-left-color:#22c55e!important}.emp-all-task-date-picker{padding:.4rem .6rem;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.8rem;cursor:pointer}.emp-all-task-clear-date{padding:.4rem .6rem;border-radius:.5rem;border:none;background:#fee2e2;color:#b91c1c;font-size:.75rem;cursor:pointer}.emp-all-task-modal-user-meta,.emp-all-task-modal-stat-pill{display:none}@media(max-width:480px){.emp-all-task-modal{background:#fff;width:100vw!important;height:80vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;animation:empSlideUp .3s ease;position:relative;border-radius:20px}}.emp-all-task-activity-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:empFadeIn .2s ease}.emp-all-task-activity-modal{background:#fff;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:empSlideUp .3s ease}.emp-all-task-activity-modal-header{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.emp-all-task-activity-modal-header-content{display:flex;justify-content:space-between;align-items:flex-start}.emp-all-task-activity-modal-title{display:flex;align-items:center;gap:1rem}.emp-all-task-activity-modal-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center}.emp-all-task-activity-modal-icon svg{color:#fff}.emp-all-task-activity-modal-title h3{font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.emp-all-task-activity-modal-task-title{font-size:.85rem;opacity:.9;margin:0;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-all-task-activity-modal-close{width:36px;height:36px;border-radius:10px;background:#fff3;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.emp-all-task-activity-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.emp-all-task-activity-modal-body{flex:1;overflow-y:auto;padding:1.5rem;background:#f8fafc}.emp-all-task-activity-timeline{display:flex;flex-direction:column;gap:1rem}.emp-all-task-activity-item{display:flex;gap:1rem;position:relative}.emp-all-task-activity-timeline-line{position:relative;width:30px;display:flex;flex-direction:column;align-items:center}.emp-all-task-activity-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;z-index:2;box-shadow:0 4px 6px -1px #0000001a}.emp-all-task-activity-line{width:2px;flex:1;background:linear-gradient(to bottom,#e2e8f0,transparent);margin:.25rem 0}.emp-all-task-activity-content{flex:1;background:#fff;border-radius:12px;padding:1rem;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005}.emp-all-task-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.emp-all-task-activity-action{font-weight:600;font-size:.9rem;text-transform:capitalize}.emp-all-task-activity-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;background:#f1f5f9;padding:.25rem .5rem;border-radius:1rem}.emp-all-task-activity-time svg{color:#94a3b8}.emp-all-task-activity-description{color:#475569;font-size:.85rem;line-height:1.5;margin:.5rem 0;padding:.5rem;background:#f8fafc;border-radius:8px;border-left:3px solid currentColor}.emp-all-task-activity-user{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#94a3b8;margin-top:.5rem}.emp-all-task-activity-changes{margin-top:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.emp-all-task-activity-change{display:flex;gap:.5rem;font-size:.8rem;margin-bottom:.25rem}.emp-all-task-activity-change:last-child{margin-bottom:0}.emp-all-task-activity-change-field{font-weight:600;color:#334155;min-width:80px;text-transform:capitalize}.emp-all-task-activity-change-value{color:#475569;word-break:break-word}.emp-all-task-activity-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.emp-all-task-activity-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:empSpin .8s linear infinite;margin-bottom:1rem}.emp-all-task-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.emp-all-task-activity-empty-icon{width:80px;height:80px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#94a3b8}.emp-all-task-activity-empty-icon svg{width:40px;height:40px}.emp-all-task-activity-empty h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.emp-all-task-activity-empty p{color:#64748b;font-size:.9rem}.emp-all-task-activity-modal-footer{padding:1rem 1.5rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.emp-all-task-activity-modal-close-btn{padding:.6rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.emp-all-task-activity-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.emp-all-task-modal-task-time-info{margin:1rem 0;padding:.75rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.emp-all-task-modal-task-time-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8rem;color:#475569;flex-wrap:wrap}.emp-all-task-modal-task-time-item:not(:last-child){margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed #e2e8f0}.emp-all-task-modal-task-time-item svg{color:#667eea;flex-shrink:0}.emp-all-task-modal-task-time-label{font-weight:600;color:#334155;min-width:60px}.emp-all-task-modal-task-time-value{color:#475569;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.emp-all-task-modal-task-time-badge{padding:.15rem .5rem;border-radius:1rem;font-size:.65rem;font-weight:600;text-transform:uppercase}.emp-all-task-modal-task-time-badge.today{background:#22c55e;color:#fff}.emp-all-task-modal-task-time-badge.overdue{background:#ef4444;color:#fff}.emp-all-task-modal-task-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.emp-all-task-modal-task-activity-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #667eea30;border-radius:1rem;color:#667eea;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.emp-all-task-modal-task-activity-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.emp-all-task-modal-task-activity-btn svg{transition:transform .2s ease}.emp-all-task-modal-task-activity-btn:hover svg{transform:rotate(10deg)}@keyframes empSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.emp-all-task-activity-modal{width:95%;max-height:90vh}.emp-all-task-activity-modal-header{padding:1rem}.emp-all-task-activity-modal-title{gap:.75rem}.emp-all-task-activity-modal-icon{width:32px;height:32px}.emp-all-task-activity-modal-title h3{font-size:1rem}.emp-all-task-activity-modal-task-title{font-size:.75rem;max-width:200px}.emp-all-task-activity-modal-body{padding:1rem}.emp-all-task-activity-header{flex-direction:column;align-items:flex-start}.emp-all-task-activity-time{align-self:flex-start}.emp-all-task-activity-change{flex-direction:column;gap:.25rem}.emp-all-task-activity-change-field{min-width:auto}.emp-all-task-modal-task-time-item{flex-wrap:wrap}.emp-all-task-modal-task-time-label{min-width:50px}.emp-all-task-modal-task-time-value{width:100%;margin-left:1.5rem}}:root{--ap-primary: #667eea;--ap-secondary: #764ba2;--ap-success: #10b981;--ap-warning: #f59e0b;--ap-danger: #ef4444;--ap-info: #3b82f6;--ap-dark: #1e293b;--ap-gray: #64748b;--ap-light: #f8fafc;--ap-border: #e2e8f0;--ap-border-light: #f1f5f9;--ap-shadow-sm: 0 1px 3px rgba(0,0,0,.05);--ap-shadow-md: 0 4px 6px rgba(0,0,0,.07);--ap-shadow-lg: 0 10px 25px rgba(0,0,0,.05);--ap-shadow-xl: 0 20px 40px rgba(0,0,0,.08);--ap-radius-sm: 6px;--ap-radius-md: 10px;--ap-radius-lg: 14px;--ap-radius-xl: 20px}.ap{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f1f5f9;min-height:100vh}.ap-container{max-width:1600px;margin:0 auto;padding:24px}@media(max-width:768px){.ap-container{padding:16px}}@keyframes ap-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ap-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ap-header{background:#fff;border-radius:var(--ap-radius-xl);padding:24px 28px;margin-bottom:28px;box-shadow:var(--ap-shadow-lg);border:1px solid var(--ap-border-light);animation:ap-fade-in .5s ease}@media(max-width:768px){.ap-header{padding:20px}}.ap-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}@media(max-width:640px){.ap-header-content{flex-direction:column;align-items:flex-start;gap:12px}}.ap-header-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px;letter-spacing:-.5px}@media(max-width:768px){.ap-header-title{font-size:1.6rem}}@media(max-width:480px){.ap-header-title{font-size:1.4rem}}.ap-header-subtitle{color:var(--ap-gray);font-size:.9rem;font-weight:500}.ap-admin-badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--ap-primary)20 0%,var(--ap-secondary)20 100%);display:flex;align-items:center;justify-content:center;color:var(--ap-primary);font-size:20px}.ap-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.ap-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:640px){.ap-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.ap-stat-card{background:#fff;border-radius:14px;padding:14px;border:1px solid var(--ap-border-light);transition:all .25s ease;animation:ap-scale-in .5s ease;animation-fill-mode:both}.ap-stat-card:hover{transform:translateY(-3px);box-shadow:var(--ap-shadow-lg);border-color:var(--ap-border)}.ap-stat-card:nth-child(1){animation-delay:.1s}.ap-stat-card:nth-child(2){animation-delay:.15s}.ap-stat-card:nth-child(3){animation-delay:.2s}.ap-stat-card:nth-child(4){animation-delay:.25s}.ap-stat-content-inner{display:flex;align-items:center;justify-content:space-between}.ap-stat-value{font-size:1.6rem;font-weight:700;margin-bottom:4px;line-height:1}@media(max-width:768px){.ap-stat-value{font-size:1.4rem}}@media(max-width:480px){.ap-stat-value{font-size:1.2rem}}.ap-stat-label{font-size:.55rem;font-weight:600;color:var(--ap-gray);text-transform:uppercase;letter-spacing:.5px}.ap-stat-subtext{font-size:.6rem;color:#94a3b8;margin-top:4px}.ap-stat-icon-container{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}@media(max-width:480px){.ap-stat-icon-container{width:34px;height:34px;font-size:16px}}.ap-stat-trend{margin-top:12px;display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:var(--ap-success)}.ap-form-card{background:#fff;border-radius:var(--ap-radius-xl);margin-bottom:28px;box-shadow:var(--ap-shadow-lg);border:1px solid var(--ap-border-light);overflow:hidden;animation:ap-fade-in .5s ease .2s both}.ap-form-header{background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-secondary) 100%);padding:18px 24px}@media(max-width:640px){.ap-form-header{padding:16px 20px}}.ap-form-header-content{display:flex;justify-content:space-between;align-items:center}@media(max-width:640px){.ap-form-header-content{flex-direction:column;align-items:flex-start;gap:12px}}.ap-form-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:4px}@media(max-width:640px){.ap-form-title{font-size:1.1rem}}.ap-form-subtitle{font-size:.8rem;color:#ffffffe6}.ap-btn-light{background:#ffffff26;color:#fff;border-color:#ffffff4d}.ap-btn-light:hover{background:#ffffff40;border-color:#ffffff80}.ap-form-content{padding:24px}@media(max-width:640px){.ap-form-content{padding:20px}}.ap-form-stack{display:flex;flex-direction:column;gap:20px}.ap-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:640px){.ap-form-row{grid-template-columns:1fr;gap:16px}}.ap-form-group{display:flex;flex-direction:column}.ap-form-label{font-size:.85rem;font-weight:600;color:var(--ap-dark);margin-bottom:6px}.ap-required:after{content:" *";color:var(--ap-danger);font-weight:600}.ap-input,.ap-textarea,.ap-select{width:100%;padding:10px 14px;border:1.5px solid var(--ap-border);border-radius:var(--ap-radius-md);font-size:.9rem;transition:all .2s ease;background:#fff;color:var(--ap-dark)}.ap-input:focus,.ap-textarea:focus,.ap-select:focus{outline:none;border-color:var(--ap-primary);box-shadow:0 0 0 3px #667eea1a}.ap-input-error{border-color:var(--ap-danger)}.ap-textarea{resize:vertical;min-height:80px}.ap-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.ap-error-text{margin-top:6px;font-size:.7rem;color:var(--ap-danger);font-weight:500}.ap-btn{padding:10px 20px;border:none;border-radius:var(--ap-radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.ap-btn-primary{background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-secondary) 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.ap-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.ap-btn-outline{background:#fff;color:var(--ap-primary);border:1.5px solid var(--ap-border)}.ap-btn-outline:hover{border-color:var(--ap-primary);background:#f8faff;transform:translateY(-2px)}.ap-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.ap-form-actions{display:flex;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid var(--ap-border-light)}@media(max-width:640px){.ap-form-actions{flex-direction:column}}.ap-dropdown-container{position:relative;width:100%}.ap-dropdown-trigger{padding:10px 14px;border:1.5px solid var(--ap-border);border-radius:var(--ap-radius-md);background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.ap-dropdown-trigger:hover{border-color:var(--ap-primary)}.ap-dropdown-placeholder{color:var(--ap-gray);font-size:.9rem}.ap-dropdown-arrow{transition:transform .2s ease;font-size:12px;color:var(--ap-gray)}.ap-dropdown-arrow.open{transform:rotate(180deg)}.ap-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--ap-border);border-radius:var(--ap-radius-lg);box-shadow:var(--ap-shadow-xl);z-index:1000;max-height:360px;overflow:hidden;animation:ap-scale-in .2s ease}.ap-dropdown-search{padding:12px;border-bottom:1px solid var(--ap-border-light)}.ap-dropdown-search-input{width:100%;padding:8px 12px;border:1.5px solid var(--ap-border);border-radius:var(--ap-radius-sm);font-size:.85rem;background:var(--ap-light)}.ap-dropdown-search-input:focus{outline:none;border-color:var(--ap-primary);box-shadow:0 0 0 3px #667eea1a}.ap-dropdown-options{overflow-y:auto;max-height:240px}.ap-dropdown-option{padding:10px 12px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease}.ap-dropdown-option:hover{background:var(--ap-light)}.ap-dropdown-option.selected{background:#eff6ff}.ap-dropdown-option-checkbox{margin-right:10px}.ap-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--ap-primary)}.ap-dropdown-option-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px;font-size:.75rem}.ap-dropdown-option-info{flex:1}.ap-dropdown-option-name{font-weight:600;font-size:.85rem;color:var(--ap-dark)}.ap-dropdown-option-email{font-size:.7rem;color:var(--ap-gray);margin-top:2px}.ap-dropdown-empty{padding:20px;text-align:center;color:var(--ap-gray);font-size:.85rem}.ap-dropdown-footer{padding:12px;border-top:1px solid var(--ap-border-light);display:flex;justify-content:flex-end}.ap-dropdown-done-btn{padding:6px 16px;background:var(--ap-primary);color:#fff;border:none;border-radius:var(--ap-radius-sm);font-size:.8rem;font-weight:600;cursor:pointer}.ap-avatar-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ap-avatar-wrapper{position:relative}.ap-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;box-shadow:0 2px 8px #667eea33}.ap-avatar-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--ap-danger);color:#fff;border:none;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease;border:2px solid white;padding:0}.ap-avatar-wrapper:hover .ap-avatar-remove{opacity:1;transform:scale(1)}.ap-file-upload-wrapper{display:flex;flex-direction:column;gap:8px}.ap-file-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:2px dashed var(--ap-border);border-radius:var(--ap-radius-md);background:var(--ap-light);cursor:pointer;transition:all .2s ease;color:var(--ap-gray);font-size:.85rem;font-weight:600;width:fit-content}.ap-file-upload-btn:hover{border-color:var(--ap-primary);background:#f1f5ff;color:var(--ap-primary)}.ap-file-input{display:none}.ap-file-info{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f0f9ff;border-radius:var(--ap-radius-sm);font-size:.8rem;color:#0369a1;border:1px solid #b8e1ff;width:fit-content}.ap-list-section{background:#fff;border-radius:var(--ap-radius-xl);padding:24px;box-shadow:var(--ap-shadow-lg);border:1px solid var(--ap-border-light);animation:ap-fade-in .5s ease .3s both}@media(max-width:768px){.ap-list-section{padding:20px}}.ap-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}@media(max-width:768px){.ap-list-header{flex-direction:column;align-items:flex-start;gap:16px}}.ap-list-title{font-size:1.4rem;font-weight:700;color:var(--ap-dark);margin-bottom:4px}@media(max-width:768px){.ap-list-title{font-size:1.2rem}}.ap-list-subtitle{font-size:.8rem;color:var(--ap-gray)}.ap-list-controls{display:flex;gap:12px;align-items:center}@media(max-width:640px){.ap-list-controls{flex-direction:column;width:100%}}.ap-search-wrapper{position:relative;width:260px}@media(max-width:768px){.ap-search-wrapper{width:100%}}.ap-search-input{width:100%;padding:10px 14px;border:1.5px solid var(--ap-border);border-radius:var(--ap-radius-md);font-size:.85rem;background:#fff;transition:all .2s ease}.ap-search-input:focus{outline:none;border-color:var(--ap-primary);box-shadow:0 0 0 3px #667eea1a}.ap-search-input::placeholder{color:#94a3b8;font-size:.85rem}.ap-sort-select{padding:10px 36px 10px 14px;border:1.5px solid var(--ap-border);border-radius:var(--ap-radius-md);font-size:.85rem;background:#fff;min-width:140px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}@media(max-width:640px){.ap-sort-select{width:100%}}.ap-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1200px){.ap-project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ap-project-grid{grid-template-columns:1fr}}.ap-project-card{background:#fff;border-radius:var(--ap-radius-lg);border:1px solid var(--ap-border-light);transition:all .3s ease;position:relative;overflow:hidden;animation:ap-scale-in .5s ease}.ap-project-card:hover{transform:translateY(-4px);box-shadow:var(--ap-shadow-xl);border-color:var(--ap-border)}.ap-project-top-bar{position:absolute;top:0;left:0;right:0;height:4px}.ap-project-content{padding:20px}.ap-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ap-project-title-wrapper{display:flex;align-items:center;gap:8px}.ap-project-icon{color:var(--ap-primary);font-size:18px}.ap-project-title{font-size:1rem;font-weight:700;color:var(--ap-dark);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ap-more-btn{background:none;border:none;color:var(--ap-gray);cursor:pointer;padding:4px;border-radius:4px}.ap-more-btn:hover{background:var(--ap-light);color:var(--ap-dark)}.ap-project-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.ap-badge{padding:4px 10px;border-radius:20px;font-size:.65rem;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center}.ap-project-description{color:var(--ap-gray);font-size:.8rem;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ap-project-progress{margin-bottom:16px}.ap-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ap-progress-label{font-size:.65rem;font-weight:600;color:var(--ap-gray);text-transform:uppercase;letter-spacing:.5px}.ap-progress-value{font-size:.75rem;font-weight:700;color:var(--ap-primary)}.ap-progress-bar{height:6px;background:var(--ap-border-light);border-radius:3px;overflow:hidden}.ap-progress-fill{height:100%;background:linear-gradient(90deg,var(--ap-primary) 0%,var(--ap-secondary) 100%);border-radius:3px;transition:width .6s ease}.ap-project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.7rem;color:var(--ap-gray)}.ap-meta-item{display:flex;align-items:center;gap:4px}.ap-meta-group{display:flex;gap:8px}.ap-meta-badge{display:flex;align-items:center;gap:4px;background:var(--ap-light);padding:4px 8px;border-radius:20px;font-size:.65rem;font-weight:600}.ap-divider{height:1px;background:var(--ap-border-light);margin:16px 0}.ap-project-actions{display:flex;justify-content:space-between;align-items:center}@media(max-width:480px){.ap-project-actions{flex-direction:column;gap:12px;align-items:flex-start}}.ap-pdf-actions,.ap-action-buttons{display:flex;gap:6px}.ap-icon-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--ap-light);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ap-gray);transition:all .2s ease}.ap-icon-btn:hover{background:var(--ap-primary);color:#fff;transform:translateY(-2px)}.ap-icon-btn-success:hover{background:var(--ap-success);color:#fff}.ap-icon-btn-danger:hover{background:var(--ap-danger);color:#fff}.ap-no-document{font-size:.7rem;color:var(--ap-gray);font-style:italic}.ap-empty-state{text-align:center;padding:48px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--ap-radius-lg);border:2px dashed var(--ap-border);margin-top:20px}.ap-empty-icon{font-size:48px;color:#94a3b8;margin-bottom:16px;opacity:.6}.ap-empty-title{font-size:1.2rem;font-weight:700;color:var(--ap-dark);margin-bottom:8px}.ap-empty-description{font-size:.85rem;color:var(--ap-gray);margin-bottom:20px}.ap-empty-state-small{padding:32px 16px}.ap-dialog-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:ap-fade-in .2s ease;padding:16px}.ap-dialog{background:#fff;border-radius:var(--ap-radius-xl);box-shadow:var(--ap-shadow-xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;animation:ap-scale-in .3s ease}.ap-dialog-lg{max-width:1000px}.ap-dialog-header{padding:18px 24px;background:linear-gradient(135deg,var(--ap-primary) 0%,var(--ap-secondary) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center}.ap-dialog-title{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.ap-dialog-close{width:34px;height:34px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ap-dialog-close:hover{background:#ffffff4d;transform:rotate(90deg)}.ap-dialog-content{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto}.ap-dialog-content-no-padding{padding:0;height:calc(90vh - 120px)}.ap-dialog-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid var(--ap-border-light);display:flex;justify-content:flex-end;gap:12px}.ap-pdf-viewer{width:100%;height:100%;border:none}.ap-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--ap-border-light);padding-bottom:12px;overflow-x:auto}.ap-tab{padding:8px 16px;border:none;background:none;border-radius:var(--ap-radius-md);font-size:.85rem;font-weight:600;color:var(--ap-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.ap-tab:hover{background:var(--ap-light);color:var(--ap-dark)}.ap-tab-active{background:#667eea1a;color:var(--ap-primary)}.ap-tab-panel{animation:ap-fade-in .3s ease}.ap-project-detail-title{font-size:1.5rem;font-weight:800;color:var(--ap-primary);margin-bottom:8px}.ap-project-detail-description{color:var(--ap-gray);margin-bottom:24px;line-height:1.6}.ap-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}@media(max-width:768px){.ap-grid-2{grid-template-columns:1fr}}.ap-card{background:var(--ap-light);border-radius:var(--ap-radius-lg);padding:20px;border:1px solid var(--ap-border-light)}.ap-card-title{font-size:1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--ap-dark)}.ap-detail-list{display:flex;flex-direction:column;gap:12px}.ap-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--ap-gray)}.ap-detail-value{font-weight:600;color:var(--ap-dark)}.ap-progress-block{margin-bottom:20px}.ap-progress-percentage{font-size:1.2rem;font-weight:700;color:var(--ap-primary)}.ap-task-stats{display:flex;flex-direction:column;gap:10px}.ap-task-stat{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.ap-task-stat-value{font-weight:700}.ap-text-success{color:var(--ap-success)}.ap-text-info{color:var(--ap-info)}.ap-text-warning{color:var(--ap-warning)}.ap-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:640px){.ap-team-grid{grid-template-columns:1fr}}.ap-team-member{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:var(--ap-radius-md);border:1px solid var(--ap-border-light)}.ap-member-info{flex:1}.ap-member-name{font-size:.9rem;font-weight:600;color:var(--ap-dark)}.ap-member-email{font-size:.7rem;color:var(--ap-gray);margin-top:2px}.ap-member-role{display:inline-block;margin-top:4px;padding:2px 8px;background:var(--ap-light);border-radius:12px;font-size:.6rem;font-weight:600;color:var(--ap-gray)}.ap-section-title{font-size:1.1rem;font-weight:700;margin-bottom:16px;color:var(--ap-dark)}.ap-section-title-small{font-size:1rem;margin-top:24px}.ap-task-list{display:flex;flex-direction:column;gap:12px}.ap-task-item{border:1px solid var(--ap-border-light);border-radius:var(--ap-radius-md);padding:16px;transition:all .2s ease}.ap-task-item:hover{border-color:var(--ap-border);box-shadow:var(--ap-shadow-md)}.ap-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}@media(max-width:640px){.ap-task-header{flex-direction:column;gap:8px}}.ap-task-title-wrapper{display:flex;align-items:center;gap:8px}.ap-task-title{font-size:.95rem;font-weight:600;color:var(--ap-dark)}.ap-task-badges{display:flex;gap:6px}.ap-task-description{color:var(--ap-gray);font-size:.8rem;margin-bottom:12px;line-height:1.5}.ap-task-footer{display:flex;justify-content:space-between;align-items:center}.ap-task-meta{display:flex;gap:16px;font-size:.7rem;color:var(--ap-gray)}.ap-task-meta span{display:flex;align-items:center;gap:4px}@media(max-width:480px){.ap-task-meta{flex-direction:column;gap:8px}}.ap-document-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--ap-light);border-radius:var(--ap-radius-md);border:1px solid var(--ap-border-light);margin-bottom:24px}.ap-document-list{display:flex;flex-direction:column;gap:12px}.ap-document-item{display:flex;align-items:center;gap:16px;padding:14px;background:#fff;border-radius:var(--ap-radius-md);border:1px solid var(--ap-border-light)}.ap-document-icon{width:40px;height:40px;border-radius:10px;background:#ef53501a;display:flex;align-items:center;justify-content:center;color:#ef5350;font-size:20px}.ap-document-info{flex:1}.ap-document-name{font-size:.9rem;font-weight:600;color:var(--ap-dark);margin-bottom:4px}.ap-document-meta{font-size:.7rem;color:var(--ap-gray)}.ap-document-actions{display:flex;gap:6px}.ap-alert{padding:12px 16px;border-radius:var(--ap-radius-md);font-size:.85rem;margin-bottom:16px}.ap-alert-info{background:#e0f2fe;color:#0369a1;border:1px solid #b8e1ff}.ap-snackbar{position:fixed;top:20px;right:20px;z-index:99999;min-width:300px;max-width:400px;background:#fff;border-radius:var(--ap-radius-md);box-shadow:var(--ap-shadow-xl);animation:ap-fade-in .3s ease;border-left:4px solid;overflow:hidden}@media(max-width:640px){.ap-snackbar{top:16px;right:16px;left:16px;min-width:auto;max-width:none}}.ap-snackbar-success{border-left-color:var(--ap-success)}.ap-snackbar-error{border-left-color:var(--ap-danger)}.ap-snackbar-warning{border-left-color:var(--ap-warning)}.ap-snackbar-info{border-left-color:var(--ap-info)}.ap-snackbar-content{display:flex;align-items:center;padding:14px 16px;gap:12px}.ap-snackbar-message{flex:1;font-size:.85rem;font-weight:500;color:var(--ap-dark)}.ap-snackbar-close{background:none;border:none;cursor:pointer;padding:4px;color:#94a3b8;transition:color .2s ease}.ap-snackbar-close:hover{color:var(--ap-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ap-border-light);border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--primary-color: #667eea;--primary-dark: #764ba2;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--border-color: #e2e8f0;--text-muted: #011234;--grey-50: #f9fafb}.client-management{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#667eea0d,#764ba20d);min-height:100vh;padding:16px}.client-management-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:16px;box-shadow:0 4px 12px #667eea33;color:#fff;position:relative;overflow:hidden}.client-management-header:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.1}.client-management-header .card__content{position:relative;z-index:1;padding:16px 20px}.client-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.client-header-left{display:flex;align-items:center;gap:12px}.client-header-icon{width:40px;height:40px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.client-header-title{font-size:20px;font-weight:600;margin:0 0 2px;color:#fff}.client-header-subtitle{font-size:13px;color:#ffffffe6;margin:0}.client-header-actions{display:flex;gap:8px;flex-wrap:wrap}.form-group label{font-weight:600;color:#4b5563;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;display:flex!important;gap:12px}.form-group label:after{display:none!important}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .2s ease;position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.6);height:90px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-start, #667eea),var(--color-end, #764ba2))}.stat-card--primary{--color-start: #667eea;--color-end: #764ba2}.stat-card--success{--color-start: #10b981;--color-end: #059669}.stat-card--warning{--color-start: #f59e0b;--color-end: #d97706}.stat-card--error{--color-start: #ef4444;--color-end: #dc2626}.stat-card--info{--color-start: #3b82f6;--color-end: #2563eb}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card .card__content{padding:1px}.stat-card-content{display:flex;align-items:center;gap:10px}.stat-card .avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:linear-gradient(135deg,var(--color-start, #667eea),var(--color-end, #764ba2));color:#fff}.stat-card .avatar svg{width:20px;height:20px}.stat-card small{font-size:14px;color:var(--text-muted);display:block;line-height:1.3}.stat-card-value{font-size:16px;font-weight:700;line-height:1.2;margin:2px 0 0;color:#1a202c}.alert{padding:10px 14px;border-radius:8px;margin-bottom:14px;display:flex;align-items:center;gap:8px;font-size:13px;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5)}.alert--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b98140;color:#065f46}.alert--error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef444440;color:#991b1b}.alert--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b40;color:#92400e}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000a;overflow:hidden;border:1px solid rgba(226,232,240,.6);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000014}.card__header{padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.card-header-gradient:before{display:none}.card-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.card-header-left{display:flex;align-items:center;gap:10px}.avatar-circle{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}.card-header-title{font-size:16px;font-weight:600;margin:0 0 2px;color:#fff}.card-header-subtitle{font-size:11px;color:#ffffffe6;margin:0}.card-header-right{display:flex;align-items:center;gap:8px}.active-indicator{background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:4px 10px;display:flex;align-items:center;gap:4px;color:#fff;font-size:11px;border:1px solid rgba(255,255,255,.3)}.refresh-button{background:#ffffff26;color:#fff;border:none;border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;border:1px solid rgba(255,255,255,.2)}.refresh-button:hover{background:#ffffff40;transform:rotate(90deg)}.filter-bar{padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.filter-grid{display:flex;flex-wrap:wrap;gap:8px}.filter-grid>*{flex:1 1 auto;min-width:130px}.filter-search-container{flex:2 1 200px}.search-input{position:relative;width:100%}.search-input svg{position:absolute;left:30px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px}.search-input input{width:100%;padding:8px 12px 8px 32px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;height:36px;background:#fff}.search-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}select.form-input{padding-right:28px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}textarea.form-input{height:auto;min-height:60px}.table-container{overflow-x:auto;padding:0}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table thead{background:linear-gradient(135deg,#667eea08,#764ba208)}.data-table th{text-align:left;padding:10px 12px;font-weight:600;font-size:11px;color:#4a5568;border-bottom:2px solid #e2e8f0;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.data-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;font-size:12px;vertical-align:middle}.data-table tr{transition:all .2s ease;position:relative}.data-table tbody tr:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.data-table tbody tr:hover:after{opacity:1}.data-table tr:hover{background:linear-gradient(90deg,#667eea08,#764ba208)}.table-cell-hidden-sm,.table-cell-hidden-md{display:none}@media(min-width:640px){.table-cell-hidden-sm{display:table-cell}}@media(min-width:768px){.table-cell-hidden-md{display:table-cell}}.client-cell{display:flex;align-items:center;gap:8px}.client-cell input[type=checkbox]{width:14px;height:14px;cursor:pointer;margin:0;flex-shrink:0}.client-cell-secondary{display:none}.client-cell-mobile{display:block}@media(min-width:640px){.client-cell-secondary{display:block}.client-cell-mobile{display:none}}.client-name{font-weight:600;font-size:12px;color:#1a202c}.client-id{font-size:9px;color:var(--text-muted);background:#f0f0f0;padding:2px 4px;border-radius:4px}.services-tags{display:flex;flex-wrap:wrap;gap:3px;max-width:20rem}.badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:12px;font-size:9px;font-weight:600;white-space:nowrap;line-height:1.4;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgePop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.badge--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b98130}.badge--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b30}.badge--error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef444430}.badge--info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #3b82f630}.badge--primary{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border:1px solid #667eea30}.status-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:16px;font-size:10px;font-weight:600;white-space:nowrap;gap:4px;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.status-chip--active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b98120}.status-chip--on-hold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b20}.status-chip--default{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;border:1px solid #6b728020}.progress-cell{min-width:90px}@media(min-width:640px){.progress-cell{min-width:100px}}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;font-size:10px}.progress-stats{font-size:9px;color:var(--text-muted)}@media(min-width:640px){.progress-stats{font-size:10px}}.progress-bar{height:4px;background:#edf2f7;border-radius:2px;overflow:hidden;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar__fill{height:100%;border-radius:2px;transition:width .3s ease;position:relative;z-index:1}.progress-bar__fill--success{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar__fill--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar__fill--error{background:linear-gradient(90deg,#ef4444,#f87171)}.progress-bar__fill--primary{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-bar__fill--info{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.tasks-cell{display:flex;align-items:center;gap:4px}.actions-cell{display:flex;align-items:center;justify-content:center;gap:4px}.action-button{width:26px;height:26px;border-radius:5px;border:1px solid #e2e8f0;background:#fff;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:12px;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .3s,height .3s}.action-button:active:before{width:40px;height:40px}.action-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.action-button--primary{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;border-color:#c7d2fe}.action-button--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border-color:#a7f3d0}.action-button--error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-color:#fecaca}.task-list{max-height:220px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column;gap:0}.task-item{display:flex;align-items:flex-start;padding:6px 8px;border-bottom:1px solid #e2e8f0;gap:6px;transition:all .2s ease;background:#fff;position:relative;overflow:hidden}.task-item:last-child{border-bottom:none}.task-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#667eea,#764ba2);opacity:0;transition:opacity .2s ease}.task-item:hover:before{opacity:1}.task-item:hover{background:#f7fafc;border-color:#667eea}.task-item__checkbox{flex-shrink:0;padding-top:2px}.task-item__checkbox input[type=checkbox]{width:13px;height:13px;cursor:pointer;margin:0;border-radius:3px;border:1px solid #cbd5e1}.task-item__checkbox input[type=checkbox]:checked{background:#667eea;border-color:#667eea}.task-item__content{flex:1;min-width:0}.task-item__content .flex-align-center{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin-bottom:2px}.task-item__content p{font-size:11px;font-weight:500;word-break:break-word;margin:0}.task-item__content small{font-size:9px;color:var(--text-muted);display:block}.task-item__actions{display:flex;gap:3px;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.task-item:hover .task-item__actions{opacity:1}.service-list{display:flex;flex-direction:column;gap:6px}.service-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid #e2e8f0}.service-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#667eea,#764ba2);opacity:0;transition:opacity .2s ease}.service-item:hover:before{opacity:1}.service-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(4px);box-shadow:0 4px 12px #667eea1a}.service-item__icon{width:32px;height:32px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4f46e5;font-size:14px;transition:all .2s ease}.service-item:hover .service-item__icon{transform:scale(1.1)}.service-item__content{flex:1}.service-item__actions{opacity:0;transition:opacity .2s ease}.service-item:hover .service-item__actions{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap;height:32px;line-height:1;position:relative;overflow:hidden}.btn svg{width:14px;height:14px}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn:active:after{width:100px;height:100px}.btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 4px #667eea33}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--outlined{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.btn--outlined:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e1}.btn--error{background:#dc2626;color:#fff}.btn--error:hover:not(:disabled){background:#b91c1c}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .3s ease;height:100vh}.modal{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:82vh;overflow-y:auto;box-shadow:0 20px 40px -12px #0000004d;animation:slideUp .4s ease;border:1px solid rgba(255,255,255,.5)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-lg{max-width:700px}.modal__header{padding:12px 16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:10}.modal__header h3{font-size:15px;font-weight:600;color:#020f28;margin:0;-webkit-background-clip:text;background-clip:text}.modal__content{padding:16px;overflow-y:auto;flex:1;color:#020f28}.modal__footer{padding:12px 16px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:8px;background:#f8fafc;position:sticky;bottom:0}.dropdown-wrapper{position:relative}.dropdown-arrow{transition:transform .2s}.dropdown-arrow--open{transform:rotate(180deg)}.dropdown-content{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;box-shadow:0 8px 16px -4px #0000001a;z-index:50;max-height:220px;overflow-y:auto;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{padding:6px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff}.dropdown-list{padding:4px;max-height:180px;overflow-y:auto}.dropdown-item{display:flex;align-items:flex-start;gap:4px;padding:5px 6px;border-radius:4px;cursor:pointer;font-size:11px;transition:background .2s;border:1px solid #e2e8f0;margin-bottom:4px}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background:#f7fafc}.dropdown-item input[type=checkbox]{width:13px;height:13px;margin-top:9px;margin-left:4px}.dropdown-item-content{display:flex;gap:4px;flex:1;align-items:center}.dropdown-item .avatar{width:22px;height:22px;font-size:10px;border-radius:5px}.dropdown-item-details{display:flex;gap:3px;font-size:9px;color:var(--text-muted)}.dropdown-empty{padding:8px;text-align:center;color:var(--text-muted);font-size:11px}.selected-items-preview{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.selected-item{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:10px;border:1px solid #e2e8f0}.selected-item--info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.selected-item-remove{border:none;background:none;padding:0;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;opacity:.8}.selected-item-remove:hover{opacity:1}.manager-info{padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:6px;background:#fff}.manager-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.manager-header .avatar{width:26px;height:26px;font-size:11px;border-radius:6px}.manager-header p{font-size:12px;font-weight:600;margin:0}.manager-header small{font-size:9px;color:var(--text-muted)}.manager-details{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;padding-left:32px}.client-details-section{margin-bottom:14px;padding:14px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.client-details-content{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#1a202c;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.section-description{font-size:10px;color:var(--text-muted);margin-bottom:10px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}@media(min-width:768px){.details-grid{grid-template-columns:repeat(2,1fr)}}.detail-item{margin-bottom:0}.detail-item-full{grid-column:1 / -1}.detail-label{font-size:9px;font-weight:600;color:var(--text-muted);margin-bottom:1px;text-transform:uppercase;letter-spacing:.2px}.detail-value{font-size:12px;color:#1a202c;word-break:break-word;margin:0;font-weight:500}.edit-client-grid{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:768px){.edit-client-grid{grid-template-columns:repeat(2,1fr)}}.edit-managers-group,.edit-services-group,.edit-progress-group,.edit-address-group,.edit-description-group,.edit-notes-group{grid-column:1 / -1}.managers-list{max-height:160px;overflow:auto;border:1px solid #e2e8f0;border-radius:6px}.manager-checkbox-item{display:flex;align-items:center;padding:6px;transition:background .2s;border-bottom:1px solid #e2e8f0}.manager-checkbox-item:last-child{border-bottom:none}.manager-checkbox-item:hover{background:#f7fafc}.manager-checkbox-content{display:flex;align-items:center;gap:6px;margin-left:6px;width:100%}.services-list{max-height:160px;overflow:auto;border:1px solid #e2e8f0;border-radius:6px}.service-checkbox-item{display:flex;align-items:center;padding:4px 6px;border-bottom:1px solid #e2e8f0}.service-checkbox-item:last-child{border-bottom:none}.service-checkbox-item label{margin-left:6px;cursor:pointer;font-size:12px}.empty-state-container{padding:20px 12px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;border:2px dashed #e2e8f0;border-radius:10px;background:#f8fafc;text-align:center}.empty-state-icon{width:40px;height:40px;color:#a0aec0;margin-bottom:10px;font-size:40px}.empty-state-title{font-size:14px;font-weight:600;color:#1a202c;margin-bottom:3px}.empty-state-description{font-size:11px;color:var(--text-muted);margin-bottom:14px;max-width:250px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;gap:10px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;background:#fffc;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.pagination-container{padding:12px 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:linear-gradient(135deg,#667eea08,#764ba208);border-top:1px solid #e2e8f0}@media(min-width:768px){.pagination-container{flex-direction:row;justify-content:space-between}}.pagination-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagination-select{width:auto;min-width:90px;padding:4px 8px;height:30px;font-size:11px}.pagination-info{font-size:11px;color:var(--text-muted);margin:0}.pagination{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.pagination__item{min-width:28px;height:28px;border-radius:5px;border:1px solid #e2e8f0;background:#fff;color:var(--text-muted);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 4px;transition:all .2s ease;position:relative;overflow:hidden}.pagination__item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .4s}.pagination__item:hover:before{left:100%}.pagination__item:hover{border-color:#667eea;color:#667eea}.pagination__item--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 2px 6px #667eea4d}.form-group{margin-bottom:12px}.form-label{display:block;margin-bottom:4px;font-weight:600;color:#374151;font-size:12px}.avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:12px;transition:all .2s ease}.avatar--primary{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar--success{background:linear-gradient(135deg,#10b981,#059669)}.avatar--warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.avatar--error{background:linear-gradient(135deg,#ef4444,#dc2626)}.avatar--info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.flex-align-center{display:flex;align-items:center}.flex-justify-between{display:flex;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-grow-1{flex-grow:1}.gap-1{gap:3px}.gap-2{gap:5px}.gap-3{gap:8px}.mb-1{margin-bottom:3px}.mb-2{margin-bottom:5px}.mb-3{margin-bottom:8px}.mb-4{margin-bottom:12px}.mt-1{margin-top:3px}.mt-2{margin-top:5px}.ml-1{margin-left:3px}.ml-2{margin-left:5px}.mr-1{margin-right:3px}.mr-2{margin-right:5px}.p-1{padding:3px}.p-2{padding:5px}.p-3{padding:8px}.py-2{padding-top:5px;padding-bottom:5px}.py-3{padding-top:8px;padding-bottom:8px}.px-2{padding-left:5px;padding-right:5px}.text-muted{color:var(--text-muted)}.text-small{font-size:10px}.text-bold{font-weight:600}.text-large{font-size:14px;font-weight:700}.text-line-through{text-decoration:line-through}.text-left{text-align:left}.text-right{text-align:right}.w-full,.w-100{width:100%}.w-32{width:80px}.w-20{width:50px}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.border{border:1px solid #e2e8f0}.border-dashed{border-style:dashed}.border-b{border-bottom:1px solid #e2e8f0}.bg-grey-50{background:#f9fafb}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 2px 4px #0000000d}.shadow-lg{box-shadow:0 4px 6px #0000000d}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.items-center{align-items:center}.max-w-xs{max-width:240px}.max-w-md{max-width:320px}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 6px;background:#000c;color:#fff;border-radius:4px;font-size:10px;white-space:nowrap;z-index:1000;margin-bottom:4px}[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c;margin-bottom:-4px;z-index:1000}.modal__content,.table-container,.task-list,.dropdown-content,.managers-list,.services-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal__content::-webkit-scrollbar,.table-container::-webkit-scrollbar,.task-list::-webkit-scrollbar,.dropdown-content::-webkit-scrollbar,.managers-list::-webkit-scrollbar,.services-list::-webkit-scrollbar{width:5px;height:5px}.modal__content::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track,.dropdown-content::-webkit-scrollbar-track,.managers-list::-webkit-scrollbar-track,.services-list::-webkit-scrollbar-track{background:transparent}.modal__content::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.dropdown-content::-webkit-scrollbar-thumb,.managers-list::-webkit-scrollbar-thumb,.services-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal__content::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover,.task-list::-webkit-scrollbar-thumb:hover,.dropdown-content::-webkit-scrollbar-thumb:hover,.managers-list::-webkit-scrollbar-thumb:hover,.services-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal__content::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#667eea,#764ba2)}*:focus{outline:2px solid #667eea;outline-offset:1px}*:focus:not(.focus-visible){outline:none}::selection{background:#667eea33;color:#667eea}.service-progress-card{position:relative;overflow:hidden}.service-progress-card.loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,#667eea,#764ba2);transform-origin:0%;animation:loading 1.5s ease-in-out infinite;z-index:9999}@keyframes loading{0%{transform:scaleX(0);transform-origin:0%}50%{transform:scaleX(1);transform-origin:0%}51%{transform-origin:100%}to{transform:scaleX(0);transform-origin:100%}}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input-group:focus-within{transform:translateY(-1px)}.input-group:focus-within .form-label{color:#667eea}@keyframes successPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}.alert--success{animation:successPulse 2s infinite}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(5,1fr);gap:6px}}@media(max-width:768px){.client-management{padding:12px}.client-management-header{border-radius:10px}.client-management-header .card__content{padding:10px 14px}.client-header-container{flex-direction:column;align-items:flex-start}.client-header-actions{width:100%}.client-header-actions .btn{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.stat-card .card__content{padding:8px 10px}.filter-grid>*{min-width:calc(50% - 4px)}.filter-search-container{min-width:100%}.filter-bar{padding:10px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:8px}.col-span-2,.col-span-3{grid-column:span 1}.modal{margin:10px;width:95%}.modal__header,.modal__content,.modal__footer{padding:12px}.dropdown-item-details{display:none}.data-table{min-width:650px}.btn{padding:6px 10px;font-size:11px;height:30px}.action-button{width:24px;height:24px;font-size:11px}.pagination__item{min-width:26px;height:26px;font-size:10px}.data-table tbody tr{display:flex;flex-direction:row;gap:6px}.table-container{overflow-x:hidden!important}.data-table{width:100%!important;min-width:100%!important;table-layout:fixed}.data-table thead th{display:none}.data-table thead th:nth-child(1),.data-table thead th:nth-child(4) .data-table thead th:nth-child(7){display:table-cell!important}.data-table tbody td{display:none}.data-table tbody td:nth-child(1){display:table-cell;width:70%}.data-table tbody td:nth-child(4){display:table-cell;width:30%;text-align:right}.data-table tbody td:nth-child(7){display:table-cell;width:30%;text-align:right}.client-cell{gap:4px}.client-cell-secondary{display:none!important}.client-cell-mobile{display:block!important;font-size:10px}.status-chip{padding:4px 8px;font-size:10px}.data-table tr:hover{transform:none;background:none}}@media(max-width:640px){.client-header-title{font-size:18px}.client-header-subtitle{font-size:11px}.stat-card .avatar{width:28px;height:28px;font-size:12px}.stat-card small{font-size:9px}.stat-card-value{font-size:14px}.filter-grid>*{min-width:100%}.pagination-container,.pagination-left{flex-direction:column;align-items:stretch}.pagination{justify-content:center}.modal__footer{flex-direction:row}.modal__footer .btn{width:100%}}@media(max-width:480px){.client-management{padding:8px}.card-header-right,.active-indicator{display:none}.data-table{min-width:300px}.data-table td,.data-table th{padding:8px 6px}.client-name{font-size:11px}.badge{padding:2px 4px;font-size:8px}}@media print{.client-management{background:#fff;padding:0}.modal-overlay{position:static;background:none}.modal{box-shadow:none;max-width:none;background:#fff}.btn,.action-button,.filter-bar,.refresh-button,.client-header-actions{display:none!important}.stat-card,.card,.main-content-card{box-shadow:none;border:1px solid #e2e8f0;break-inside:avoid}}.edit-modal-content{padding:0!important;background:#f8fafc}.edit-progress-bar{padding:20px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:13px;font-weight:500;color:#64748b}.progress-value{font-size:13px;font-weight:600;color:#4f46e5}.progress-track{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:2px;transition:width .3s ease}.edit-sections{padding:24px}.edit-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #00000005}.edit-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.section-icon{color:#4f46e5;width:20px;height:20px}.section-title h4{margin:0;font-size:16px;font-weight:600;color:#1e293b;flex:1}.required-badge{font-size:11px;font-weight:500;padding:2px 8px;background:#fee2e2;color:#dc2626;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.optional-badge{font-size:11px;font-weight:500;padding:2px 8px;background:#f1f5f9;color:#64748b;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.section-description{margin:-8px 0 16px;font-size:13px;color:#64748b;padding-left:30px}.section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.section-vertical{display:flex;flex-direction:column;gap:16px}.form-group{position:relative}.form-group.full-width{grid-column:1 / -1}.form-label{display:block;font-size:13px;font-weight:500;color:#475569;margin-bottom:6px}.form-input{width:100%;padding:5px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;color:#1e293b;transition:all .2s;background:#fff}.task-item__checkbox{width:10px}.form-input:hover{border-color:#94a3b8}.form-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-input.error{border-color:#ef4444;background:#fef2f2}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.select-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.textarea{resize:vertical;min-height:80px}.error-message{display:block;font-size:11px;color:#ef4444;margin-top:4px}.managers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:4px}.managers-grid.error-border{border:1px solid #ef4444;border-radius:8px;padding:12px;background:#fef2f2}.manager-card{position:relative;background:#f8fafc;border-radius:8px;transition:all .2s}.manager-card:hover{background:#f1f5f9}.manager-checkbox{position:absolute;opacity:0;width:0;height:0}.manager-label{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.manager-checkbox:checked+.manager-label{background:#eef2ff;border-color:#4f46e5}.manager-avatar{width:40px;height:40px;background:#4f46e5;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.manager-details{display:flex;flex-direction:column;gap:2px}.manager-name{font-weight:600;font-size:14px;color:#1e293b}.manager-email{font-size:11px;color:#64748b}.manager-role{font-size:10px;color:#4f46e5;background:#e0e7ff;padding:2px 6px;border-radius:10px;display:inline-block;width:fit-content}.services-grid{display:flex;flex-wrap:wrap;gap:10px}.service-chip{position:relative}.service-chip input[type=checkbox]{position:absolute;opacity:0}.service-chip label{display:block;padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.service-chip input[type=checkbox]:checked+label{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 2px 8px #4f46e54d}.service-chip label:hover{background:#f1f5f9;border-color:#94a3b8}.progress-input-group{display:flex;flex-direction:column;gap:4px}.progress-input{max-width:200px}.progress-hint{font-size:11px;color:#94a3b8}.edit-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.footer-left{font-size:12px;color:#94a3b8}.footer-actions{display:flex;gap:12px}.edit-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.edit-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff3;border-radius:20px;color:#fff;font-size:13px;font-weight:500}@media(max-width:768px){.section-grid,.managers-grid{grid-template-columns:1fr}.edit-footer{flex-direction:column;gap:12px;align-items:stretch}.footer-actions{flex-direction:column}}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .2s ease}.modal-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;width:90%;max-width:1200px;max-height:90vh;animation:slideUp .3s ease}.view-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.view-modal__header{padding:24px 28px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.view-modal__header-left{display:flex;align-items:center;gap:20px}.client-avatar{width:60px;height:60px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#fff;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000001a}.client-title h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#fff;line-height:1.2}.client-meta{display:flex;gap:16px;color:#ffffffe6;font-size:14px}.client-meta span{display:flex;align-items:center;gap:6px}.view-modal__header-right{display:flex;align-items:center;gap:16px}.status-badge{padding:8px 16px;border-radius:30px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2)}.status-badge--active{background:#10b9814d;border-color:#10b98180}.status-badge--hold{background:#f59e0b4d;border-color:#f59e0b80}.status-badge--inactive{background:#ef44444d;border-color:#ef444480}.close-button{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.2)}.close-button:hover{background:#ffffff40;transform:rotate(90deg)}.view-modal__content{flex:1;overflow-y:auto;padding:28px;background:#f8fafc}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.stat-card{background:#fff;padding:20px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-icon{width:48px;height:48px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:13px;color:#64748b;font-weight:500;margin-bottom:4px}.stat-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1.2}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.content-column{display:flex;flex-direction:column;gap:24px}.info-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.info-card__header{padding:18px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:10px}.header-icon{width:22px;height:22px;color:#4f46e5}.info-card__header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b;flex:1}.info-card__body{padding:20px}.section-hint{margin:0 0 16px;font-size:13px;color:#64748b;font-style:italic;padding:8px 12px;background:#f8fafc;border-radius:8px;border-left:3px solid #4f46e5}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:#64748b;font-weight:500}.info-value{font-size:14px;color:#1e293b;font-weight:600}.company-code{display:flex;gap:8px}.code-badge{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;color:#475569}.managers-container{display:flex;flex-direction:column;gap:12px}.manager-profile{display:flex;align-items:center;gap:14px;padding:14px;background:#f8fafc;border-radius:12px;transition:all .2s;border:1px solid #e2e8f0}.manager-profile:hover{background:#f1f5f9;border-color:#94a3b8;transform:translate(2px)}.manager-avatar{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;box-shadow:0 4px 6px -1px #667eea4d}.manager-details{display:flex;flex-direction:column;gap:4px}.manager-name{font-weight:600;font-size:15px;color:#1e293b}.manager-email{font-size:12px;color:#64748b}.manager-role{font-size:11px;color:#4f46e5;background:#e0e7ff;padding:2px 8px;border-radius:12px;display:inline-block;width:fit-content}.services-container{display:flex;flex-direction:column;gap:16px}.service-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.service-wrapper:hover{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.subsection-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.contact-section,.address-section,.description-section,.notes-section{margin-bottom:20px}.contact-section:last-child,.address-section:last-child,.description-section:last-child,.notes-section:last-child{margin-bottom:0}.contact-item{display:flex;align-items:center;gap:12px;padding:10px 0;color:#475569}.contact-item svg{color:#4f46e5}.contact-link{color:#2563eb;text-decoration:none;font-size:14px;transition:color .2s}.contact-link:hover{color:#1d4ed8;text-decoration:underline}.address-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;color:#475569;font-size:14px;line-height:1.5}.address-item svg{color:#4f46e5;flex-shrink:0;margin-top:2px}.description-text{margin:0;padding:12px;background:#f8fafc;border-radius:8px;font-size:14px;line-height:1.6;color:#475569;border-left:3px solid #4f46e5}.notes-content{display:flex;gap:12px;padding:12px;background:#fff7ed;border-radius:8px;font-size:14px;line-height:1.6;color:#9a3412;border-left:3px solid #f97316}.notes-content svg{color:#f97316;flex-shrink:0;margin-top:2px}.notes-content p{margin:0}.empty-managers{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:12px;color:#94a3b8}.empty-managers svg{margin-bottom:12px;opacity:.5}.empty-managers p{margin:0;font-size:14px}.empty-info{text-align:center;padding:32px 20px;background:#f8fafc;border-radius:12px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-info svg{opacity:.5}.empty-info p{margin:0;font-size:14px}.view-modal__footer{padding:20px 28px;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.btn--secondary{background:#f1f5f9;color:#475569}.btn--secondary:hover{background:#e2e8f0}.btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px -1px #667eea4d}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #667eea66}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.view-modal__content::-webkit-scrollbar{width:6px}.view-modal__content::-webkit-scrollbar-track{background:#f1f5f9}.view-modal__content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.view-modal__content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.stats-grid,.content-grid{grid-template-columns:1fr}.view-modal__header{flex-direction:column;align-items:flex-start;gap:16px}.view-modal__header-left{width:100%}.view-modal__header-right{width:100%;justify-content:space-between}.client-meta{flex-direction:column;gap:8px}}.ClientDashboard-client-dashboard{min-height:100vh;background:#f5f5f5;display:block;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.ClientDashboard-dashboard-loading,.ClientDashboard-dashboard-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}.ClientDashboard-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ClientDashboard-spin 1s linear infinite;margin-bottom:16px}@keyframes ClientDashboard-spin{to{transform:rotate(360deg)}}.ClientDashboard-error-icon{font-size:48px;margin-bottom:16px}.ClientDashboard-dashboard-error .ClientDashboard-btn{margin:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.ClientDashboard-dashboard-error .ClientDashboard-btn--primary{background:#fff;color:#667eea}.ClientDashboard-dashboard-error .ClientDashboard-btn--outlined{background:transparent;border:1px solid white;color:#fff}.ClientDashboard-error-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;justify-content:center}.ClientDashboard-info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;margin-bottom:24px}.ClientDashboard-info-card h3{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.ClientDashboard-full-width{width:100%}.ClientDashboard-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ClientDashboard-info-item{display:flex;flex-direction:column;gap:4px}.ClientDashboard-info-item label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px;word-break:break-word}.ClientDashboard-info-item p{font-size:16px;color:#333;font-weight:500;word-break:break-word}.ClientDashboard-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ClientDashboard-team-member{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:10px;transition:all .3s}.ClientDashboard-team-member:hover{background:#f0f0f0;transform:translate(4px);box-shadow:0 4px 12px #0000000d}.ClientDashboard-member-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;flex-shrink:0}.ClientDashboard-member-info{min-width:0;flex:1}.ClientDashboard-member-info h4{font-size:16px;font-weight:600;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ClientDashboard-member-info p{font-size:13px;color:#666;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ClientDashboard-member-info small{font-size:12px;color:#999;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ClientDashboard-projects-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.ClientDashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ClientDashboard-section-header h3{font-size:18px;font-weight:600;color:#333}.ClientDashboard-services-list{display:flex;flex-direction:column;gap:16px}.ClientDashboard-service-card{background:#f8f9fa;border-radius:10px;overflow:hidden;transition:all .3s;border:1px solid transparent}.ClientDashboard-service-card.ClientDashboard-service-card--expanded{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.ClientDashboard-service-card__header{padding:16px 20px;cursor:pointer;transition:background .3s;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ClientDashboard-service-card__header:hover{background:#f0f0f0}.ClientDashboard-service-card__title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.ClientDashboard-service-icon{font-size:20px;color:#667eea;flex-shrink:0}.ClientDashboard-service-card__title h4{font-size:16px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ClientDashboard-service-arrow{font-size:18px;color:#999;transition:transform .3s;flex-shrink:0}.ClientDashboard-service-arrow.ClientDashboard-service-arrow--rotated{transform:rotate(90deg);color:#667eea}.ClientDashboard-service-card__stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ClientDashboard-stat-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border-radius:30px;font-size:13px;color:#666;box-shadow:0 2px 4px #0000000d;white-space:nowrap}.ClientDashboard-stat-badge.ClientDashboard-stat-badge--error{background:#fee;color:#f44336}.ClientDashboard-stat-icon{font-size:14px;flex-shrink:0}.ClientDashboard-text-success{color:#4caf50}.ClientDashboard-progress-circle{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ClientDashboard-progress-circle__text{font-size:12px;font-weight:600;color:#fff}.ClientDashboard-service-card__progress{padding:0 20px 16px}.ClientDashboard-progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.ClientDashboard-progress-bar__fill{height:100%;border-radius:4px;transition:width .3s}.ClientDashboard-progress-bar__fill--success{background:linear-gradient(135deg,#4caf50,#45a049)}.ClientDashboard-progress-bar__fill--primary{background:linear-gradient(135deg,#667eea,#764ba2)}.ClientDashboard-progress-bar__fill--warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.ClientDashboard-progress-bar__fill--info{background:linear-gradient(135deg,#2196f3,#1976d2)}.ClientDashboard-service-card__content{padding:20px;border-top:1px solid #e0e0e0;background:#fff}.ClientDashboard-service-card__loading{padding:40px;text-align:center}.ClientDashboard-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:ClientDashboard-spin 1s linear infinite;margin:0 auto 12px}.ClientDashboard-tasks-list{display:flex;flex-direction:column;gap:12px}.ClientDashboard-task-item{background:#f8f9fa;border-radius:8px;transition:all .3s;border:1px solid transparent}.ClientDashboard-task-item:hover{background:#f0f0f0;border-color:#667eea;transform:translate(4px)}.ClientDashboard-task-item__content{padding:16px}.ClientDashboard-task-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.ClientDashboard-task-item__name{font-size:15px;font-weight:500;color:#333;word-break:break-word}.ClientDashboard-task-item__name.ClientDashboard-task-item__name--completed{color:#2e7d32;font-weight:600}.ClientDashboard-task-item__badges{display:flex;gap:8px;flex-wrap:wrap}.ClientDashboard-completed-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#e8f5e9;color:#2e7d32;border-radius:30px;font-size:11px;font-weight:500;white-space:nowrap}.ClientDashboard-task-item__meta{display:flex;align-items:center;gap:16px;font-size:12px;color:#666;flex-wrap:wrap}.ClientDashboard-task-completed-date{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#e8f5e9;color:#2e7d32;border-radius:30px;font-size:11px;white-space:nowrap}.ClientDashboard-meta-icon{font-size:12px;flex-shrink:0}.ClientDashboard-empty-tasks{text-align:center;padding:40px 20px;color:#999;font-size:14px;background:#f8f9fa;border-radius:8px}.ClientDashboard-empty-tasks svg{margin-bottom:12px;opacity:.5}.ClientDashboard-empty-subtext{font-size:12px;color:#999;margin-top:8px;word-break:break-word}.ClientDashboard-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.ClientDashboard-empty-icon{font-size:60px;color:#ccc;margin-bottom:16px}.ClientDashboard-empty-state h4{font-size:18px;font-weight:600;color:#333;margin-bottom:8px;word-break:break-word}.ClientDashboard-empty-state p{font-size:14px;color:#666;word-break:break-word}.ClientDashboard-status-badge{display:inline-block;padding:6px 14px;border-radius:30px;font-size:13px;font-weight:500;white-space:nowrap}.ClientDashboard-status-badge--success{background:#e8f5e9;color:#4caf50}.ClientDashboard-status-badge--warning{background:#fff3e0;color:#ff9800}.ClientDashboard-status-badge--error{background:#fee;color:#f44336}.ClientDashboard-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.ClientDashboard-btn.ClientDashboard-btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ClientDashboard-btn.ClientDashboard-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.ClientDashboard-btn.ClientDashboard-btn--outlined{background:transparent;border:1px solid #667eea;color:#667eea}.ClientDashboard-btn.ClientDashboard-btn--outlined:hover:not(:disabled){background:#667eea;color:#fff}@media(max-width:480px){.ClientDashboard-client-dashboard{padding:12px}.ClientDashboard-info-card{padding:16px}.ClientDashboard-info-card h3{font-size:16px;margin-bottom:16px}.ClientDashboard-info-grid{grid-template-columns:1fr;gap:12px}.ClientDashboard-info-item p{font-size:14px}.ClientDashboard-team-grid{grid-template-columns:1fr;gap:12px}.ClientDashboard-team-member{padding:12px}.ClientDashboard-member-avatar{width:40px;height:40px;font-size:16px}.ClientDashboard-member-info h4{font-size:14px}.ClientDashboard-member-info p{font-size:12px}.ClientDashboard-projects-section{padding:16px}.ClientDashboard-section-header{flex-direction:column;align-items:flex-start;gap:12px}.ClientDashboard-section-header h3{font-size:16px}.ClientDashboard-service-card__header{flex-direction:column;align-items:flex-start;padding:12px 16px}.ClientDashboard-service-card__title{width:100%}.ClientDashboard-service-card__title h4{font-size:14px}.ClientDashboard-service-card__stats{width:100%;justify-content:space-between;gap:8px}.ClientDashboard-stat-badge{padding:4px 8px;font-size:11px;white-space:normal;word-break:break-word}.ClientDashboard-progress-circle{width:32px;height:32px}.ClientDashboard-progress-circle__text{font-size:10px}.ClientDashboard-service-card__content{padding:16px}.ClientDashboard-task-item__content{padding:12px}.ClientDashboard-task-item__header{flex-direction:column;align-items:flex-start;gap:8px}.ClientDashboard-task-item__name{font-size:14px;width:100%}.ClientDashboard-task-item__badges{width:100%;flex-wrap:wrap;gap:6px}.ClientDashboard-completed-badge{padding:3px 8px;font-size:10px;white-space:normal;word-break:break-word}.ClientDashboard-task-item__meta{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.ClientDashboard-task-completed-date{width:100%;justify-content:center;white-space:normal;word-break:break-word;text-align:center}.ClientDashboard-empty-state{padding:40px 16px}.ClientDashboard-empty-icon{font-size:48px}.ClientDashboard-empty-state h4{font-size:16px}.ClientDashboard-empty-state p{font-size:13px}.ClientDashboard-empty-tasks{padding:30px 16px;font-size:13px}}@media(min-width:481px)and (max-width:767px){.ClientDashboard-client-dashboard{padding:16px}.ClientDashboard-info-grid,.ClientDashboard-team-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ClientDashboard-service-card__header{flex-wrap:wrap}.ClientDashboard-service-card__stats{width:100%;justify-content:flex-start}.ClientDashboard-task-item__header,.ClientDashboard-task-item__badges,.ClientDashboard-task-item__meta{flex-wrap:wrap}}@media(min-width:768px)and (max-width:1024px){.ClientDashboard-client-dashboard{padding:20px}.ClientDashboard-info-grid,.ClientDashboard-team-grid{grid-template-columns:repeat(2,1fr);gap:16px}.ClientDashboard-service-card__header{padding:14px 18px}.ClientDashboard-service-card__stats{gap:10px}.ClientDashboard-task-item__meta{gap:12px}}@media(min-width:1025px)and (max-width:1280px){.ClientDashboard-client-dashboard{padding:24px}.ClientDashboard-info-grid,.ClientDashboard-team-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1281px){.ClientDashboard-client-dashboard{max-width:1600px;margin:0 auto}.ClientDashboard-info-grid{grid-template-columns:repeat(3,1fr)}.ClientDashboard-team-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-color-scheme:dark){.ClientDashboard-client-dashboard{background:#1a1a1a}.ClientDashboard-info-card,.ClientDashboard-projects-section{background:#2d2d2d}.ClientDashboard-info-card h3,.ClientDashboard-projects-section h3,.ClientDashboard-service-card__title h4,.ClientDashboard-task-item__name,.ClientDashboard-member-info h4{color:#fff}.ClientDashboard-info-item label,.ClientDashboard-task-item__meta,.ClientDashboard-member-info p,.ClientDashboard-member-info small{color:#999}.ClientDashboard-service-card,.ClientDashboard-team-member,.ClientDashboard-stat-badge,.ClientDashboard-task-item,.ClientDashboard-empty-tasks{background:#3d3d3d}.ClientDashboard-service-card__header:hover,.ClientDashboard-team-member:hover,.ClientDashboard-task-item:hover,.ClientDashboard-progress-bar{background:#4d4d4d}.ClientDashboard-info-item p{color:#fff}.ClientDashboard-empty-state{background:#2d2d2d}.ClientDashboard-empty-icon{color:#666}.ClientDashboard-empty-state h4{color:#fff}.ClientDashboard-empty-state p{color:#999}}:root{--primary-blue: #2563eb;--primary-dark-blue: #1d4ed8;--secondary-blue: #3b82f6;--accent-blue: #60a5fa;--light-blue: #eff6ff;--blue-50: #f0f9ff;--blue-100: #e0f2fe;--blue-200: #bae6fd;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--info: #3b82f6;--info-light: #dbeafe;--error: #ef4444;--error-light: #fee2e2;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-xl: 18px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}.Alerts-container{min-height:100vh;background-color:var(--gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--gray-700)}.Alerts-icon{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center}.Alerts-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.Alerts-loading-text{font-size:16px;color:var(--gray-600);font-weight:500}.Alerts-gradient-header{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);padding:32px 40px;color:#fff;box-shadow:var(--shadow-md);border-radius:20px;position:relative;overflow:hidden}.Alerts-gradient-header:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:50%;transform:translate(30%,-30%)}.Alerts-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.Alerts-header-text{flex:1}.Alerts-title{font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.Alerts-subtitle{font-size:16px;opacity:.9;margin:0;font-weight:400}.Alerts-header-actions{display:flex;gap:16px;align-items:center}.Alerts-button{padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;letter-spacing:.3px}.Alerts-button-primary{background:#fff;color:var(--primary-blue);border-color:#fff;box-shadow:var(--shadow-md)}.Alerts-button-primary:hover{background:var(--gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.Alerts-button-outline{background:transparent;color:#fff;border-color:#ffffff4d}.Alerts-button-outline:hover{background:#ffffff1a;border-color:#fff}.Alerts-icon-button{width:40px;height:40px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:var(--transition)}.Alerts-icon-button:hover{background:#fff3;transform:translateY(-1px)}.Alerts-refresh-button{position:relative}.Alerts-refreshing{animation:spin 1s linear infinite}.Alerts-stats-filters{padding:32px 40px;background:#fff;margin:20px 40px 0;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);position:relative;z-index:1}.Alerts-search-container{margin-bottom:32px}.Alerts-search-field{position:relative;max-width:500px}.Alerts-search-field .Alerts-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:18px}.Alerts-search-input{width:100%;padding:14px 20px 14px 48px;border:1px solid var(--gray-300);border-radius:var(--border-radius-lg);font-size:15px;transition:var(--transition);background:#fff}.Alerts-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.Alerts-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:18px;padding:4px}.Alerts-search-clear:hover{color:var(--gray-600)}.Alerts-view-mode-container{margin-bottom:32px}.Alerts-view-mode-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:20px}.Alerts-view-mode-label{font-size:14px;font-weight:600;color:var(--gray-600);margin-bottom:12px;display:block}.Alerts-toggle-button-group{display:flex;gap:8px;flex-wrap:wrap}.Alerts-toggle-button{padding:10px 20px;border:1px solid var(--gray-300);background:#fff;border-radius:var(--border-radius-md);font-weight:500;font-size:14px;color:var(--gray-600);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.Alerts-toggle-button:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.Alerts-toggle-button-active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.Alerts-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.Alerts-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:24px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;border-top:4px solid}.Alerts-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.Alerts-stat-card-active{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.Alerts-stat-content{display:flex;justify-content:space-between;align-items:center}.Alerts-stat-text{flex:1}.Alerts-stat-label{font-size:14px;font-weight:500;color:var(--gray-600);display:block;margin-bottom:4px}.Alerts-stat-value{font-size:32px;font-weight:700;color:var(--gray-800);margin:0;line-height:1}.Alerts-list-container{padding:40px;margin-top:20px}.Alerts-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.Alerts-list-title{font-size:24px;font-weight:700;color:var(--gray-800);margin:0 0 4px}.Alerts-list-subtitle{font-size:14px;color:var(--gray-600);margin:0}.Alerts-list{display:flex;flex-direction:column;gap:16px}.Alerts-alert-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:0;transition:var(--transition);position:relative;overflow:hidden;border-left:4px solid}.Alerts-alert-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.Alerts-alert-unread{background:var(--light-blue);border-left-width:6px;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #2563eb1a}50%{box-shadow:0 0 0 4px #2563eb1a}}.Alerts-alert-content{padding:24px}.Alerts-alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.Alerts-alert-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;flex:1}.Alerts-alert-date{font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:4px}.Alerts-alert-actions{display:flex;gap:8px;flex-shrink:0}.Alerts-alert-message{font-size:15px;line-height:1.6;color:var(--gray-700);margin:0 0 16px}.Alerts-alert-message-unread{font-weight:500;color:var(--gray-800)}.Alerts-alert-details{margin-top:16px}.Alerts-divider{height:1px;background:var(--gray-200);margin:16px 0}.Alerts-assignments{display:flex;flex-direction:column;gap:12px}.Alerts-assignments-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500)}.Alerts-assignments-list{display:flex;flex-wrap:wrap;gap:8px}.Alerts-badge{position:relative;display:inline-flex;vertical-align:middle}.Alerts-badge-content{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.Alerts-badge-error{background:var(--error)}.Alerts-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;line-height:1;border:1px solid transparent;white-space:nowrap}.Alerts-chip-small{padding:4px 10px;font-size:12px}.Alerts-chip-outlined{background:transparent;border:1px solid}.Alerts-chip-icon{font-size:12px}.Alerts-chip-delete{background:none;border:none;padding:0;margin-left:4px;color:inherit;opacity:.7;cursor:pointer;font-size:16px;line-height:1}.Alerts-chip-delete:hover{opacity:1}.Alerts-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.Alerts-avatar-small{width:32px;height:32px;font-size:14px}.Alerts-tooltip{position:relative;display:inline-block}.Alerts-tooltip-text{visibility:hidden;position:absolute;z-index:1000;bottom:125%;left:49%;transform:translate(-50%);background:var(--gray-800);color:#fff;padding:4px 7px;border-radius:var(--border-radius-sm);font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s}.Alerts-tooltip:hover .Alerts-tooltip-text{visibility:visible;opacity:1;font-size:9px}.Alerts-circular-progress{position:relative;display:inline-block}.Alerts-circular-progress-inner{position:absolute;inset:0;border:3px solid var(--gray-200);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.Alerts-linear-progress{height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden}.Alerts-linear-progress-bar{height:100%;background:var(--primary-blue);transition:width .3s}.Alerts-checkbox{display:inline-flex;align-items:center;cursor:pointer}.Alerts-checkbox-input{position:absolute;opacity:0;width:0;height:0}.Alerts-checkbox-checkmark{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:4px;position:relative;transition:var(--transition)}.Alerts-checkbox-input:checked+.Alerts-checkbox-checkmark{background:var(--primary-blue);border-color:var(--primary-blue)}.Alerts-checkbox-input:checked+.Alerts-checkbox-checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.Alerts-empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:var(--border-radius-lg);border:2px dashed var(--gray-300);color:var(--gray-500)}.Alerts-empty-state .Alerts-icon{font-size:48px;margin-bottom:20px;opacity:.5}.Alerts-empty-state h3{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--gray-600)}.Alerts-empty-state p{font-size:15px;max-width:300px;margin:0 auto}.Alerts-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.Alerts-modal-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.Alerts-modal-content{position:relative;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.Alerts-modal-header{padding:24px 32px;border-bottom:1px solid var(--gray-200)}.Alerts-modal-header-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:#fff}.Alerts-modal-title h2{font-size:24px;font-weight:700;margin:0 0 4px}.Alerts-modal-title p{font-size:14px;opacity:.9;margin:0}.Alerts-modal-body{padding:32px;overflow-y:auto;flex:1}.Alerts-modal-footer{padding:20px 32px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:12px;background:var(--gray-50)}.Alerts-form{display:flex;flex-direction:column;gap:24px}.Alerts-form-group{display:flex;flex-direction:column;gap:8px}.Alerts-form-group label{font-size:14px;font-weight:600;color:var(--gray-700)}.Alerts-select,.Alerts-textarea{padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:15px;transition:var(--transition);background:#fff;font-family:inherit}.Alerts-select:focus,.Alerts-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.Alerts-textarea{resize:vertical;min-height:100px}.Alerts-assign-section{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:24px}.Alerts-assign-title{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 4px;display:flex;align-items:center;gap:8px}.Alerts-assign-subtitle{font-size:14px;color:var(--gray-600);margin:0 0 20px}.Alerts-selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.Alerts-users-list,.Alerts-groups-list{max-height:300px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius-md);background:#fff}.Alerts-user-item,.Alerts-group-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:var(--transition)}.Alerts-user-item:hover,.Alerts-group-item:hover{background:var(--gray-50)}.Alerts-user-item-selected,.Alerts-group-item-selected{background:var(--light-blue);border-left:3px solid var(--primary-blue)}.Alerts-user-info,.Alerts-group-info{flex:1}.Alerts-user-name,.Alerts-group-name{font-weight:600;color:var(--gray-800);margin:0 0 2px;font-size:14px}.Alerts-user-details,.Alerts-group-description{font-size:13px;color:var(--gray-500);margin:0}.Alerts-empty-list{padding:32px;text-align:center;color:var(--gray-500);font-style:italic}.Alerts-notification{position:fixed;bottom:32px;right:32px;z-index:1000;animation:slideIn .3s ease-out}.Alerts-notification-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;min-width:320px;animation:fadeIn .3s}.Alerts-notification-content{display:flex;align-items:center;gap:16px;padding:20px;color:#fff}.Alerts-notification-content .Alerts-icon{font-size:24px}.Alerts-notification-title{font-size:16px;font-weight:700;margin:0 0 4px}.Alerts-notification-message{font-size:14px;margin:0;opacity:.9}.Alerts-notification-close{margin-left:auto;background:none;border:none;color:#fff;cursor:pointer;font-size:18px;opacity:.7;padding:4px}.Alerts-notification-close:hover{opacity:1}@media(max-width:1024px){.Alerts-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.Alerts-gradient-header,.Alerts-stats-filters,.Alerts-list-container{padding:24px;margin:0}.Alerts-stats-filters{border-radius:0;box-shadow:none}.Alerts-header-content{flex-direction:column;align-items:stretch;gap:20px}.Alerts-header-actions{justify-content:flex-end}.Alerts-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.Alerts-avatar{width:40px;height:40px;font-size:16px;margin-right:-10px}.Alerts-icon{font-size:1rem}.Alerts-stat-label{font-size:11px}.Alerts-list-header{flex-direction:column;align-items:stretch}.Alerts-modal-content{width:95%;max-height:95vh}.Alerts-modal-body{padding:24px}}@media(max-width:480px){.Alerts-title{font-size:28px}.Alerts-stat-card{padding:20px}.Alerts-stat-value{font-size:28px}.Alerts-toggle-button-group{flex-direction:column}.Alerts-alert-header{flex-direction:column;align-items:stretch;gap:12px}.Alerts-alert-actions{justify-content:flex-end}}@media print{.Alerts-container{background:#fff}.Alerts-gradient-header,.Alerts-stats-filters,.Alerts-alert-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.Alerts-button,.Alerts-icon-button,.Alerts-modal{display:none}.Alerts-alert-card{margin-bottom:20px}}.Alerts-creator-info{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:4px 8px;background:linear-gradient(135deg,#667eea10,#764ba210);border-radius:20px;width:fit-content}.Alerts-creator-name{font-size:13px;color:#667eea}.Alerts-creator-name strong{font-weight:600;color:#4a5568;margin-right:4px}:root{--primary-blue: #3b82f6;--secondary-blue: #2563eb;--primary-dark-blue: #1d4ed8;--accent-blue: #dbeafe;--success: #10b981;--success-light: #34d399;--success-bg: #d1fae5;--error: #ef4444;--error-light: #f87171;--error-bg: #fee2e2;--warning: #f59e0b;--warning-light: #fbbf24;--warning-bg: #fef3c7;--info: #3b82f6;--info-light: #60a5fa;--info-bg: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--transition: all .3s ease;--transition-fast: all .15s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.Attendance-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.Attendance-join-info{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.85rem;color:var(--gray-600);background:#3b82f614;padding:6px 12px;border-radius:20px;width:fit-content}.Attendance-join-info svg{color:var(--primary-blue)}.Attendance-calendar-note{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:var(--gray-100);border-radius:6px;font-size:.8rem;color:var(--gray-700);border-left:3px solid var(--primary-blue)}.Attendance-calendar-note svg{color:var(--primary-blue)}.Attendance-filter-join-info{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background:var(--gray-100);border-radius:8px;font-size:.85rem;color:var(--gray-700);border-left:3px solid var(--gray-500)}.Attendance-filter-join-info svg{color:var(--gray-500)}.Attendance-join-banner{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:16px 20px;border-radius:12px;margin:20px 0}.Attendance-join-banner-content{display:flex;align-items:center;gap:16px}.Attendance-join-banner-content h3{margin:0 0 4px;font-size:1.1rem}.Attendance-join-banner-content p{margin:0;font-size:.9rem;opacity:.9}.Attendance-range-info{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#e8f5e9;border-radius:20px;font-size:.85rem;color:#2e7d32}.Attendance-range-info svg{color:#2e7d32}.Attendance-header{background:#fff;border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-md);margin-bottom:24px;position:relative}.Attendance-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.Attendance-header-text{flex:1;min-width:300px}.Attendance-title{font-size:32px;font-weight:700;color:var(--gray-900);margin:0 0 8px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.Attendance-subtitle{color:var(--gray-600);font-size:16px;margin:0;font-weight:400}.Attendance-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.Attendance-search-container{position:relative;min-width:300px}.Attendance-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--gray-200);border-radius:50px;font-size:14px;transition:var(--transition);background:var(--gray-50);color:var(--gray-800)}.Attendance-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue);background:#fff}.Attendance-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:18px}.Attendance-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);border-radius:50%}.Attendance-clear-search:hover{color:var(--gray-700);background:var(--gray-200)}.Attendance-icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:var(--transition);font-size:18px}.Attendance-icon-button:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.Attendance-icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.Attendance-spin{animation:spin 1s linear infinite}.Attendance-export-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border:none;border-radius:50px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.Attendance-export-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue))}.Attendance-export-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.Attendance-calendar-popover{position:absolute;top:45%;right:290px;margin-top:8px;background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:100;padding:16px;border:1px solid var(--gray-200)}.Attendance-date-picker{padding:8px 12px;border:2px solid var(--gray-200);border-radius:var(--border-radius-md);font-size:14px;color:var(--gray-800);transition:var(--transition)}.Attendance-date-picker:focus{outline:none;border-color:var(--primary-blue)}.Attendance-filter-menu{position:absolute;top:48%;right:237px;background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:200px;overflow:hidden;border:1px solid var(--gray-200)}.Attendance-filter-menu-item{display:block;width:100%;padding:12px 16px;text-align:left;border:none;background:none;color:var(--gray-700);cursor:pointer;transition:var(--transition-fast);font-size:14px;font-weight:500}.Attendance-filter-menu-item:hover{background:var(--gray-50);color:var(--primary-blue)}.Attendance-filter-menu-item.Attendance-active{background:var(--accent-blue);color:var(--primary-blue);font-weight:600}.Attendance-time-range-tabs{display:flex;gap:8px;flex-wrap:wrap}.Attendance-time-tab{padding:8px 16px;border:2px solid var(--gray-200);background:#fff;border-radius:50px;color:var(--gray-700);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.Attendance-time-tab:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--accent-blue)}.Attendance-time-tab.Attendance-active{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-sm)}.Attendance-filter-drawer-content{background:#fff;width:100%;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:24px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.Attendance-filter-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--gray-200)}.Attendance-filter-drawer-header h3{margin:0;color:var(--gray-900);font-size:20px}.Attendance-close-filter{background:none;border:none;font-size:24px;color:var(--gray-600);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.Attendance-close-filter:hover{background:var(--gray-200);color:var(--gray-800)}.Attendance-filter-options h4{margin:0 0 16px;color:var(--gray-700);font-size:16px;font-weight:600}.Attendance-filter-option{display:block;width:100%;padding:12px 16px;margin-bottom:8px;text-align:left;border:2px solid var(--gray-200);background:#fff;border-radius:var(--border-radius-md);color:var(--gray-700);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.Attendance-filter-option:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--accent-blue)}.Attendance-filter-option.Attendance-active{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-sm)}.Attendance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.Attendance-stat-card{background:#fff;border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden}.Attendance-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-blue)}.Attendance-stat-card.Attendance-active{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue)}.Attendance-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue))}.Attendance-stat-card-content{display:flex;align-items:center;gap:16px}.Attendance-stat-icon-container{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--gray-100)}.Attendance-stat-icon{font-size:24px}.Attendance-stat-icon.Attendance-success{color:var(--success)}.Attendance-stat-icon.Attendance-error{color:var(--error)}.Attendance-stat-icon.Attendance-warning{color:var(--warning)}.Attendance-stat-icon.Attendance-info{color:var(--info)}.Attendance-stat-details{flex:1}.Attendance-stat-label{margin:0 0 8px;color:var(--gray-600);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.Attendance-stat-value-container{display:flex;align-items:baseline;gap:8px}.Attendance-stat-value{margin:0;color:var(--gray-900);font-size:32px;font-weight:700;line-height:1}.Attendance-stat-extra{font-size:14px;font-weight:600;color:var(--success);background:var(--success-bg);padding:4px 8px;border-radius:var(--border-radius-full)}.Attendance-active-filters{background:#fff;border-radius:var(--border-radius-md);padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;flex-wrap:wrap;gap:12px}.Attendance-active-filters h4{margin:0;color:var(--gray-700);font-size:14px;font-weight:600;white-space:nowrap}.Attendance-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.Attendance-filter-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--accent-blue);color:var(--primary-blue);border-radius:var(--border-radius-full);font-size:14px;font-weight:500}.Attendance-filter-chip.Attendance-secondary{background:var(--gray-100);color:var(--gray-700)}.Attendance-filter-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:var(--transition-fast)}.Attendance-filter-chip button:hover{background:#0000001a}.Attendance-results-count{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.Attendance-results-count h3{margin:0;color:var(--gray-700);font-size:16px;font-weight:600}.Attendance-late-info{display:flex;align-items:center;gap:8px;color:var(--warning);font-size:14px}.Attendance-late-info-icon{font-size:16px}.Attendance-table-container{background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:24px;overflow-x:auto}.Attendance-table{width:100%}.Attendance-table thead{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue))}.Attendance-table th{padding:16px 20px;text-align:left;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:none}.Attendance-table tbody tr{border-bottom:1px solid var(--gray-200);transition:var(--transition-fast);cursor:pointer}.Attendance-table tbody tr:hover{background:var(--gray-50)}.Attendance-table tbody tr:last-child{border-bottom:none}.Attendance-table td{padding:16px 20px;color:var(--gray-800);font-size:14px}.Attendance-table-row strong{color:var(--gray-900);font-weight:600}.Attendance-time-cell{display:flex;align-items:center;gap:8px;color:var(--gray-700)}.Attendance-time-cell svg{color:var(--gray-500);font-size:16px}.Attendance-status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.Attendance-status-present{background:var(--success-bg);color:var(--success)}.Attendance-status-late{background:var(--warning-bg);color:var(--warning)}.Attendance-status-absent{background:var(--error-bg);color:var(--error)}.Attendance-status-half-day{background:var(--warning-bg);color:var(--warning)}.Attendance-status-holiday{background:#f3e5f5;color:#7b1fa2}.Attendance-status-holiday-present{background:linear-gradient(135deg,#f3e5f5,#e8f5e9);color:#4a148c}.Attendance-status-icon{font-size:14px}.holiday-icon{color:#7b1fa2}.Attendance-status-icon-wrapper{display:flex;align-items:center;gap:2px}.Attendance-late-badge{background-color:#fff3e0;color:#e65100;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid var(--warning)}.Attendance-no-late{color:var(--gray-400);font-size:14px}.Attendance-total-time{color:var(--gray-900);font-size:16px;font-weight:600}.Attendance-view-details-button{background:var(--primary-blue);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:16px}.Attendance-view-details-button:hover{background:var(--primary-dark-blue);transform:none;box-shadow:var(--shadow-sm)}.Attendance-holiday-title-tooltip{font-size:11px;color:#7b1fa2;margin-top:2px;opacity:.8}.Attendance-holiday-summary{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-radius:12px;margin:16px 0;color:#4a148c;font-weight:500}.Attendance-holiday-summary-icon{font-size:20px;color:#7b1fa2}.Attendance-no-data-cell,.Attendance-no-data-card{text-align:center;padding:48px 24px}.Attendance-no-data-cell{color:var(--gray-500)}.Attendance-no-data-card{background:#fff;border-radius:var(--border-radius-lg);padding:48px 24px;box-shadow:var(--shadow-sm)}.Attendance-no-data-icon{font-size:48px;color:var(--gray-400);margin-bottom:16px}.Attendance-no-data-cell h3,.Attendance-no-data-card h3{color:var(--gray-600);margin:0 0 8px;font-size:20px}.Attendance-no-data-cell p,.Attendance-no-data-card p{color:var(--gray-500);margin:0;font-size:14px}.Attendance-mobile-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.Attendance-mobile-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);cursor:pointer;border-left:4px solid var(--gray-300)}.Attendance-mobile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.Attendance-mobile-card.Attendance-status-present{border-left-color:var(--success)}.Attendance-mobile-card.Attendance-status-late{border-left-color:var(--warning)}.Attendance-mobile-card.Attendance-status-absent{border-left-color:var(--error)}.Attendance-mobile-card.Attendance-status-half-day{border-left-color:var(--warning)}.Attendance-mobile-card.Attendance-status-holiday{border-left-color:#7b1fa2}.Attendance-mobile-card-content{padding:20px}.Attendance-mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.Attendance-mobile-card-header h3{margin:0;color:var(--gray-900);font-size:16px;font-weight:600}.Attendance-card-arrow{color:var(--gray-500);font-size:20px;transition:var(--transition-fast)}.Attendance-mobile-card:hover .Attendance-card-arrow{transform:translate(4px);color:var(--primary-blue)}.Attendance-mobile-card-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.Attendance-time-item{display:flex;align-items:center;gap:8px;color:var(--gray-700);font-size:14px}.Attendance-time-item svg{color:var(--gray-500);font-size:14px}.Attendance-mobile-card-footer{display:flex;justify-content:space-between;align-items:center}.Attendance-mobile-status-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--border-radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.Attendance-mobile-late{display:flex;align-items:center;gap:4px;color:#e65100;font-size:12px;background-color:#ff98001a;padding:2px 6px;border-radius:4px;border:1px solid var(--warning)}.Attendance-mobile-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.Attendance-mobile-total-time{color:var(--gray-900);font-size:14px;font-weight:600}.Attendance-mobile-holiday-badge{font-size:16px;margin-left:auto;margin-right:8px}.Attendance-mobile-holiday-title{font-size:12px;color:#7b1fa2;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(156,39,176,.3);font-weight:500}.Attendance-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.Attendance-modal-content{background:#fff;border-radius:var(--border-radius-lg);padding:0;max-width:450px;width:100%;max-height:85vh;overflow-y:auto;animation:modalSlideUp .3s ease-out;box-shadow:var(--shadow-xl)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.Attendance-modal-header{padding:24px 24px 20px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;text-align:center;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.Attendance-modal-header h2{margin:0 0 8px;font-size:24px;font-weight:700}.Attendance-modal-header h3{margin:0;font-size:16px;font-weight:500;opacity:.9}.Attendance-modal-holiday-badge{display:inline-block;padding:4px 12px;background:#fff3;border-radius:20px;font-size:14px;margin-top:8px;color:#fff;font-weight:500}.Attendance-modal-body{padding:24px}.Attendance-modal-section{margin-bottom:20px}.Attendance-modal-section h4{margin:0 0 8px;color:var(--gray-600);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.Attendance-modal-status-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.Attendance-modal-divider{height:1px;background:var(--gray-200);margin:20px 0}.Attendance-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.Attendance-modal-grid-item{display:flex;flex-direction:column;gap:4px}.Attendance-modal-grid-item h4{margin:0;color:var(--gray-600);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.Attendance-modal-time{margin:0;color:var(--gray-900);font-size:20px;font-weight:600}.Attendance-modal-duration,.Attendance-modal-late,.Attendance-modal-early-leave,.Attendance-modal-overtime{margin:0;color:var(--primary-blue);font-size:20px;font-weight:600}.Attendance-modal-close-button{display:block;width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border:none;border-radius:var(--border-radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:24px}.Attendance-modal-close-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue))}@media(max-width:768px){.Attendance-container{padding:16px}.Attendance-header{padding:20px}.Attendance-header-content{flex-direction:column;align-items:stretch}.Attendance-header-actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.Attendance-search-container{min-width:200px;flex:1;display:none}.Attendance-icon-button{width:40px;height:40px;min-width:40px;font-size:16px}.Attendance-export-button{white-space:nowrap;padding:10px 16px;font-size:13px}.Attendance-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.Attendance-stat-card{padding:16px}.Attendance-stat-icon-container{width:48px;height:48px}.Attendance-stat-icon{font-size:20px}.Attendance-stat-label{font-size:12px}.Attendance-stat-value{font-size:24px}.Attendance-calendar-popover{right:20px;left:20px;top:68%}.Attendance-filter-menu{right:20px;left:20px}.Attendance-time-range-tabs{justify-content:center}.Attendance-time-tab{flex:1;text-align:center;font-size:12px;padding:8px 12px}}@media(max-width:480px){.Attendance-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.Attendance-stat-card{padding:12px 8px}.Attendance-stat-card-content{flex-direction:column;text-align:center;gap:8px}.Attendance-stat-icon-container{width:40px;height:40px;min-width:40px;margin:0 auto}.Attendance-stat-icon{font-size:18px}.Attendance-stat-label{font-size:10px;margin-bottom:4px}.Attendance-stat-value-container{justify-content:center}.Attendance-stat-value{font-size:20px}.Attendance-stat-extra{font-size:10px;padding:2px 6px}.Attendance-header-actions{gap:6px}.Attendance-icon-button{width:36px;height:36px;min-width:36px;font-size:14px}.Attendance-export-button{padding:8px 12px;font-size:12px}.Attendance-export-button svg{font-size:14px}.Attendance-title{font-size:24px}.Attendance-subtitle{font-size:13px}.Attendance-time-tab{font-size:11px;padding:6px 8px}.Attendance-mobile-card-times{grid-template-columns:1fr;gap:8px}.Attendance-mobile-card-header h3{font-size:14px}.Attendance-mobile-status-chip{font-size:11px;padding:4px 8px}.Attendance-mobile-total-time{font-size:13px}.Attendance-modal-content{max-width:95%}.Attendance-modal-header{padding:20px 16px}.Attendance-modal-header h2{font-size:20px}.Attendance-modal-header h3{font-size:14px}.Attendance-modal-body{padding:16px}.Attendance-modal-grid{grid-template-columns:repeat(2,1fr);gap:12px}.Attendance-modal-time,.Attendance-modal-duration,.Attendance-modal-late,.Attendance-modal-early-leave,.Attendance-modal-overtime{font-size:18px}}.Attendance-table-container::-webkit-scrollbar,.Attendance-modal-content::-webkit-scrollbar{width:8px;height:8px}.Attendance-table-container::-webkit-scrollbar-track,.Attendance-modal-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.Attendance-table-container::-webkit-scrollbar-thumb,.Attendance-modal-content::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.Attendance-table-container::-webkit-scrollbar-thumb:hover,.Attendance-modal-content::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media print{.Attendance-header-actions,.Attendance-export-button,.Attendance-view-details-button,.Attendance-modal-close-button{display:none!important}.Attendance-container{background:#fff;padding:0}.Attendance-table-container{box-shadow:none;overflow:visible}.Attendance-table{min-width:auto}}.Attendance-date-range-picker{position:absolute;top:44%;right:296px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:20px;width:350px;z-index:1000;margin-top:10px;border:1px solid #eef2f6}.Attendance-date-range-picker h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 15px}.Attendance-date-range-inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.Attendance-date-input-group{display:flex;flex-direction:column;gap:5px}.Attendance-date-input-group label{font-size:13px;font-weight:500;color:#64748b}.Attendance-date-input-group input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:all .2s}.Attendance-date-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.Attendance-date-input-group input:disabled{background-color:#f8fafc;cursor:not-allowed}.Attendance-date-range-note{display:flex;align-items:center;gap:6px;background-color:#f8fafc;padding:10px 12px;border-radius:8px;margin-bottom:15px;font-size:12px;color:#64748b}.Attendance-date-range-actions{display:flex;gap:10px}.Attendance-apply-range-btn{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.Attendance-apply-range-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.Attendance-clear-range-btn{padding:12px 20px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.Attendance-clear-range-btn:hover{background:#f8fafc;border-color:#cbd5e1}.Attendance-filter-chip.Attendance-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.Attendance-filter-chip.Attendance-primary button{color:#fff}.Attendance-filter-chip.Attendance-primary button:hover{background:#fff3}.Attendance-icon-button.Attendance-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(max-width:768px){.Attendance-date-range-picker{position:absolute;top:145%;left:51%;transform:translate(-50%,-50%);width:86%;max-width:350px;margin:0}}.MyAssets-container{min-height:100vh;background:linear-gradient(135deg,#f8f9ff,#eef1ff);padding:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.MyAssets-header{background:#fff;border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-md);margin-bottom:24px}.MyAssets-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.MyAssets-header-text{flex:1;min-width:300px}.MyAssets-title{font-size:32px;font-weight:700;color:var(--gray-900);margin:0 0 8px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.MyAssets-subtitle{color:var(--gray-600);font-size:16px;margin:0;font-weight:400}.MyAssets-header-actions{display:flex;align-items:center;gap:12px}.MyAssets-icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer;transition:var(--transition);font-size:18px}.MyAssets-icon-button:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.MyAssets-icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.MyAssets-spin{animation:spin 1s linear infinite}.MyAssets-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.MyAssets-stat-card{background:#fff;border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden}.MyAssets-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-blue)}.MyAssets-stat-card.MyAssets-active{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue)}.MyAssets-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.MyAssets-stat-card.MyAssets-primary:before{background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue))}.MyAssets-stat-card.MyAssets-success:before{background:linear-gradient(90deg,var(--success),var(--success-light))}.MyAssets-stat-card.MyAssets-warning:before{background:linear-gradient(90deg,var(--warning),var(--warning-light))}.MyAssets-stat-card.MyAssets-error:before{background:linear-gradient(90deg,var(--error),var(--error-light))}.MyAssets-stat-card-content{display:flex;align-items:center;gap:16px}.MyAssets-stat-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--border-radius-full);transition:var(--transition)}.MyAssets-stat-avatar.MyAssets-primary{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff}.MyAssets-stat-avatar.MyAssets-success{background:linear-gradient(135deg,var(--success),var(--success-light));color:#fff}.MyAssets-stat-avatar.MyAssets-warning{background:linear-gradient(135deg,var(--warning),var(--warning-light));color:#fff}.MyAssets-stat-avatar.MyAssets-error{background:linear-gradient(135deg,var(--error),var(--error-light));color:#fff}.MyAssets-stat-icon{font-size:24px}.MyAssets-stat-details{flex:1}.MyAssets-stat-label{margin:0 0 8px;color:var(--gray-600);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.MyAssets-stat-value-container{display:flex;align-items:baseline;gap:8px}.MyAssets-stat-value{margin:0;color:var(--gray-900);font-size:32px;font-weight:700;line-height:1}.MyAssets-stat-extra{color:var(--success);font-size:14px;font-weight:600;background:var(--success-bg);padding:4px 8px;border-radius:var(--border-radius-full)}.MyAssets-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px}@media(max-width:768px){.MyAssets-action-grid{grid-template-columns:1fr}.MyAssets-icon-button{display:none}}.MyAssets-request-card,.MyAssets-properties-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition)}.MyAssets-request-card:hover,.MyAssets-properties-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.MyAssets-card-content{padding:32px}.MyAssets-card-header{margin-bottom:24px}.MyAssets-card-title{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 8px;display:flex;align-items:center;gap:10px}.MyAssets-card-subtitle{color:var(--gray-600);font-size:12px;margin:0;line-height:1.5}.MyAssets-form-section{display:flex;flex-direction:column;gap:20px}.MyAssets-asset-select{padding:16px;border:2px solid var(--gray-200);border-radius:var(--border-radius-md);font-size:16px;color:var(--gray-800);background:#fff;transition:var(--transition);cursor:pointer;font-weight:500;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px}.MyAssets-asset-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue)}.MyAssets-submit-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border:none;border-radius:var(--border-radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.MyAssets-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue))}.MyAssets-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.MyAssets-button-icon{font-size:18px}.MyAssets-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.MyAssets-properties-list{display:flex;flex-direction:column;gap:12px}.MyAssets-property-item{background:var(--gray-50);border-radius:var(--border-radius-md);padding:16px;transition:var(--transition-fast);border:1px solid transparent}.MyAssets-property-item:hover{background:var(--gray-100);border-color:var(--accent-blue);transform:translate(4px)}.MyAssets-property-content{display:flex;align-items:center;gap:16px}.MyAssets-property-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;font-size:20px}.MyAssets-property-details{flex:1}.MyAssets-property-details h4{margin:0 0 4px;color:var(--gray-900);font-size:16px;font-weight:600}.MyAssets-property-details p{margin:0;color:var(--gray-600);font-size:14px}.MyAssets-property-status{padding:6px 12px;border-radius:var(--border-radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.MyAssets-status-approved{background:var(--success-bg);color:var(--success);border:1px solid var(--success);margin-left:-16px}.MyAssets-no-properties{text-align:center;padding:40px 20px;color:var(--gray-500)}.MyAssets-no-properties-icon{font-size:48px;margin-bottom:16px;color:var(--gray-400);opacity:.5;display:inline}.MyAssets-no-properties h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--gray-600)}.MyAssets-no-properties p{margin:0;font-size:14px}.MyAssets-requests-section{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.MyAssets-requests-header{padding:32px 32px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.MyAssets-requests-title-section h2{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 8px;display:flex;align-items:center;gap:10px}.MyAssets-requests-title-section p{color:var(--gray-600);font-size:13px;margin:0}.MyAssets-requests-actions{display:flex;align-items:center;gap:12px}.MyAssets-search-container{position:relative;min-width:300px}.MyAssets-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--gray-200);border-radius:50px;font-size:14px;transition:var(--transition);background:var(--gray-50);color:var(--gray-800)}.MyAssets-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue);background:#fff}.MyAssets-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:18px}.MyAssets-filter-tabs{display:flex;padding:20px 32px 0;border-bottom:2px solid var(--gray-200);gap:8px;overflow-x:auto}.MyAssets-filter-tab{padding:12px 24px;border:none;background:none;color:var(--gray-600);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}.MyAssets-filter-tab:hover{color:var(--primary-blue)}.MyAssets-filter-tab.MyAssets-active-tab{color:var(--primary-blue);border-bottom-color:var(--primary-blue);background:linear-gradient(135deg,var(--accent-blue),transparent)}.MyAssets-table-container{padding:0 32px 32px;overflow-x:auto}.MyAssets-table{width:100%;border-collapse:collapse;min-width:800px;margin-top:24px}.MyAssets-table thead{background:var(--gray-50)}.MyAssets-table th{padding:16px 20px;text-align:left;color:var(--gray-700);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--gray-200)}.MyAssets-table tbody tr{border-bottom:1px solid var(--gray-200);transition:var(--transition-fast)}.MyAssets-table tbody tr:hover{background:var(--gray-50)}.MyAssets-table tbody tr:last-child{border-bottom:none}.MyAssets-table td{padding:20px;color:var(--gray-800);font-size:14px;vertical-align:middle}.MyAssets-table-row strong{color:var(--gray-900);font-weight:600}.MyAssets-asset-cell{display:flex;align-items:center;gap:12px}.MyAssets-asset-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);font-size:18px}.MyAssets-asset-icon.MyAssets-primary{background:var(--accent-blue);color:var(--primary-blue)}.MyAssets-asset-icon.MyAssets-secondary{background:#f3e5f5;color:#7b1fa2}.MyAssets-asset-icon.MyAssets-info{background:var(--info-bg);color:var(--info)}.MyAssets-asset-icon.MyAssets-warning{background:var(--warning-bg);color:var(--warning)}.MyAssets-asset-icon.MyAssets-success{background:var(--success-bg);color:var(--success)}.MyAssets-asset-name{font-weight:600;color:var(--gray-900);text-transform:capitalize}.MyAssets-status-chip{display:inline-block;padding:8px 20px;border-radius:var(--border-radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.MyAssets-status-approved{background:linear-gradient(135deg,var(--success-bg),#e8f5e9);color:var(--success);border:1px solid var(--success)}.MyAssets-status-pending{background:linear-gradient(135deg,var(--warning-bg),#fff3e0);color:var(--warning);border:1px solid var(--warning)}.MyAssets-status-rejected{background:linear-gradient(135deg,var(--error-bg),#ffebee);color:var(--error);border:1px solid var(--error)}.MyAssets-no-data-cell,.MyAssets-no-data-card{text-align:center;padding:48px 24px}.MyAssets-no-data-cell{color:var(--gray-500)}.MyAssets-no-data-card{background:#fff;border-radius:var(--border-radius-lg);padding:48px 24px;box-shadow:var(--shadow-sm);margin:32px}.MyAssets-no-data-icon{font-size:48px;color:var(--gray-400);margin-bottom:16px;opacity:.5;margin-left:450px}.MyAssets-no-data-cell h3,.MyAssets-no-data-card h3{color:var(--gray-600);margin:0 0 8px;font-size:20px}.MyAssets-no-data-cell p,.MyAssets-no-data-card p{color:var(--gray-500);margin:0;font-size:14px}@media(max-width:1024px){.MyAssets-no-data-icon{margin-left:360px}}.MyAssets-mobile-cards{padding:32px;display:flex;flex-direction:column;gap:16px}.MyAssets-mobile-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);border-left:4px solid var(--gray-300)}.MyAssets-mobile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.MyAssets-mobile-card-content{padding:20px}.MyAssets-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.MyAssets-mobile-asset-info{display:flex;align-items:center;gap:12px;flex:1}.MyAssets-mobile-asset-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-full);font-size:20px}.MyAssets-mobile-asset-icon.MyAssets-primary{background:var(--accent-blue);color:var(--primary-blue)}.MyAssets-mobile-asset-icon.MyAssets-secondary{background:#f3e5f5;color:#7b1fa2}.MyAssets-mobile-asset-icon.MyAssets-info{background:var(--info-bg);color:var(--info)}.MyAssets-mobile-asset-icon.MyAssets-warning{background:var(--warning-bg);color:var(--warning)}.MyAssets-mobile-asset-icon.MyAssets-success{background:var(--success-bg);color:var(--success)}.MyAssets-mobile-asset-name{margin:0 0 4px;color:var(--gray-900);font-size:16px;font-weight:600;text-transform:capitalize}.MyAssets-mobile-asset-date{margin:0;color:var(--gray-600);font-size:12px}.MyAssets-mobile-status-chip{padding:6px 12px;border-radius:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.MyAssets-mobile-card-divider{height:1px;background:var(--gray-200);margin:16px 0}.MyAssets-mobile-card-details{color:var(--gray-700);font-size:14px;line-height:1.5}.MyAssets-mobile-card-details strong{color:var(--gray-900);font-weight:600}.MyAssets-notification{position:fixed;bottom:24px;right:24px;background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:20px;display:flex;align-items:center;min-width:300px;max-width:400px;z-index:1000;animation:slideInRight .3s ease-out;border-left:4px solid var(--gray-400)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.MyAssets-notification-success{border-left-color:var(--success)}.MyAssets-notification-error{border-left-color:var(--error)}.MyAssets-notification-content{display:flex;align-items:center;gap:16px;flex:1}.MyAssets-notification-icon{font-size:24px}.MyAssets-notification-success .MyAssets-notification-icon{color:var(--success)}.MyAssets-notification-error .MyAssets-notification-icon{color:var(--error)}.MyAssets-notification-text{flex:1}.MyAssets-notification-text strong{display:block;color:var(--gray-900);font-size:14px;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.MyAssets-notification-text p{margin:0;color:var(--gray-700);font-size:14px;line-height:1.5}@media(max-width:768px){.MyAssets-container{padding:40px 16px 16px}.MyAssets-property-icon{width:35px;height:35px;min-width:35px;min-height:35px;font-size:18px;flex-shrink:0}.MyAssets-no-data-icon{display:block;margin-right:auto;margin-left:auto}.MyAssets-header{padding:20px}.MyAssets-header-content{flex-direction:column;align-items:stretch}.MyAssets-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.MyAssets-stat-card{padding:20px}.MyAssets-stat-value{font-size:28px}.MyAssets-action-grid{grid-template-columns:1fr}.MyAssets-card-content{padding:24px}.MyAssets-requests-header{padding:24px 24px 0;flex-direction:column;align-items:stretch}.MyAssets-requests-actions{width:100%}.MyAssets-search-container{min-width:auto;width:100%}.MyAssets-filter-tabs{padding:19px 16px 0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.MyAssets-table-container,.MyAssets-mobile-cards{padding:24px}.MyAssets-notification{left:16px;right:16px;bottom:16px;min-width:auto}}@media(max-width:480px){.MyAssets-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.MyAssets-stat-avatar.MyAssets-primary{width:36px;height:36px;min-width:36px;min-height:36px;margin:0 auto 6px}.MyAssets-stat-label{font-size:10px}.MyAssets-stat-value{font-size:18px}.MyAssets-stat-avatar.MyAssets-warning{width:36px;height:36px;min-width:36px;min-height:36px;margin:0 auto 6px}.MyAssets-stat-card{padding:10px 8px;text-align:center}.MyAssets-stat-card[data-key=first]{order:1}.MyAssets-stat-card[data-key=second]{order:2}.MyAssets-stat-card[data-key=third],.MyAssets-stat-card[data-key=fourth]{grid-column:1 / -1;order:3}.MyAssets-title{font-size:24px}.MyAssets-subtitle{font-size:10px;line-height:1.5;max-width:80%}.MyAssets-card-title,.MyAssets-requests-title-section h2{font-size:15px}.MyAssets-mobile-status-chip{padding:4px}.MyAssets-mobile-asset-icon.MyAssets-primary{width:36px;height:36px;min-width:36px;min-height:36px;margin:0 auto 6px}.MyAssets-status-approved{padding:4px;margin:-1vh;border-radius:50px}}@media print{.MyAssets-header-actions,.MyAssets-icon-button,.MyAssets-submit-button,.MyAssets-search-container{display:none!important}.MyAssets-container{background:#fff;padding:0}.MyAssets-action-grid{grid-template-columns:1fr}.MyAssets-card-content{padding:20px 0}}.MyLeaves-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.MyLeaves-loading{display:flex;align-items:center;justify-content:center;min-height:80vh}.MyLeaves-loading-content{text-align:center;max-width:400px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a}.MyLeaves-loading-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:30px}.MyLeaves-loading-progress{width:60%;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;animation:loadingAnimation 2s ease-in-out infinite}@keyframes loadingAnimation{0%,to{transform:translate(-100%)}50%{transform:translate(250%)}}.MyLeaves-loading-text{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:12px}.MyLeaves-loading-subtext{font-size:14px;color:#718096}.MyLeaves-header{background:#fff;border-radius:16px;padding:24px 32px;margin-bottom:24px;box-shadow:0 4px 20px #00000014}.MyLeaves-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.MyLeaves-header-text{flex:1}.MyLeaves-title{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:8px;background:linear-gradient(90deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.MyLeaves-subtitle{font-size:16px;color:#718096;margin-bottom:20px}.MyLeaves-user-info{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.MyLeaves-user-info-tags{display:flex;flex-wrap:wrap;gap:8px}.MyLeaves-user-tag{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea15,#764ba215);padding:8px 16px;border-radius:50px;font-size:10px;font-weight:500;color:#4a5568;border:1px solid rgba(102,126,234,.2)}.MyLeaves-user-tag svg{color:#667eea;height:10px;width:10px}.MyLeaves-loading-dot{animation:dotPulse 1.5s infinite;margin-left:4px}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.MyLeaves-debug-button{display:flex;align-items:center;gap:6px;background:#f56565;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.MyLeaves-debug-button:hover{background:#e53e3e;transform:translateY(-1px)}.MyLeaves-header-actions{display:flex;align-items:center;gap:16px}.MyLeaves-search-container{position:relative;min-width:300px}.MyLeaves-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0;z-index:1}.MyLeaves-search-input{width:100%;padding:12px 16px 12px 48px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:10px;color:#2d3748;transition:all .3s ease}.MyLeaves-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.MyLeaves-icon-button{background:#fff;border:2px solid #e2e8f0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4a5568;transition:all .3s ease}.MyLeaves-icon-button:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px)}.MyLeaves-icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.MyLeaves-spin{animation:spin 1s linear infinite}.MyLeaves-active-filters{background:#f8f9fa;border-radius:12px;padding:16px;border-left:4px solid #667eea}.MyLeaves-active-filters-label{font-size:14px;font-weight:600;color:#4a5568;margin-right:12px}.MyLeaves-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.MyLeaves-filter-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:50px;font-size:13px;font-weight:500}.MyLeaves-filter-chip.MyLeaves-primary{background:linear-gradient(135deg,#667eea20,#764ba220);color:#667eea;border:1px solid rgba(102,126,234,.3)}.MyLeaves-filter-chip.MyLeaves-secondary{background:linear-gradient(135deg,#48bb7820,#38b2ac20);color:#48bb78;border:1px solid rgba(72,187,120,.3)}.MyLeaves-filter-chip button{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.MyLeaves-filter-chip button:hover{background:#0000001a}.MyLeaves-debug-panel{background:#1a202c;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 30px #0000004d}.MyLeaves-debug-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#2d3748;border-bottom:1px solid #4a5568}.MyLeaves-debug-header h3{color:#f7fafc;font-size:16px;font-weight:600;margin:0}.MyLeaves-debug-header button{background:#4a5568;color:#e2e8f0;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;margin-left:8px;transition:all .3s ease}.MyLeaves-debug-header button:hover{background:#667eea;color:#fff}.MyLeaves-debug-content{padding:24px;max-height:400px;overflow-y:auto}.MyLeaves-debug-section{margin-bottom:20px;border-bottom:1px solid #4a5568;padding-bottom:20px}.MyLeaves-debug-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.MyLeaves-debug-section h4{color:#90cdf4;font-size:14px;font-weight:600;margin-bottom:8px}.MyLeaves-debug-section pre{background:#2d3748;padding:12px;border-radius:6px;font-size:12px;color:#cbd5e0;overflow-x:auto;margin:0}.MyLeaves-debug-logs{display:flex;flex-direction:column;gap:6px}.MyLeaves-debug-log{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#2d3748;border-radius:6px;border-left:3px solid #667eea}.MyLeaves-debug-time{color:#a0aec0;font-size:11px;min-width:80px}.MyLeaves-debug-message{color:#f7fafc;font-size:12px;flex:1}.MyLeaves-debug-data{color:#68d391;font-size:11px;background:#2d3748;padding:2px 6px;border-radius:4px}.MyLeaves-stats-container{display:grid;grid-template-columns:3fr 1fr;gap:24px;margin-bottom:24px}.MyLeaves-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.MyLeaves-stat-card{background:#fff;border-radius:16px;padding:10px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden;width:200px;display:flex}.MyLeaves-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.MyLeaves-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.MyLeaves-stat-total:before{background:linear-gradient(90deg,#667eea,#764ba2)}.MyLeaves-stat-approved:before{background:linear-gradient(90deg,#48bb78,#38b2ac)}.MyLeaves-stat-pending:before{background:linear-gradient(90deg,#ed8936,#dd6b20)}.MyLeaves-stat-rejected:before{background:linear-gradient(90deg,#f56565,#e53e3e)}.MyLeaves-stat-header{display:flex;align-items:center;gap:12px;padding:8px}.MyLeaves-stat-icon{width:30px;height:30px;padding:8px;border-radius:10px;color:#fff}.MyLeaves-stat-total .MyLeaves-stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.MyLeaves-stat-approved .MyLeaves-stat-icon{background:linear-gradient(135deg,#48bb78,#38b2ac)}.MyLeaves-stat-pending .MyLeaves-stat-icon{background:linear-gradient(135deg,#ed8936,#dd6b20)}.MyLeaves-stat-rejected .MyLeaves-stat-icon{background:linear-gradient(135deg,#f56565,#e53e3e)}.MyLeaves-stat-header h3{font-size:13px;font-weight:500;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin:0}.MyLeaves-stat-value{font-size:14px;font-weight:700;color:#1a202c;margin-left:8px}.MyLeaves-stat-footer{font-size:13px;color:#a0aec0}.MyLeaves-info-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border-left:6px solid #667eea}.MyLeaves-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.MyLeaves-info-header h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#2d3748;margin:0}.MyLeaves-info-icon{color:#667eea}.MyLeaves-info-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#48bb78;font-weight:500}.MyLeaves-status-dot{width:8px;height:8px;border-radius:50%}.MyLeaves-status-success{background:#48bb78;animation:pulse 2s infinite}.MyLeaves-loading-small{color:#ed8936;font-size:12px}.MyLeaves-loading-tiny{color:#a0aec0;font-size:11px;font-style:italic}.MyLeaves-info-content{margin-bottom:20px}.MyLeaves-info-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.MyLeaves-info-item{display:flex;flex-direction:column;gap:4px}.MyLeaves-info-item strong{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.MyLeaves-info-value{font-size:15px;font-weight:500;color:#2d3748}.MyLeaves-info-footer{display:flex;gap:12px}.MyLeaves-info-refresh{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.MyLeaves-info-refresh:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.MyLeaves-info-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.MyLeaves-info-force{background:#f7fafc;color:#f56565;border:2px solid #fed7d7;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.MyLeaves-info-force:hover{background:#fff5f5;border-color:#f56565}.MyLeaves-tabs-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.MyLeaves-tabs-header{display:flex;background:#f8f9fa;border-bottom:1px solid #e2e8f0;padding:0 32px}.MyLeaves-tab{display:flex;align-items:center;gap:10px;padding:20px 24px;background:none;border:none;font-size:16px;font-weight:500;color:#718096;cursor:pointer;position:relative;transition:all .3s ease}.MyLeaves-tab:hover{color:#4a5568;background:#ffffff80}.MyLeaves-tab.MyLeaves-active-tab{color:#667eea;font-weight:600}.MyLeaves-tab.MyLeaves-active-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px 3px 0 0}.MyLeaves-tab-badge{background:#667eea;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:50px;margin-left:4px}.MyLeaves-requests-tab{padding:32px}.MyLeaves-status-filters{display:flex;gap:12px;margin-bottom:24px}.MyLeaves-status-filter{background:#f7fafc;border:2px solid #e2e8f0;padding:5px 10px;border-radius:50px;font-size:10px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.MyLeaves-status-filter:hover{border-color:#cbd5e0;background:#edf2f7}.MyLeaves-status-filter.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 15px #667eea4d}.MyLeaves-results-count{font-size:15px;color:#4a5568;margin-bottom:24px;display:flex;align-items:center;gap:12px}.MyLeaves-user-role-badge{display:none;background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;padding:4px 12px;border-radius:50px;font-size:13px;font-weight:500;border:1px solid rgba(102,126,234,.2)}.MyLeaves-requests-content{min-height:300px}.MyLeaves-empty-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;border:2px dashed #cbd5e0}.MyLeaves-empty-icon{width:64px;height:64px;color:#a0aec0;margin-bottom:16px;display:ruby}.MyLeaves-empty-state h3{font-size:20px;font-weight:600;color:#4a5568;margin-bottom:8px}.MyLeaves-empty-state p{font-size:14px;color:#718096;max-width:300px;margin:0 auto}.MyLeaves-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.MyLeaves-table{width:100%;border-collapse:collapse;min-width:800px}.MyLeaves-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.MyLeaves-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.MyLeaves-table td{padding:16px 2px;border-bottom:1px solid #e2e8f0;font-size:14px;color:#4a5568;vertical-align:middle}.MyLeaves-table tbody tr{transition:all .3s ease}.MyLeaves-table tbody tr:hover{background:#f7fafc}.MyLeaves-leave-type{padding:6px 12px;border-radius:50px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.MyLeaves-type-casual{background:linear-gradient(135deg,#4299e120,#3182ce20);color:#3182ce;border:1px solid rgba(49,130,206,.3)}.MyLeaves-type-sick{background:linear-gradient(135deg,#f5656520,#e53e3e20);color:#e53e3e;border:1px solid rgba(229,62,62,.3)}.MyLeaves-type-earned{background:linear-gradient(135deg,#48bb7820,#38b2ac20);color:#38b2ac;border:1px solid rgba(56,178,172,.3)}.MyLeaves-type-maternity,.MyLeaves-type-paternity{background:linear-gradient(135deg,#ed893620,#dd6b2020);color:#dd6b20;border:1px solid rgba(221,107,32,.3)}.MyLeaves-type-unpaid{background:linear-gradient(135deg,#71809620,#4a556820);color:#4a5568;border:1px solid rgba(74,85,104,.3)}.MyLeaves-date-range{display:flex;align-items:center;gap:8px;color:#2d3748;font-weight:500}.MyLeaves-days-badge{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;padding:6px 12px;border-radius:50px;font-size:12px;font-weight:600;border:1px solid rgba(102,126,234,.2)}.MyLeaves-reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MyLeaves-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.MyLeaves-status-approved{background:linear-gradient(135deg,#48bb7820,#38b2ac20);color:#38b2ac;border:1px solid rgba(56,178,172,.3)}.MyLeaves-status-pending{background:linear-gradient(135deg,#ed893620,#dd6b2020);color:#dd6b20;border:1px solid rgba(221,107,32,.3)}.MyLeaves-status-rejected{background:linear-gradient(135deg,#f5656520,#e53e3e20);color:#e53e3e;border:1px solid rgba(229,62,62,.3)}.MyLeaves-history-button{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.MyLeaves-history-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.MyLeaves-history-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.MyLeaves-mobile-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.MyLeaves-mobile-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 15px #00000014;border:1px solid #e2e8f0;transition:all .3s ease}.MyLeaves-mobile-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.MyLeaves-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.MyLeaves-mobile-card-title{display:flex;align-items:center;gap:12px}.MyLeaves-mobile-card-dates{display:flex;align-items:center;gap:6px;font-size:7px;color:#718096;margin-left:26px}.MyLeaves-mobile-card-content{margin-bottom:16px}.MyLeaves-mobile-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.MyLeaves-mobile-label{font-size:13px;color:#718096;font-weight:500}.MyLeaves-mobile-value{font-size:14px;color:#2d3748;font-weight:500;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis}.MyLeaves-mobile-card-actions{display:flex;justify-content:flex-end}.MyLeaves-apply-tab{padding:32px}.MyLeaves-apply-form-container{max-width:800px;margin:0 auto}.MyLeaves-form-title{font-size:23px;font-weight:700;color:#2d3748;margin-bottom:8px}.MyLeaves-form-subtitle{font-size:16px;color:#718096;margin-bottom:32px}.MyLeaves-applicant-info{margin-bottom:32px}.MyLeaves-applicant-card{background:linear-gradient(135deg,#667eea10,#764ba210);border-radius:16px;padding:24px;border:2px solid rgba(102,126,234,.2)}.MyLeaves-applicant-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.MyLeaves-applicant-icon{width:24px;height:24px;color:#667eea}.MyLeaves-applicant-header h4{font-size:18px;font-weight:600;color:#2d3748;margin:0}.MyLeaves-applicant-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.MyLeaves-applicant-detail{display:flex;flex-direction:column;gap:4px}.MyLeaves-applicant-label{font-size:12px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.MyLeaves-applicant-value{font-size:16px;font-weight:500;color:#2d3748}.MyLeaves-form{display:flex;flex-direction:column;gap:24px}.MyLeaves-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.MyLeaves-form-group{display:flex;flex-direction:column;gap:8px}.MyLeaves-form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#4a5568}.MyLeaves-form-icon{color:#667eea}.MyLeaves-form-select,.MyLeaves-form-input{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#2d3748;background:#fff;transition:all .3s ease}.MyLeaves-form-select:focus,.MyLeaves-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.MyLeaves-days-display{padding:14px 16px;background:linear-gradient(135deg,#667eea10,#764ba210);border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:16px;font-weight:600;color:#667eea;text-align:center}.MyLeaves-form-textarea{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#2d3748;background:#fff;resize:vertical;min-height:100px;transition:all .3s ease;font-family:inherit}.MyLeaves-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.MyLeaves-form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.MyLeaves-form-cancel{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.MyLeaves-form-cancel:hover{background:#edf2f7;border-color:#cbd5e0}.MyLeaves-form-submit{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.MyLeaves-form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.MyLeaves-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.MyLeaves-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.MyLeaves-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.MyLeaves-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e2e8f0}.MyLeaves-modal-header h2{font-size:20px;font-weight:600;color:#2d3748;margin:0}.MyLeaves-modal-close{background:none;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#a0aec0;transition:all .3s ease}.MyLeaves-modal-close:hover{background:#f7fafc;color:#4a5568}.MyLeaves-modal-content{padding:32px;overflow-y:auto;flex:1}.MyLeaves-empty-history{text-align:center;padding:40px 20px}.MyLeaves-empty-history-icon{width:48px;height:48px;color:#a0aec0;margin-bottom:16px}.MyLeaves-empty-history h3{font-size:18px;font-weight:600;color:#4a5568;margin-bottom:8px}.MyLeaves-empty-history p{font-size:14px;color:#718096;max-width:300px;margin:0 auto}.MyLeaves-history-list{display:flex;flex-direction:column;gap:16px}.MyLeaves-history-item{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea}.MyLeaves-history-icon{flex-shrink:0}.MyLeaves-history-approved{color:#48bb78;width:24px;height:24px}.MyLeaves-history-rejected{color:#f56565;width:24px;height:24px}.MyLeaves-history-applied{color:#ed8936;width:24px;height:24px}.MyLeaves-history-content{flex:1}.MyLeaves-history-text{font-size:15px;color:#2d3748;margin-bottom:8px;font-weight:500}.MyLeaves-history-remarks{font-size:14px;color:#4a5568;background:#fff;padding:8px 12px;border-radius:8px;margin-bottom:8px;border:1px solid #e2e8f0}.MyLeaves-history-time{font-size:12px;color:#a0aec0}.MyLeaves-modal-footer{padding:24px 32px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.MyLeaves-modal-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.MyLeaves-modal-close-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.MyLeaves-notification{position:fixed;bottom:24px;right:24px;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 10px 40px #00000026;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:300px;max-width:400px;z-index:1001;animation:notificationSlideIn .3s ease;border-left:4px solid}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.MyLeaves-notification-success{border-left-color:#48bb78}.MyLeaves-notification-error{border-left-color:#f56565}.MyLeaves-notification-warning{border-left-color:#ed8936}.MyLeaves-notification-content{display:flex;align-items:center;gap:12px;flex:1}.MyLeaves-notification-icon{width:20px;height:20px;flex-shrink:0}.MyLeaves-notification-success .MyLeaves-notification-icon{color:#48bb78}.MyLeaves-notification-error .MyLeaves-notification-icon{color:#f56565}.MyLeaves-notification-warning .MyLeaves-notification-icon{color:#ed8936}.MyLeaves-notification-message{font-size:14px;color:#2d3748;font-weight:500}.MyLeaves-notification-close{background:none;border:none;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#a0aec0;transition:all .3s ease}.MyLeaves-notification-close:hover{background:#f7fafc;color:#4a5568}@media(max-width:1200px){.MyLeaves-stats-container{grid-template-columns:1fr}.MyLeaves-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.MyLeaves-stat-card{background:#fff;border-radius:16px;padding:10px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden;width:160px}.MyLeaves-container{padding:12px}.MyLeaves-header{padding:20px}.MyLeaves-header-content{flex-direction:column;gap:20px}.MyLeaves-search-container{min-width:100%}.MyLeaves-header-actions{width:100%;justify-content:space-between}.MyLeaves-stats-grid{grid-template-columns:repeat(3,1fr);gap:4px}.MyLeaves-date-range{font-size:11px}.MyLeaves-days-badge{font-size:9px}.MyLeaves-info-row,.MyLeaves-applicant-details,.MyLeaves-form-row{grid-template-columns:1fr}.MyLeaves-tabs-header{padding:0}.MyLeaves-tab{flex:1;justify-content:center;padding:16px}.MyLeaves-mobile-value{font-size:13px}.MyLeaves-requests-tab,.MyLeaves-apply-tab{padding:20px}.MyLeaves-mobile-cards{grid-template-columns:1fr}.MyLeaves-modal{margin:0}.MyLeaves-modal-header,.MyLeaves-modal-content,.MyLeaves-modal-footer{padding:20px}}@media(max-width:480px){.MyLeaves-title{font-size:24px}.MyLeaves-form-actions{flex-direction:column}.MyLeaves-mobile-card-dates{display:flex;align-items:center;gap:6px;font-size:7px;color:#718096;margin-left:26px}.MyLeaves-stats-grid{grid-template-columns:repeat(2,1fr);gap:4px}.MyLeaves-status-filters{display:grid;grid-template-columns:repeat(4,1fr)}.MyLeaves-notification{left:12px;right:12px;bottom:12px;min-width:auto}}.MyLeaves-page-loader{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999}.MyLeaves-loader-content{text-align:center;color:#fff}.MyLeaves-loader-spinner{position:relative;width:80px;height:80px;margin:0 auto 30px}.MyLeaves-spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#fff;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.MyLeaves-spinner-ring:nth-child(2){animation-delay:.2s;border-top-color:#ffffffb3}.MyLeaves-spinner-ring:nth-child(3){animation-delay:.4s;border-top-color:#fff6}.MyLeaves-loader-title{font-size:24px;font-weight:600;margin-bottom:10px;animation:fadeInOut 2s ease-in-out infinite}.MyLeaves-loader-subtitle{font-size:14px;opacity:.9;margin-bottom:30px}.MyLeaves-loader-progress{width:200px;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin:0 auto}.MyLeaves-progress-bar{width:60%;height:100%;background:#fff;border-radius:2px;animation:loading 2s ease-in-out infinite}@keyframes loading{0%,to{transform:translate(-100%)}50%{transform:translate(300%)}}.MyLeaves-stats-loader{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.MyLeaves-stat-skeleton{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;animation:skeletonPulse 1.5s ease-in-out infinite}.MyLeaves-stat-skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.MyLeaves-skeleton-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.MyLeaves-skeleton-title{width:100px;height:14px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:7px}.MyLeaves-skeleton-value{width:80px;height:32px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:8px}.MyLeaves-skeleton-footer{width:120px;height:12px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.MyLeaves-table-loader{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.MyLeaves-loader-header{display:flex;justify-content:space-between;margin-bottom:24px}.MyLeaves-loader-filter{width:200px;height:40px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:20px}.MyLeaves-loader-search{width:250px;height:40px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:20px}.MyLeaves-loader-table{display:flex;flex-direction:column;gap:12px}.MyLeaves-loader-thead{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:8px}.MyLeaves-loader-th{height:20px;background:linear-gradient(90deg,#d0d0d0 25%,#e0e0e0,#d0d0d0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.MyLeaves-loader-tr{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.MyLeaves-loader-td{height:30px;background:linear-gradient(90deg,#e8e8e8 25%,#f8f8f8,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.MyLeaves-mobile-loader{display:grid;grid-template-columns:1fr;gap:16px}.MyLeaves-card-skeleton{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;animation:skeletonPulse 1.5s ease-in-out infinite}.MyLeaves-card-skeleton-header{display:flex;justify-content:space-between;margin-bottom:16px}.MyLeaves-skeleton-badge{width:80px;height:24px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.MyLeaves-skeleton-status{width:60px;height:24px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.MyLeaves-card-skeleton-body{margin-bottom:16px}.MyLeaves-skeleton-line{height:16px;background:linear-gradient(90deg,#e8e8e8 25%,#f8f8f8,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:12px}.MyLeaves-skeleton-line:last-child{width:70%}.MyLeaves-card-skeleton-footer{display:flex;justify-content:flex-end}.MyLeaves-skeleton-button{width:100px;height:36px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.MyLeaves-refresh-overlay{position:fixed;top:20px;right:20px;background:#fff;border-radius:50px;padding:12px 24px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideDown .3s ease;border:1px solid #667eea}.MyLeaves-refresh-spinner{width:20px;height:20px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin .8s linear infinite}.MyLeaves-refresh-overlay span{font-size:14px;font-weight:500;color:#667eea}.MyLeaves-loader-dots{display:inline-flex;gap:2px;margin-left:4px}.MyLeaves-loader-dots span{width:4px;height:4px;background:#667eea;border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}.MyLeaves-loader-dots span:nth-child(2){animation-delay:.2s}.MyLeaves-loader-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:1}}.MyLeaves-button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.MyLeaves-stats-loader{grid-template-columns:repeat(2,1fr)}.MyLeaves-loader-header{flex-direction:column;gap:12px}.MyLeaves-loader-filter,.MyLeaves-loader-search{width:100%}}@media(max-width:480px){.MyLeaves-stats-loader{grid-template-columns:1fr}}.MyLeaves-socket-status{margin-top:8px}.socket-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;position:relative}.socket-badge.connected{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.socket-badge.disconnected{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.unread-badge{position:absolute;top:-5px;right:-5px;background:#f44336;color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.live-badge{display:inline-flex;align-items:center;gap:4px;background:#4caf50;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;margin-left:10px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes highlightRow{0%{background-color:#4caf5033}50%{background-color:#4caf504d}to{background-color:transparent}}.highlight-row{animation:highlightRow 2s ease}.highlight-card{animation:highlightRow 2s ease;border:2px solid #4caf50!important}.MyLeaves-results-count{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0;font-size:14px;color:#666}.MyLeaves-notification{animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.view-more-btn{background:none;border:none;background-color:#667eea;color:#fff;font-size:10px;font-weight:500;cursor:pointer;padding:6px;border-radius:20px;margin:5px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;padding:10px;z-index:999}.modal-container{background:#fff;border-radius:12px;width:500px;max-width:100%;padding:20px;animation:fadeIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h2{font-size:20px}.close-btn{background:none;border:none;font-size:18px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-card{background:#f7f8fa;padding:12px;border-radius:8px;display:flex;flex-direction:column}.label{font-size:12px;color:#777}.value{font-weight:600;margin-top:4px}.status-approved{color:green}.status-pending{color:orange}.status-rejected{color:red}.reason-section{margin-top:20px;padding:12px;background:#f1f3f6;border-radius:8px}.reason-section h4{margin-bottom:6px}.reason-section p{white-space:pre-wrap;line-height:1.4}@media(max-width:600px){.modal-container{width:100%;padding:15px;height:80vh}.detail-grid{grid-template-columns:1fr 1fr}.modal-header h2{font-size:18px}.value{font-size:8px}.label{font-size:9px}.reason-section p{font-size:10px;line-height:1.6}.view-more-btn{border:none;background-color:#667eea;color:#fff;font-size:6px;font-weight:500;cursor:pointer;padding:6px;border-radius:20px;margin:5px;display:inline}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{min-height:55vh;max-width:1500px!important;margin:0 auto;width:100%;border-radius:10px}.dashboard-header{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.dashboard-header-content{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.dashboard-user-info{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:300px}.dashboard-user-avatar{position:relative}.dashboard-avatar-initial{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 4px 12px #4f46e54d}.dashboard-status-indicator{position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:2px solid white}.status-active{background:#10b981;animation:pulse 2s infinite}.status-inactive{background:#94a3b8}.dashboard-user-details{flex:1}.dashboard-user-name{font-size:24px;font-weight:700;line-height:1.2;width:220px;white-space:nowrap;margin:1vh}.dashboard-user-welcome{font-size:14px;color:#6b7280;width:220px;white-space:nowrap;margin:1vh;font-weight:500}.dashboard-user-tags{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.dashboard-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap}.dashboard-tag-role{background:linear-gradient(135deg,#e0e7ff,#ede9fe);color:#4f46e5;border:1px solid #c7d2fe}.dashboard-tag-type{background:linear-gradient(135deg,#f3e8ff,#f5f3ff);color:#7c3aed;border:1px solid #ddd6fe}.dashboard-tag-company{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.dashboard-date-info{display:flex;align-items:center;gap:6px;color:#64748b;font-size:14px;font-weight:500}.confirmation-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.confirmation-popup{background:#fff;border-radius:16px;padding:30px;width:90%;max-width:400px;position:relative;box-shadow:0 20px 60px #0000004d}.confirmation-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#666;cursor:pointer;padding:5px}.confirmation-title{font-size:22px;font-weight:600;margin-bottom:15px;color:#333}.confirmation-message{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}.confirmation-warning{color:#ff6b6b;font-weight:500;display:block;margin-top:5px}.confirmation-timer{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:12px;border-radius:8px;margin-bottom:25px;font-size:14px;color:#555}.confirmation-buttons{display:flex;gap:12px}.confirmation-btn{flex:1;padding:12px 20px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.confirmation-btn-cancel{background:#f8f9fa;color:#666}.confirmation-btn-cancel:hover:not(:disabled){background:#e9ecef}.confirmation-btn-confirm{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.confirmation-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#e74c3c);transform:translateY(-1px)}.confirmation-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-clock-section{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.dashboard-timer-display{text-align:center;background:linear-gradient(135deg,#1e293b,#334155);padding:20px 32px;border-radius:16px;color:#fff;box-shadow:0 8px 25px #1e293b4d;min-width:280px;position:relative;overflow:hidden}.dashboard-timer-display:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,#4f46e533,#7c3aed33);border-radius:50%;transform:translate(30px,-30px)}.dashboard-timer-value{font-size:32px;font-weight:700;font-family:JetBrains Mono,Courier New,monospace;margin-bottom:8px;line-height:1;letter-spacing:.5px}.dashboard-timer-status{font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.status-active-text{color:#86efac}.status-inactive-text{color:#cbd5e1}.dashboard-timer-dot{width:8px;height:8px;border-radius:50%}.dot-active{background:#10b981;animation:pulse 2s infinite}.dot-inactive{background:#94a3b8}.dashboard-clock-buttons{display:flex;gap:12px;width:100%;justify-content:center}.dashboard-btn{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026;min-width:120px;justify-content:center;flex:1;max-width:160px}.dashboard-btn:hover:not(.btn-disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0003}.dashboard-btn:active:not(.btn-disabled){transform:translateY(0)}.dashboard-btn-clockin{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dashboard-btn-clockout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-disabled{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)!important;color:#94a3b8!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:24px}.dashboard-stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.stat-card-present{border-left:4px solid #10b981}.stat-card-late{border-left:4px solid #ff9800;background:linear-gradient(135deg,#fff3e0,#ffecb3)}.stat-card-halfday{border-left:4px solid #f59e0b}.stat-card-leave{border-left:4px solid #3b82f6}.stat-card-absent{border-left:4px solid #ef4444}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.stat-icon-container{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon{font-size:24px}.icon-present .stat-icon{color:#059669}.icon-late{background-color:#ff9800;color:#fff}.icon-halfday .stat-icon{color:#d97706}.icon-leave .stat-icon{color:#2563eb}.icon-absent .stat-icon{color:#dc2626}.stat-current-month{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px}.stat-card-present .stat-current-month{color:#059669;background:#d1fae5}.stat-card-late .stat-current-month{color:#e65100;background:#ffecb3}.stat-card-halfday .stat-current-month{color:#d97706;background:#fef3c7}.stat-card-leave .stat-current-month{color:#2563eb;background:#dbeafe}.stat-card-absent .stat-current-month{color:#dc2626;background:#fee2e2}.stat-value{font-size:36px;font-weight:800;color:#1e293b;margin-bottom:4px;line-height:1}.stat-card-late .stat-value{color:#e65100}.stat-label{font-size:14px;color:#64748b;font-weight:500;margin-bottom:16px}.stat-card-late .stat-label{color:#ff9800}.stat-footer{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid #f1f5f9}.stat-trend-icon{font-size:16px}.stat-card-present .stat-trend-icon{color:#10b981}.stat-card-late .stat-trend-icon{color:#ff9800}.stat-card-halfday .stat-trend-icon{color:#f59e0b}.stat-card-leave .stat-trend-icon{color:#3b82f6}.stat-card-absent .stat-trend-icon{color:#ef4444}.stat-month-text{font-size:12px;color:#94a3b8}.dashboard-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.dashboard-calendar-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.calendar-title-section{display:flex;align-items:center;gap:12px}.calendar-icon-container{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e0e7ff,#ede9fe);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4f46e526}.calendar-icon{color:#4f46e5;font-size:20px}.calendar-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.calendar-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.calendar-controls{display:flex;align-items:center;gap:8px}.calendar-nav-btn{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.calendar-nav-btn:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-1px)}.nav-icon{color:#475569;font-size:18px}.calendar-today-btn{padding:8px 16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.calendar-today-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.calendar-before-join-message{background:#f1f5f9;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;border:1px solid #e2e8f0}.calendar-body{margin-bottom:24px}.calendar-week-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px}.calendar-day-header{text-align:center;font-size:12px;font-weight:600;color:#4f46e5;padding:8px 4px;text-transform:uppercase}.calendar-grid{display:flex;flex-direction:column;gap:4px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day-wrapper{min-height:56px}.calendar-day-container{position:relative;height:100%}.calendar-day{height:100%;min-height:56px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;border:2px solid transparent}.calendar-day:hover{transform:scale(1.05);z-index:5}.calendar-day.empty{background:#fff}.calendar-day.present{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;box-shadow:0 4px 8px #10b98133}.calendar-day.late{background:#fff3e0;border:2px solid #ff9800;color:#e65100}.calendar-day.late.day-today{background:#ffecb3;border:2px solid #ff9800;color:#e65100}.calendar-day.halfday{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;box-shadow:0 4px 8px #f59e0b33}.calendar-day.leave{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff!important;box-shadow:0 4px 8px #3b82f633}.calendar-day.absent{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important;box-shadow:0 4px 8px #ef444433}.calendar-day.weekend{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff!important}.calendar-day.holiday{background:linear-gradient(135deg,#9c27b0,#ba68c8);color:#fff!important;border:2px solid #7b1fa2;position:relative;font-weight:600;box-shadow:0 4px 8px #9c27b04d}.calendar-day.holiday .day-number{font-weight:700}.day-status-icon.holiday-icon{font-size:12px;margin-left:2px;animation:bounce 1s ease infinite}.calendar-day.holiday:hover:after{content:attr(data-holiday-title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:8px;box-shadow:0 2px 8px #0003;font-weight:500;letter-spacing:.3px}.calendar-day.holiday:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent;margin-bottom:-4px;z-index:1000}.calendar-day.before-join{background:#e0e0e0;color:#9e9e9e;border:1px dashed #bdbdbd;cursor:not-allowed;opacity:.6}.calendar-day.before-join:hover{transform:none}.day-today{border-color:#4f46e5!important;box-shadow:0 0 0 2px #4f46e5}.day-number{font-size:14px;font-weight:600;line-height:1}.day-status-icon{font-size:10px;margin-top:2px;opacity:.9;line-height:1}.today-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#4f46e5;border-radius:50%;animation:pulse 2s infinite;border:2px solid white}.calendar-empty-day{height:56px}.calendar-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding-top:20px;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.legend-color{width:12px;height:12px;border-radius:3px;box-shadow:0 2px 4px #0000001a}.color-present{background:linear-gradient(135deg,#10b981,#059669)}.color-late{background-color:#ff9800}.color-halfday{background:linear-gradient(135deg,#f59e0b,#d97706)}.color-leave{background:linear-gradient(135deg,#3b82f6,#2563eb)}.color-absent{background:linear-gradient(135deg,#ef4444,#dc2626)}.color-weekend{background:linear-gradient(135deg,#94a3b8,#64748b)}.color-holiday{background:linear-gradient(135deg,#9c27b0,#ba68c8);border:2px solid #7b1fa2}.color-before-join{background:#e0e0e0;border:1px dashed #bdbdbd}.dashboard-activity-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.activity-title-section{display:flex;align-items:center;gap:12px}.activity-icon-container{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f3e8ff,#f5f3ff);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #7c3aed26}.activity-icon{color:#7c3aed;font-size:20px}.activity-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.activity-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.activity-refresh-btn{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.activity-refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-1px)}.activity-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{color:#475569;font-size:18px}.spinning{animation:spin 1s linear infinite}.activity-list{display:flex;flex-direction:column;gap:12px;position:relative}.activity-item{padding:16px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between}.activity-item:hover{background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e51a}.activity-item-content{display:flex;align-items:center;gap:12px}.activity-status-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid}.status-present{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.status-late{color:#ff9800!important;background-color:#ff98001a!important;border-color:#ff9800!important}.status-halfday{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.status-absent{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.status-default{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8}.status-icon{font-size:20px}.status-present .status-icon{color:#059669}.status-late .status-icon{color:#f57c00}.status-halfday .status-icon{color:#d97706}.status-absent .status-icon{color:#dc2626}.status-default .status-icon{color:#475569}.activity-details{display:flex;flex-direction:column;gap:4px}.activity-date{font-size:14px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.current-month-badge{font-size:11px;font-weight:500;padding:2px 8px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;border-radius:10px}.activity-time{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}.activity-status{font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;border:1px solid}.status-present.activity-status{color:#059669;background:#d1fae5;border-color:#10b981}.status-late.activity-status{color:#f57c00;background:#fff3e0;border-color:#ff9800}.status-halfday.activity-status{color:#d97706;background:#fef3c7;border-color:#f59e0b}.status-absent.activity-status{color:#dc2626;background:#fee2e2;border-color:#ef4444}.status-default.activity-status{color:#475569;background:#f1f5f9;border-color:#94a3b8}.activity-empty-state{text-align:center;padding:40px 20px}.empty-icon-container{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-icon{color:#94a3b8;font-size:32px}.empty-title{font-size:16px;font-weight:600;color:#475569;margin:0 0 8px}.empty-subtitle{font-size:14px;color:#94a3b8;margin:0}.dashboard-month-info{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;padding:24px;color:#fff;box-shadow:0 8px 30px #4f46e54d;position:relative;overflow:hidden;margin-top:24px}.dashboard-month-info:before{content:"";position:absolute;top:0;left:0;width:128px;height:128px;background:#ffffff1a;border-radius:50%;transform:translate(-64px,-64px)}.dashboard-month-info:after{content:"";position:absolute;bottom:0;right:0;width:96px;height:96px;background:#ffffff1a;border-radius:50%;transform:translate(48px,48px)}.month-info-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.month-info-left{flex:1;min-width:300px}.month-info-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.month-info-icon{width:32px;height:32px;border-radius:8px;background:#fff3;display:flex;align-items:center;justify-content:center}.month-info-title h3{font-size:20px;font-weight:700;margin:0}.month-info-description{font-size:14px;opacity:.9;line-height:1.5;margin:0}.month-info-note{display:block;font-size:12px;opacity:.8;margin-top:4px}.month-info-right{text-align:center;min-width:120px}.month-current-day{font-size:40px;font-weight:800;line-height:1;margin-bottom:4px}.month-current-info{font-size:14px;opacity:.9;margin-bottom:8px}.month-day-count{font-size:12px;opacity:.7}.access-denied-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;text-align:center;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;margin:20px}.access-denied-icon{font-size:80px;margin-bottom:20px}.access-denied-message h2{font-size:32px;margin-bottom:20px;color:#fff}.access-denied-message p{font-size:18px;margin-bottom:30px;line-height:1.6;max-width:600px}.access-denied-message .btn-primary{padding:12px 30px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.access-denied-message .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffffff4d}.company-info-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#667eea1a;border-radius:20px;font-size:12px;color:#667eea;margin-top:10px}.stats-loader-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:24px}.stat-skeleton-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#f1f5f9,#f8fafc 75%);background-size:200% 100%}.stat-skeleton-header{display:flex;justify-content:space-between;margin-bottom:16px}.skeleton-icon-large{width:56px;height:56px;border-radius:12px;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-badge{width:80px;height:24px;border-radius:12px;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-value{width:60px;height:36px;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px;margin-bottom:4px}.skeleton-label{width:100px;height:14px;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:16px}.skeleton-footer{width:150px;height:12px;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.calendar-loader{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:40px;border:1px solid #e2e8f0}.calendar-spinner{width:60px;height:60px;border:4px solid #e2e8f0;border-top:4px solid #4f46e5;border-right:4px solid #7c3aed;border-bottom:4px solid #a78bfa;border-radius:50%;margin-bottom:20px;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.calendar-loader p{font-size:16px;color:#64748b;font-weight:500;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.activity-loader-container{min-height:300px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;margin:20px 0;animation:fadeIn .3s ease}.activity-loader-wrapper{text-align:center;padding:40px}.activity-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #4f46e5;border-right:4px solid #7c3aed;border-bottom:4px solid #a78bfa;border-radius:50%;margin:0 auto 20px;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.activity-loader-text{display:flex;flex-direction:column;gap:8px}.loader-main-text{font-size:16px;font-weight:600;color:#1e293b;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 2s infinite}.loader-sub-text{font-size:13px;color:#64748b}.activity-refresh-overlay{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:#ffffffe6;border-radius:30px;margin:10px 0;box-shadow:0 4px 12px #0000000d;animation:slideDown .3s ease;border:1px solid #e2e8f0}.refresh-spinner-small{width:20px;height:20px;border:3px solid #e2e8f0;border-top:3px solid #4f46e5;border-radius:50%;animation:spin .8s linear infinite}.activity-refresh-overlay span{font-size:14px;font-weight:500;color:#4f46e5}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(max-width:1200px){.dashboard-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-container{padding:16px}.dashboard-header-content,.dashboard-user-info{flex-direction:column;text-align:center}.dashboard-user-tags{justify-content:center}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.calendar-header,.activity-header{flex-direction:column;align-items:stretch}.calendar-controls{justify-content:center}.calendar-day{width:32px;height:32px;min-height:32px;font-size:12px}.day-status-icon{font-size:8px}}@media(max-width:480px){.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-clock-buttons{flex-direction:column;align-items:center}.dashboard-btn{max-width:200px;width:100%}.month-info-content{flex-direction:column;text-align:center}.calendar-legend{gap:8px}.legend-item{font-size:10px}}.status-holiday{color:#9c27b0!important;background-color:#9c27b01a!important;border-color:#9c27b0!important}.activity-item.holiday-item{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-left:4px solid #9c27b0}.activity-item.holiday-item:hover{background:linear-gradient(135deg,#e1bee7,#ce93d8);border-color:#9c27b0}.holiday-badge{font-size:11px;font-weight:500;padding:2px 8px;background:linear-gradient(135deg,#9c27b0,#ba68c8);color:#fff;border-radius:10px;margin-left:8px}.activity-title{font-size:14px;font-weight:600;color:#4a148c}.activity-status-icon.status-holiday{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9c27b0}.activity-status-icon.status-holiday .status-icon{color:#9c27b0}.activity-status.status-holiday{color:#9c27b0;background:#f3e5f5;border-color:#9c27b0}.upcoming-holidays-section{margin-top:24px;padding:16px 20px;background:linear-gradient(135deg,#f8f0ff,#f3e5f5);border-radius:16px;border-left:4px solid #9c27b0;box-shadow:0 2px 8px #9c27b01a}.upcoming-holidays-title{font-size:16px;font-weight:600;color:#4a148c;margin-bottom:12px;display:flex;align-items:center;gap:8px}.upcoming-holidays-list{display:flex;flex-wrap:wrap;gap:10px}.upcoming-holiday-item{background:#fff;padding:8px 16px;border-radius:30px;font-size:14px;font-weight:500;color:#4a148c;box-shadow:0 2px 6px #9c27b033;display:flex;align-items:center;gap:8px;transition:all .2s ease;border:1px solid #ba68c8}.upcoming-holiday-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9c27b04d;background:#f3e5f5}.holiday-name{font-weight:600}.holiday-date-badge{background:#9c27b0;color:#fff;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500}.user-create-task-container{padding:16px;max-width:1400px;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}@media(min-width:768px){.user-create-task-container{padding:24px 32px}}@media(min-width:1200px){.user-create-task-container{padding:32px 48px}}.user-create-task-loading-container,.user-create-task-error-container{display:flex;justify-content:center;align-items:center;min-height:70vh;flex-direction:column;gap:24px}.user-create-task-error-card{padding:40px 32px;text-align:center;max-width:440px;width:100%;border-radius:16px;background:#fff;box-shadow:0 10px 40px #00000014;border:1px solid #e2e8f0}.user-create-task-header{padding:24px;margin-bottom:32px;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 32px #667eea33;position:relative;overflow:hidden}.user-create-task-header:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3}@media(min-width:768px){.user-create-task-header{padding:32px 40px}}.user-create-task-header-row{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}@media(min-width:768px){.user-create-task-header-row{flex-direction:row;justify-content:space-between;align-items:flex-start}}.user-create-task-header-left{flex:1}.user-create-task-header-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.user-create-task-title{font-size:24px;font-weight:800;margin-bottom:8px;color:#fff;letter-spacing:-.5px}@media(min-width:768px){.user-create-task-title{font-size:32px}}.user-create-task-subtitle{font-size:14px;color:#ffffffe6;margin-bottom:20px;max-width:600px;line-height:1.5}@media(min-width:768px){.user-create-task-subtitle{font-size:16px;margin-bottom:24px}}.user-create-task-stats-indicators{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(min-width:768px){.user-create-task-stats-indicators{gap:24px;margin-top:24px}}.user-create-task-stat-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-size:12px}@media(min-width:768px){.user-create-task-stat-indicator{padding:10px 16px;gap:10px;font-size:14px}}.user-create-task-stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media(min-width:768px){.user-create-task-stat-dot{width:10px;height:10px}}.user-create-task-stat-label{font-weight:600;color:#fff;white-space:nowrap}.user-create-task-notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-size:11px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white;box-shadow:0 2px 8px #ee5a524d}@media(min-width:768px){.user-create-task-notification-badge{width:20px;height:20px}}.user-create-task-snackbar-top{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;width:90%;max-width:500px;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.user-create-task-snackbar-top{top:24px;width:auto}}.user-create-task-snackbar-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease}@media(min-width:768px){.user-create-task-snackbar-content{padding:14px 20px;min-width:320px}}.user-create-task-snackbar-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.user-create-task-snackbar-error{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.user-create-task-snackbar-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.user-create-task-snackbar-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.user-create-task-snackbar-message{flex:1;font-size:13px;font-weight:500;margin-right:12px;word-break:break-word}@media(min-width:768px){.user-create-task-snackbar-message{font-size:14px;margin-right:16px}}.user-create-task-snackbar-close{background:#fff3;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.user-create-task-snackbar-close:hover{background:#ffffff4d}@keyframes slideDown{0%{transform:translate(-50%,-30px);opacity:0}to{transform:translate(-50%);opacity:1}}.user-create-task-paper{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;margin-bottom:24px;overflow:hidden;border:1px solid #f1f5f9;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:768px){.user-create-task-paper{margin-bottom:32px;border-radius:20px}}.user-create-task-paper:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.user-create-task-paper-content{padding:20px}@media(min-width:768px){.user-create-task-paper-content{padding:32px}}.user-create-task-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:24px}@media(max-width:768px){.user-create-task-grid-container{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.user-create-task-grid-container{grid-template-columns:repeat(2,1fr);gap:10px}}.user-create-task-stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border-left:4px solid #667eea;height:100%;padding:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}@media(min-width:768px){.user-create-task-stat-card{border-radius:16px}}.user-create-task-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.user-create-task-stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.user-create-task-stat-card:hover:before{transform:scaleX(1)}.user-create-task-stat-card.active{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.user-create-task-stat-card-content{padding:16px}@media(min-width:768px){.user-create-task-stat-card-content{padding:20px}}.user-create-task-stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}@media(min-width:768px){.user-create-task-stat-card-header{margin-bottom:16px}}.user-create-task-stat-card-title{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(min-width:768px){.user-create-task-stat-card-title{font-size:12px}}.user-create-task-stat-card-value{font-size:20px;font-weight:800;margin-top:4px;color:#1e293b;letter-spacing:-.5px}@media(min-width:768px){.user-create-task-stat-card-value{font-size:32px}}@media(max-width:480px){.user-create-task-stat-card-value{font-size:18px}}.user-create-task-stat-card-icon{padding:8px;border-radius:10px;background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}@media(min-width:768px){.user-create-task-stat-card-icon{width:44px;height:44px;padding:10px;border-radius:12px}}.user-create-task-progress-container{margin-top:12px}@media(min-width:768px){.user-create-task-progress-container{margin-top:16px}}.user-create-task-progress-header{display:flex;justify-content:space-between;margin-bottom:6px}.user-create-task-progress-label{font-size:11px;color:#64748b;font-weight:500}@media(min-width:768px){.user-create-task-progress-label{font-size:12px}}.user-create-task-progress-percentage{font-size:12px;font-weight:700;color:#1e293b}@media(min-width:768px){.user-create-task-progress-percentage{font-size:14px}}.user-create-task-progress-bar{width:100%;height:6px;border-radius:3px;background:#f1f5f9;overflow:hidden}.user-create-task-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .6s cubic-bezier(.4,0,.2,1)}.user-create-task-time-filter{margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:16px}@media(min-width:768px){.user-create-task-time-filter{margin-bottom:32px;padding:24px}}.user-create-task-time-filter-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}@media(min-width:768px){.user-create-task-time-filter-header{flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-bottom:20px}}.user-create-task-time-filter-title{font-size:16px;font-weight:700;color:#1e293b}@media(min-width:768px){.user-create-task-time-filter-title{font-size:18px}}.user-create-task-time-filter-subtitle{font-size:13px;color:#64748b;margin-top:2px}@media(min-width:768px){.user-create-task-time-filter-subtitle{font-size:14px;margin-top:4px}}.user-create-task-time-filter-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:768px){.user-create-task-time-filter-buttons{display:flex;gap:10px;flex-wrap:wrap}}.user-create-task-time-filter-button{border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;color:#475569;text-align:center}@media(min-width:768px){.user-create-task-time-filter-button{border-radius:10px;padding:10px 16px;font-size:13px;text-align:left;justify-content:flex-start}}.user-create-task-time-filter-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.user-create-task-time-filter-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea33}.user-create-task-table-container{border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000a;margin-bottom:20px;border:1px solid #f1f5f9;overflow-x:auto}.user-create-task-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.user-create-task-table th{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 16px;text-align:left;font-weight:600;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.5px}@media(min-width:768px){.user-create-task-table th{padding:16px 20px;font-size:13px}}.user-create-task-table th:first-child{border-top-left-radius:15px}.user-create-task-table th:last-child{border-top-right-radius:15px}.user-create-task-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#475569}@media(min-width:768px){.user-create-task-table td{padding:16px 20px;font-size:14px}}.user-create-task-table tr:hover{background:#f8fafc}.user-create-task-table tr:last-child td{border-bottom:none}.user-create-task-status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;min-width:80px;justify-content:center;transition:all .2s ease;border:1.5px solid transparent}@media(min-width:768px){.user-create-task-status-chip{padding:6px 14px;font-size:12px;min-width:100px;border-width:2px}}.user-create-task-status-chip.pending{background:#ffc1071a;color:#f59e0b;border-color:#f59e0b33}.user-create-task-status-chip.in-progress{background:#2196f31a;color:#3b82f6;border-color:#3b82f633}.user-create-task-status-chip.completed{background:#4caf501a;color:#10b981;border-color:#10b98133}.user-create-task-status-chip.rejected{background:#f443361a;color:#ef4444;border-color:#ef444433}.user-create-task-status-chip.onhold{background:#ffc10726;color:#f59e0b;border-color:#f59e0b4d}.user-create-task-status-chip.reopen{background:#9c27b01a;color:#8b5cf6;border-color:#8b5cf633}.user-create-task-status-chip.cancelled{background:#9e9e9e33;color:#64748b;border-color:#64748b33}.user-create-task-status-chip.overdue{background:#f4433633;color:#dc2626;border-color:#dc26264d}.user-create-task-priority-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:10px;font-weight:600;font-size:11px;border:1.5px solid transparent}@media(min-width:768px){.user-create-task-priority-chip{padding:6px 14px;font-size:12px;border-width:2px}}.user-create-task-priority-chip.low{background:#10b9811a;color:#10b981;border-color:#10b98133}.user-create-task-priority-chip.medium{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.user-create-task-priority-chip.high{background:#ef44441a;color:#ef4444;border-color:#ef444433}.user-create-task-action-buttons{display:flex;gap:6px;flex-wrap:wrap}.user-create-task-action-button{padding:6px;border:none;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#475569;border:1.5px solid transparent;min-width:32px;min-height:32px}@media(min-width:768px){.user-create-task-action-button{padding:8px;border-radius:10px;min-width:36px;min-height:36px}}.user-create-task-action-button:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1}.user-create-task-mobile-card{border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:16px;background:#fff;border:1px solid #f1f5f9;overflow:hidden}.user-create-task-mobile-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.user-create-task-mobile-card-content{padding:16px}@media(min-width:768px){.user-create-task-mobile-card-content{padding:20px}}.user-create-task-mobile-card-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}@media(min-width:768px){.user-create-task-mobile-card-header{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:16px}}.user-create-task-mobile-card-title{font-size:14px;font-weight:700;color:#1e293b;line-height:1.4}@media(min-width:768px){.user-create-task-mobile-card-title{font-size:16px}}.user-create-task-mobile-card-description{color:#64748b;line-height:1.5;font-size:13px;margin-top:4px}@media(min-width:768px){.user-create-task-mobile-card-description{font-size:14px}}.user-create-task-mobile-card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}@media(min-width:768px){.user-create-task-mobile-card-details{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}}.user-create-task-mobile-card-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.user-create-task-empty-state{text-align:center;padding:40px 20px}@media(min-width:768px){.user-create-task-empty-state{padding:60px 24px}}.user-create-task-empty-state-icon{display:flex;justify-content:center;margin-bottom:16px}@media(min-width:768px){.user-create-task-empty-state-icon{margin-bottom:20px}}.user-create-task-empty-state-title{font-size:18px;color:#1e293b;margin-bottom:8px;font-weight:600}@media(min-width:768px){.user-create-task-empty-state-title{font-size:20px}}.user-create-task-empty-state-subtitle{font-size:13px;color:#64748b;margin-bottom:20px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}@media(min-width:768px){.user-create-task-empty-state-subtitle{font-size:15px;margin-bottom:24px}}.user-create-task-alert{padding:12px 16px;border-radius:12px;margin:12px 0;border:1.5px solid;font-size:13px}@media(min-width:768px){.user-create-task-alert{padding:16px 20px;font-size:14px}}.user-create-task-alert.info{background:#2196f30d;border-color:#2196f333;color:#0288d1}.user-create-task-form-control{width:100%;margin-bottom:16px}@media(min-width:768px){.user-create-task-form-control{margin-bottom:20px}}.user-create-task-input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:all .2s ease;color:#1e293b}@media(min-width:768px){.user-create-task-input{padding:14px 16px;border-radius:12px;font-size:15px}}.user-create-task-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.user-create-task-input::placeholder{color:#94a3b8}.user-create-task-select{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;font-size:14px;color:#1e293b;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px}@media(min-width:768px){.user-create-task-select{padding:14px 16px;border-radius:12px;font-size:15px;background-position:right 16px center;background-size:16px}}.user-create-task-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.user-create-task-dialog-overlay{position:fixed;inset:0;background:#0f172ab3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOverlay .2s ease;padding:20px}.user-create-task-dialog{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}@media(min-width:768px){.user-create-task-dialog{border-radius:20px}}.user-create-task-dialog-title{padding:20px 24px;font-size:18px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f1f5f9}@media(min-width:768px){.user-create-task-dialog-title{padding:28px 32px 16px;font-size:24px}}.user-create-task-dialog-content{padding:20px 24px;overflow-y:auto;max-height:calc(80vh - 120px)}@media(min-width:768px){.user-create-task-dialog-content{padding:24px 32px}}.user-create-task-dialog-actions{padding:16px 24px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #f1f5f9;background:#f8fafc;margin-left:0;border-radius:19px}@media(min-width:768px){.user-create-task-dialog-actions{flex-direction:row;justify-content:flex-end;padding:20px 32px}}.user-create-task-button{padding:10px 16px;border-radius:10px;font-size:13px;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:600;letter-spacing:.3px;width:80%}@media(min-width:768px){.user-create-task-button{padding:12px 20px;border-radius:12px;font-size:14px;width:auto}}.user-create-task-button-contained{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea33}.user-create-task-button-contained:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.user-create-task-button-contained:active{transform:translateY(0)}.user-create-task-button-outlined{background:#fff;color:#667eea;border:1.5px solid #667eea}.user-create-task-button-outlined:hover{background:#667eea0a;transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.user-create-task-button-text{background:none;color:#667eea;border:none;padding:8px 12px}@media(min-width:768px){.user-create-task-button-text{padding:10px 16px}}.user-create-task-button-text:hover{background:#667eea14;border-radius:8px}.user-create-task-flex{display:flex}.user-create-task-flex-column{flex-direction:column}.user-create-task-align-center{align-items:center}.user-create-task-justify-between{justify-content:space-between}.user-create-task-gap-1{gap:8px}.user-create-task-gap-1\.5{gap:12px}.user-create-task-gap-2{gap:16px}.user-create-task-gap-3{gap:24px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.user-create-task-dialog-content::-webkit-scrollbar{width:6px}.user-create-task-dialog-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.user-create-task-dialog-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.user-create-task-dialog-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.user-create-task-loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:480px){.user-create-task-stat-card-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0}.user-create-task-button{border-radius:10px!important;font-size:7px}.user-create-task-select{font-size:9.4px}.user-create-task-stat-card-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px}.user-create-task-stat-card-icon{width:25px;height:25px;margin-left:70px;margin-top:-55px}.user-create-task-stat-card-description{font-size:10px;font-weight:500;margin-top:8px}.user-create-task-stat-card-title{font-size:10px}.user-create-task-stat-card-value{font-size:16px}.user-create-task-stats-indicators{grid-template-columns:repeat(2,1fr);gap:8px}.user-create-task-stat-indicator{padding:6px 8px;font-size:11px}}.TaskDetails-user-card-loading{opacity:.7;pointer-events:none;position:relative}.TaskDetails-user-card-loading:after{content:"";position:absolute;inset:0;background:#ffffff80;border-radius:inherit;pointer-events:none}.TaskDetails-button-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:TaskDetails-spin .8s linear infinite;margin-right:6px}@keyframes TaskDetails-spin{to{transform:rotate(360deg)}}.TaskDetails-action-button:disabled{opacity:.6;cursor:not-allowed}.TaskDetails-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.TaskDetails-modal-loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-radius:50%;border-top-color:#667eea;animation:TaskDetails-spin 1s linear infinite;margin-bottom:1rem}.TaskDetails-activity-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.TaskDetails-activity-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.2);border-radius:50%;border-top-color:#667eea;animation:TaskDetails-spin 1s linear infinite;margin-bottom:1rem}.TaskDetails-action-button:disabled{opacity:.6;cursor:not-allowed;background:#ccc!important;border-color:#ccc!important}.TaskDetails-action-button:disabled:hover{transform:none;box-shadow:none}.TaskDetails-user-card-loading{cursor:not-allowed}.TaskDetails-user-card-loading .TaskDetails-action-button{pointer-events:none}:root{--primary-blue: #2563eb;--primary-dark-blue: #1d4ed8;--secondary-blue: #3b82f6;--accent-blue: #60a5fa;--light-blue: #eff6ff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--info: #3b82f6;--info-light: #dbeafe;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-xl: 18px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .2s ease-in-out}.UserCreateTask-meeting-container{min-height:100vh;background-color:var(--gray-50);padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--gray-700)}.UserCreateTask-meeting-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px}.UserCreateTask-meeting-spinner{width:48px;height:48px;border:3px solid var(--gray-200);border-top-color:var(--primary-blue);border-radius:50%;animation:spin .8s linear infinite}.UserCreateTask-meeting-small-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;display:inline-block}.UserCreateTask-meeting-loading-text{font-size:16px;color:var(--gray-600);font-weight:500;letter-spacing:.3px}.UserCreateTask-meeting-header{background:#fff;border-radius:var(--border-radius-lg);padding:32px 40px;margin-bottom:32px;box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.UserCreateTask-meeting-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.UserCreateTask-meeting-user-info{flex:1;min-width:300px}.UserCreateTask-meeting-greeting{font-size:28px;font-weight:600;color:var(--gray-800);margin:0 0 8px;line-height:1.3}.UserCreateTask-meeting-subtitle{font-size:15px;color:var(--gray-600);margin:0;font-weight:400;letter-spacing:.2px}.UserCreateTask-meeting-header-stats{display:flex;gap:20px}.UserCreateTask-meeting-stat-card{background:#fff;padding:20px 24px;border-radius:var(--border-radius-md);min-width:130px;text-align:center;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition)}.UserCreateTask-meeting-stat-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.UserCreateTask-meeting-stat-number{display:block;font-size:32px;font-weight:700;color:var(--primary-blue);line-height:1;margin-bottom:6px}.UserCreateTask-meeting-stat-label{font-size:13px;color:var(--gray-600);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.UserCreateTask-meeting-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:24px;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.UserCreateTask-meeting-filter-tabs{display:flex;gap:4px;background:var(--gray-100);padding:4px;border-radius:var(--border-radius-md);border:1px solid var(--gray-200)}.UserCreateTask-meeting-filter-tab{padding:10px 20px;border:none;background:transparent;border-radius:var(--border-radius-sm);font-weight:500;font-size:14px;color:var(--gray-600);cursor:pointer;transition:var(--transition);white-space:nowrap}.UserCreateTask-meeting-filter-tab:hover{background:var(--gray-200);color:var(--gray-800)}.UserCreateTask-meeting-filter-tab-active{background:#fff;color:var(--primary-blue);box-shadow:var(--shadow-sm);font-weight:600;border:1px solid var(--gray-300)}.UserCreateTask-meeting-refresh-button{padding:10px 20px;background:#fff;color:var(--primary-blue);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm)}.UserCreateTask-meeting-refresh-button:hover:not(:disabled){background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.UserCreateTask-meeting-refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.UserCreateTask-meeting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:32px}.UserCreateTask-meeting-card{background:#fff;border-radius:var(--border-radius-lg);padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition);position:relative}.UserCreateTask-meeting-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-blue);transform:translateY(-2px)}.UserCreateTask-meeting-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.UserCreateTask-meeting-title-section{flex:1}.UserCreateTask-meeting-title{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 12px;line-height:1.4}.UserCreateTask-meeting-status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;letter-spacing:.3px}.UserCreateTask-meeting-view-status{flex-shrink:0}.UserCreateTask-meeting-view-indicator{padding:5px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block}.UserCreateTask-meeting-viewed{background:var(--gray-100);color:var(--gray-600)}.UserCreateTask-meeting-not-viewed{background:var(--info-light);color:var(--primary-blue);animation:gentlePulse 2s infinite}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.8}}.UserCreateTask-meeting-description{color:var(--gray-600);font-size:14px;line-height:1.6;margin:0 0 24px;padding:16px;background:var(--gray-50);border-radius:var(--border-radius-md);border-left:3px solid var(--primary-blue)}.UserCreateTask-meeting-details{margin-bottom:24px}.UserCreateTask-meeting-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.UserCreateTask-meeting-detail-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--gray-50);border-radius:var(--border-radius-md);border:1px solid var(--gray-200);transition:var(--transition)}.UserCreateTask-meeting-detail-item:hover{background:#fff;border-color:var(--gray-300)}.UserCreateTask-meeting-detail-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);color:var(--primary-blue)}.UserCreateTask-meeting-detail-label{font-size:12px;color:var(--gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.UserCreateTask-meeting-detail-value{font-size:15px;font-weight:600;color:var(--gray-800)}.UserCreateTask-meeting-action-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-200)}.UserCreateTask-meeting-mark-seen-button{width:100%;padding:14px;background:#fff;color:var(--primary-blue);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-sm)}.UserCreateTask-meeting-mark-seen-button:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.UserCreateTask-meeting-button-icon{font-size:16px}.UserCreateTask-meeting-past-note{background:var(--warning-light);color:#92400e;padding:14px;border-radius:var(--border-radius-md);font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;margin-top:20px;border-left:3px solid var(--warning)}.UserCreateTask-meeting-past-icon{font-size:16px;opacity:.8}.UserCreateTask-meeting-empty-state{text-align:center;padding:60px 40px;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:2px dashed var(--gray-300);margin:32px 0}.UserCreateTask-meeting-empty-icon{font-size:48px;margin-bottom:20px;opacity:.4;color:var(--gray-500)}.UserCreateTask-meeting-empty-title{font-size:20px;font-weight:600;color:var(--gray-700);margin:0 0 12px}.UserCreateTask-meeting-empty-text{font-size:15px;color:var(--gray-500);max-width:400px;margin:0 auto 28px;line-height:1.5}.UserCreateTask-meeting-view-all-button{padding:12px 28px;background:#fff;color:var(--primary-blue);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.UserCreateTask-meeting-view-all-button:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-1px)}.UserCreateTask-meeting-footer{padding:20px;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-top:32px}.UserCreateTask-meeting-footer-stats{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px}.UserCreateTask-meeting-footer-stat{font-size:13px;font-weight:500;color:var(--gray-600);padding:8px 16px;background:var(--gray-50);border-radius:20px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gray-200)}.UserCreateTask-meeting-card-border-top{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}@media(max-width:1200px){.UserCreateTask-meeting-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:992px){.UserCreateTask-meeting-container{padding:24px}.UserCreateTask-meeting-header{padding:28px}.UserCreateTask-meeting-header-content{flex-direction:column;align-items:stretch;text-align:center}.UserCreateTask-meeting-header-stats{justify-content:center}}@media(max-width:768px){.UserCreateTask-meeting-container{padding:20px}.UserCreateTask-meeting-greeting{font-size:22px;line-height:1.3;text-align:center;padding:0 16px}.UserCreateTask-meeting-subtitle{font-size:18px;line-height:1.3;text-align:center;padding:0 16px}.UserCreateTask-meeting-grid{grid-template-columns:1fr}.UserCreateTask-meeting-controls{flex-direction:column;align-items:stretch;gap:16px}.UserCreateTask-meeting-filter-tabs{overflow-x:auto;padding:4px;justify-content:flex-start}.UserCreateTask-meeting-filter-tab{flex-shrink:0}.UserCreateTask-meeting-refresh-button{width:100%;justify-content:center}.UserCreateTask-meeting-detail-row{grid-template-columns:1fr}.UserCreateTask-meeting-footer-stats{flex-direction:column;gap:12px}}@media(max-width:480px){.UserCreateTask-meeting-container{padding:16px}.UserCreateTask-meeting-header,.UserCreateTask-meeting-controls,.UserCreateTask-meeting-card{padding:20px}.UserCreateTask-meeting-greeting{font-size:18px;line-height:1.35;text-align:center;padding:0 12px;word-break:break-word;margin-left:-40px}.UserCreateTask-meeting-subtitle{font-size:14px;margin-left:-45px}.UserCreateTask-meeting-header-stats{flex-direction:column;gap:12px}.UserCreateTask-meeting-stat-card{width:100%;min-width:auto}.UserCreateTask-meeting-card-header{flex-direction:column;align-items:stretch;gap:12px}.UserCreateTask-meeting-view-status{align-self:flex-start}}@media print{.UserCreateTask-meeting-container{background:#fff;padding:0}.UserCreateTask-meeting-header,.UserCreateTask-meeting-controls,.UserCreateTask-meeting-card,.UserCreateTask-meeting-footer{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.UserCreateTask-meeting-refresh-button,.UserCreateTask-meeting-mark-seen-button,.UserCreateTask-meeting-view-all-button{display:none}.UserCreateTask-meeting-grid{display:block}.UserCreateTask-meeting-card{margin-bottom:20px}}.EmployeeProject-container{padding:1rem;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);min-height:100vh}.EmployeeProject-icon{display:inline-flex;align-items:center;justify-content:center}.EmployeeProject-snackbar{position:fixed;top:20px;right:20px;z-index:10000;animation:EmployeeProject-slideIn .3s ease}@keyframes EmployeeProject-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.EmployeeProject-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;border:1px solid}.EmployeeProject-alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.EmployeeProject-alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.EmployeeProject-alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.EmployeeProject-alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.EmployeeProject-alert-content{flex:1}.EmployeeProject-alert-close{background:none;border:none;cursor:pointer;padding:4px;margin-left:8px}.EmployeeProject-header{margin-bottom:2rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000000d;border:1px solid rgba(255,255,255,.2)}.EmployeeProject-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.EmployeeProject-title{font-size:2rem;font-weight:800;color:#667eea;margin-bottom:.5rem}.EmployeeProject-subtitle{color:#666;font-size:1rem}.EmployeeProject-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.EmployeeProject-stat-card{background:#fff;border-radius:8px;border-left:4px solid;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;height:100%}.EmployeeProject-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.EmployeeProject-stat-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.EmployeeProject-stat-value{font-size:2rem;font-weight:800;margin-bottom:.5rem}.EmployeeProject-stat-label{color:#666;font-size:.875rem;margin-bottom:.25rem}.EmployeeProject-stat-subtext{color:#888;font-size:.75rem}.EmployeeProject-stat-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.EmployeeProject-stat-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500}.EmployeeProject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.EmployeeProject-grid-item{width:100%}.EmployeeProject-card{cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,0,0,.08);border-radius:12px;height:100%;position:relative;overflow:hidden;background:#fff;box-shadow:0 4px 20px #0000000d}.EmployeeProject-card-selected{border:2px solid #667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 20px 40px #667eea26}.EmployeeProject-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0000001a;border-color:#667eea80}.EmployeeProject-card-highlight{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.EmployeeProject-card-content{padding:1.5rem}.EmployeeProject-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.EmployeeProject-card-title-section{flex:1}.EmployeeProject-card-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.EmployeeProject-card-title{font-size:1.25rem;font-weight:700;margin:0}.EmployeeProject-card-description{color:#666;font-size:.875rem;margin:1rem 0;line-height:1.5}.EmployeeProject-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.EmployeeProject-card-date{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.EmployeeProject-card-pdf{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center}.EmployeeProject-pdf-info{display:flex;align-items:center;gap:.5rem}.EmployeeProject-pdf-text{color:#666;font-size:.875rem}.EmployeeProject-pdf-actions{display:flex;gap:.25rem}.EmployeeProject-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600;border:1px solid;text-transform:capitalize;margin-right:.5rem}.EmployeeProject-chip-outlined{background-color:transparent}.EmployeeProject-chip-icon{display:inline-flex;align-items:center;font-size:.875rem}.EmployeeProject-chip-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.EmployeeProject-button{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;justify-content:center}.EmployeeProject-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.EmployeeProject-button-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f8c);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.EmployeeProject-button-outline{background:transparent;color:#667eea;border:1px solid #667eea}.EmployeeProject-button-outline:hover{background:#667eea1a}.EmployeeProject-button-sm{padding:6px 16px;font-size:.75rem}.EmployeeProject-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.EmployeeProject-icon-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}.EmployeeProject-icon-button:hover{background-color:#0000000d}.EmployeeProject-notification-button{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.EmployeeProject-notification-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f8c)}.EmployeeProject-badge{position:relative;display:inline-flex}.EmployeeProject-badge-content{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background-color:#ef5350;color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center}.EmployeeProject-badge-error{background-color:#ef5350}.EmployeeProject-tooltip{position:relative;display:inline-block}.EmployeeProject-tooltip-text{background-color:#333;color:#fff;text-align:center;padding:5px 8px;padding-right:70px!important;border-radius:6px;margin-left:15px;position:absolute;z-index:1;bottom:105%;left:5%;right:10%!important;transform:translate(-50%);white-space:nowrap;font-size:.6rem;opacity:0;transition:opacity .3s}.EmployeeProject-tooltip:hover .EmployeeProject-tooltip-text{visibility:visible;opacity:1}.EmployeeProject-linear-progress{height:8px;background-color:#667eea1a;border-radius:4px;overflow:hidden;margin:8px 0}.EmployeeProject-linear-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.EmployeeProject-circular-progress{display:inline-flex;position:relative}.EmployeeProject-circular-progress-svg{animation:EmployeeProject-circular-rotate 1.4s linear infinite;width:100%;height:100%}.EmployeeProject-circular-progress-circle{stroke:#667eea;stroke-linecap:round;animation:EmployeeProject-circular-dash 1.4s ease-in-out infinite}@keyframes EmployeeProject-circular-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes EmployeeProject-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.EmployeeProject-panel{margin-top:2rem;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 8px 32px #0000000d;border:1px solid rgba(255,255,255,.2)}.EmployeeProject-panel-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0 1.5rem}.EmployeeProject-tabs{display:flex;border-bottom:none}.EmployeeProject-tab{padding:12px 24px;background:none;border:none;color:#ffffffb3;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;position:relative}.EmployeeProject-tab-active{color:#fff}.EmployeeProject-tab-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#fff;border-radius:3px 3px 0 0}.EmployeeProject-panel-content{padding:1.5rem}.EmployeeProject-panel-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.EmployeeProject-panel-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.EmployeeProject-panel-subtitle{color:#666;font-size:1rem}.EmployeeProject-progress-card{margin-bottom:2rem;border-radius:12px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.1);padding:1.5rem}.EmployeeProject-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.EmployeeProject-progress-title{font-size:1.125rem;font-weight:600;margin:0}.EmployeeProject-progress-value{font-size:1.5rem;font-weight:700;color:#667eea}.EmployeeProject-progress-footer{display:flex;justify-content:space-between;font-size:.875rem;color:#666;margin-top:.5rem}.EmployeeProject-loading{display:flex;justify-content:center;padding:4rem 0}.EmployeeProject-empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#667eea08,#764ba208);border-radius:12px}.EmployeeProject-empty-state h3{color:#666;margin:1rem 0 .5rem}.EmployeeProject-empty-state p{color:#888;margin-bottom:1.5rem}.EmployeeProject-tasks-list{display:flex;flex-direction:column;gap:1.5rem}.EmployeeProject-task-card{border-radius:12px;border-left:4px solid;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.06)}.EmployeeProject-task-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.EmployeeProject-task-content{padding:1.5rem}.EmployeeProject-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.EmployeeProject-task-title-section{flex:1}.EmployeeProject-task-title{font-size:1.25rem;font-weight:700;margin:0 0 1rem}.EmployeeProject-task-chips{display:flex;gap:.5rem;flex-wrap:wrap}.EmployeeProject-task-actions{display:flex;gap:.5rem}.EmployeeProject-task-pdf-actions{display:flex;gap:.25rem}.EmployeeProject-task-description{color:#666;font-size:.875rem;margin:1rem 0;line-height:1.6}.EmployeeProject-task-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.EmployeeProject-task-meta-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.EmployeeProject-task-remarks{margin-top:1.5rem}.EmployeeProject-remarks-title{font-size:.875rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.EmployeeProject-remarks-list{display:flex;flex-direction:column;gap:.75rem}.EmployeeProject-remark-item{padding:1rem;border-radius:8px;background:#00000005;border:1px solid rgba(0,0,0,.08)}.EmployeeProject-remark-text{font-size:.875rem;margin-bottom:.75rem}.EmployeeProject-remark-footer{display:flex;justify-content:space-between;align-items:center}.EmployeeProject-remark-author{display:flex;align-items:center;gap:.5rem}.EmployeeProject-remark-date{color:#666;font-size:.75rem}.EmployeeProject-add-remark{padding:1.5rem;border-top:1px solid rgba(0,0,0,.08)}.EmployeeProject-remark-input-row{display:flex;gap:.5rem}.EmployeeProject-remark-input{flex:1;padding:10px 16px;border:1px solid #ddd;border-radius:8px;font-size:.875rem}.EmployeeProject-remark-input:focus{outline:none;border-color:#667eea}.EmployeeProject-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2)}.EmployeeProject-avatar-small{width:24px;height:24px;font-size:.8rem}.EmployeeProject-avatar-medium{width:32px;height:32px;font-size:.9rem}.EmployeeProject-avatar-large{width:48px;height:48px;font-size:1.2rem}.EmployeeProject-documents-tab{width:100%}.EmployeeProject-documents-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.EmployeeProject-documents-subtitle{color:#666;margin-bottom:2rem}.EmployeeProject-document-card{margin-bottom:1.5rem;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08)}.EmployeeProject-document-content{padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.EmployeeProject-document-info{display:flex;align-items:center;gap:1rem}.EmployeeProject-document-icon{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#ef53501a,#ef53500d);border:1px solid rgba(239,83,80,.2);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ef5350}.EmployeeProject-document-details h4{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.EmployeeProject-document-details p{color:#666;font-size:.875rem;margin:0}.EmployeeProject-document-actions{display:flex;gap:.5rem}.EmployeeProject-task-documents-title{font-size:1.125rem;font-weight:700;margin:2rem 0 1rem}.EmployeeProject-task-documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.EmployeeProject-task-document-card{border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.08);height:100%}.EmployeeProject-task-document-content{padding:1rem}.EmployeeProject-task-document-header{display:flex;justify-content:space-between;align-items:flex-start}.EmployeeProject-task-document-info{display:flex;align-items:center;gap:.75rem;flex:1}.EmployeeProject-task-document-text h5{font-size:1rem;font-weight:600;margin:0 0 .25rem}.EmployeeProject-task-document-text p{color:#666;font-size:.75rem;margin:.125rem 0}.EmployeeProject-task-document-buttons{display:flex;gap:.25rem}.EmployeeProject-info-tab{width:100%}.EmployeeProject-info-title{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.EmployeeProject-info-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.EmployeeProject-info-main{grid-column:1}.EmployeeProject-info-sidebar{grid-column:2}.EmployeeProject-info-full-width{grid-column:1 / -1}.EmployeeProject-info-card{border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem}.EmployeeProject-info-card-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem}.EmployeeProject-info-details{width:100%}.EmployeeProject-info-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.EmployeeProject-info-column{flex:1;min-width:250px}.EmployeeProject-info-full{width:100%}.EmployeeProject-info-item{margin-bottom:1rem}.EmployeeProject-info-item label{display:block;color:#666;font-size:.875rem;margin-bottom:.5rem}.EmployeeProject-info-item p{margin:0;font-weight:500}.EmployeeProject-stats-card{border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:1.5rem;height:100%}.EmployeeProject-stats-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem}.EmployeeProject-stats-list{display:flex;flex-direction:column;gap:.75rem}.EmployeeProject-stat-row{display:flex;justify-content:space-between;align-items:center}.EmployeeProject-stat-divider{height:1px;background:#0000001a;margin:.75rem 0}.EmployeeProject-team-card{border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.08);padding:1.5rem}.EmployeeProject-team-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.EmployeeProject-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.EmployeeProject-team-member{border:1px solid rgba(0,0,0,.06);border-radius:8px;background:#fff}.EmployeeProject-team-member-content{padding:1rem}.EmployeeProject-team-member-info{display:flex;align-items:center;gap:.75rem}.EmployeeProject-team-member-details h5{font-size:1rem;font-weight:600;margin:0 0 .25rem}.EmployeeProject-team-member-details p{color:#666;font-size:.75rem;margin:0 0 .5rem}.EmployeeProject-form-group{margin-bottom:1.5rem}.EmployeeProject-form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.EmployeeProject-form-row .EmployeeProject-form-group{flex:1;margin-bottom:0}.EmployeeProject-input,.EmployeeProject-select,.EmployeeProject-textarea{width:100%;padding:10px 16px;border:1px solid #ddd;border-radius:8px;font-size:.875rem;transition:border-color .3s ease}.EmployeeProject-input:focus,.EmployeeProject-select:focus,.EmployeeProject-textarea:focus{outline:none;border-color:#667eea}.EmployeeProject-input-error{border-color:#ef5350!important}.EmployeeProject-error-text{color:#ef5350;font-size:.75rem;margin-top:.25rem;display:block}.EmployeeProject-textarea{resize:vertical;min-height:80px}.EmployeeProject-file-upload{border-style:dashed!important;width:100%;justify-content:center}.EmployeeProject-file-info{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:#666;font-size:.875rem}.EmployeeProject-status-form{display:flex;flex-direction:column;gap:1.5rem}.EmployeeProject-status-task-title{margin:0;font-size:1rem}.EmployeeProject-status-current{display:flex;align-items:center;gap:.5rem}.EmployeeProject-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.EmployeeProject-modal-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.EmployeeProject-modal-content{position:relative;background:#fff;border-radius:12px;overflow:hidden;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;z-index:1001}.EmployeeProject-modal-sm{width:500px}.EmployeeProject-modal-md{width:600px}.EmployeeProject-modal-lg{width:800px}.EmployeeProject-modal-header{padding:1.5rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.EmployeeProject-modal-header-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.EmployeeProject-modal-header-content{display:flex;align-items:center;gap:.75rem}.EmployeeProject-modal-header h3{margin:0;font-size:1.25rem;font-weight:700}.EmployeeProject-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.EmployeeProject-modal-close:hover{background:#ffffff1a}.EmployeeProject-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.EmployeeProject-modal-footer{padding:1.5rem;background:#f5f7facc;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:flex-end;gap:.75rem}.EmployeeProject-pdf-modal .EmployeeProject-modal-content{width:90vw;height:90vh}.EmployeeProject-pdf-viewer{padding:0;height:calc(100% - 120px)}.EmployeeProject-pdf-frame{width:100%;height:100%;border:none}.EmployeeProject-pdf-error{display:flex;justify-content:center;align-items:center;height:100%;color:#666}.EmployeeProject-drawer{position:fixed;inset:0;z-index:1000}.EmployeeProject-drawer-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.EmployeeProject-drawer-content{position:absolute;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-left:1px solid rgba(255,255,255,.3);height:100vh;overflow:hidden;display:flex;flex-direction:column;z-index:1001}.EmployeeProject-drawer-right{right:0;width:450px;max-width:90vw}.EmployeeProject-drawer-header{padding:1.5rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.EmployeeProject-drawer-header h3{margin:0;font-size:1.25rem;font-weight:700}.EmployeeProject-drawer-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.EmployeeProject-drawer-body{padding:1.5rem;overflow-y:auto;flex:1}.EmployeeProject-activity-task-title{font-size:1rem;font-weight:600;color:#667eea;margin:0 0 1rem}.EmployeeProject-divider{height:1px;background:#0000001a;margin:1rem 0}.EmployeeProject-activity-list{height:calc(100vh - 200px);overflow-y:auto}.EmployeeProject-activity-item{background:#fff;margin-bottom:1rem;border-radius:8px;padding:1rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px #0000000a;display:flex;gap:1rem}.EmployeeProject-activity-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.EmployeeProject-activity-content{flex:1}.EmployeeProject-activity-description{font-size:.875rem;font-weight:500;margin:0 0 .75rem}.EmployeeProject-activity-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.EmployeeProject-activity-author{display:flex;align-items:center;gap:.5rem;color:#333;font-size:.75rem}.EmployeeProject-activity-date{color:#666;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.EmployeeProject-activity-remark{background:#00000005;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:.75rem;margin-top:.5rem}.EmployeeProject-activity-remark em{font-size:.75rem;color:#666;font-style:italic}.EmployeeProject-empty-activity{text-align:center;padding:4rem 2rem}.EmployeeProject-empty-activity p{color:#666;margin-top:1rem}.EmployeeProject-notifications-list{height:calc(100vh - 120px);overflow-y:auto}.EmployeeProject-notification-item{background:#fff;margin-bottom:.5rem;border-radius:8px;padding:1rem;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:all .2s ease;display:flex;gap:1rem}.EmployeeProject-notification-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014}.EmployeeProject-notification-unread{background:linear-gradient(135deg,#667eea1a,#667eea0d);border-color:#667eea33}.EmployeeProject-notification-icon{width:40px;height:40px;border-radius:50%;background:#0000000f;display:flex;align-items:center;justify-content:center;color:#667eea;flex-shrink:0}.EmployeeProject-notification-unread .EmployeeProject-notification-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.EmployeeProject-notification-content{flex:1}.EmployeeProject-notification-title-unread{font-weight:700!important}.EmployeeProject-notification-content h5{font-size:.875rem;font-weight:500;margin:0 0 .5rem}.EmployeeProject-notification-message{font-size:.875rem;color:#333;margin:.25rem 0 .75rem;line-height:1.4}.EmployeeProject-notification-footer{display:flex;align-items:center;justify-content:space-between}.EmployeeProject-notification-date{color:#666;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.EmployeeProject-empty-notifications{text-align:center;padding:4rem 2rem}.EmployeeProject-empty-notifications p{color:#666;margin:1rem 0 .5rem}.EmployeeProject-empty-notifications small{color:#888}@media(max-width:768px){.EmployeeProject-container{padding:1rem}.EmployeeProject-grid,.EmployeeProject-stats-grid,.EmployeeProject-info-grid{grid-template-columns:1fr}.EmployeeProject-panel-header-content{flex-direction:column;gap:1rem;align-items:flex-start}.EmployeeProject-task-header{flex-direction:column;gap:1rem}.EmployeeProject-task-actions{align-self:flex-start}.EmployeeProject-drawer-right{width:100vw}.EmployeeProject-modal-sm,.EmployeeProject-modal-md,.EmployeeProject-modal-lg{width:95vw;margin:1rem}}@media(max-width:480px){.EmployeeProject-title{font-size:1.5rem}.EmployeeProject-card-title,.EmployeeProject-task-title{font-size:1.125rem}.EmployeeProject-form-row{flex-direction:column;gap:1rem}}.EmployeeProject-modal-xs{width:400px;max-height:450px}.EmployeeProject-modal-header-actions{display:flex;gap:.5rem;align-items:center}.EmployeeProject-notifications-list-container{height:350px;overflow-y:auto;padding-right:4px}.EmployeeProject-notifications-list-modal{display:flex;flex-direction:column;gap:.5rem}.EmployeeProject-notification-item-modal{background:#fff;border-radius:8px;padding:12px;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:all .2s ease;display:flex;gap:.75rem}.EmployeeProject-notification-item-modal:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#667eea4d}.EmployeeProject-notification-unread-modal{background:linear-gradient(135deg,#667eea14,#667eea0a);border-color:#667eea33}.EmployeeProject-notification-icon-modal{width:32px;height:32px;border-radius:50%;background:#0000000f;display:flex;align-items:center;justify-content:center;color:#667eea;flex-shrink:0}.EmployeeProject-notification-unread-modal .EmployeeProject-notification-icon-modal{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.EmployeeProject-notification-content-modal{flex:1;min-width:0}.EmployeeProject-notification-title-unread-modal{font-weight:700!important;color:#667eea}.EmployeeProject-notification-content-modal h5{font-size:.875rem;font-weight:500;margin:0 0 4px;color:#333;line-height:1.3}.EmployeeProject-notification-message-modal{font-size:.75rem;color:#666;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.EmployeeProject-notification-footer-modal{display:flex;align-items:center;justify-content:space-between;gap:8px}.EmployeeProject-notification-date-modal{color:#888;font-size:.7rem;display:flex;align-items:center;gap:2px;flex-shrink:0}.EmployeeProject-empty-notifications-modal{text-align:center;padding:3rem 1rem;color:#888}.EmployeeProject-empty-notifications-modal p{color:#666;margin:1rem 0 .5rem;font-size:.9rem}.EmployeeProject-empty-notifications-modal small{color:#aaa;font-size:.75rem}.EmployeeProject-notifications-list-container::-webkit-scrollbar{width:6px}.EmployeeProject-notifications-list-container::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.EmployeeProject-notifications-list-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.EmployeeProject-notifications-list-container::-webkit-scrollbar-thumb:hover{background:#0000004d}@media(max-width:480px){.EmployeeProject-modal-xs{width:90vw;max-height:70vh;margin:1rem}.EmployeeProject-notifications-list-container{height:300px}.EmployeeProject-notification-item-modal{padding:10px}.EmployeeProject-notification-content-modal h5{font-size:.8rem}.EmployeeProject-notification-message-modal{font-size:.7rem}}.client-meeting-container{padding:32px 24px;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:20px}.header-left{flex:1}.header-title{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.page-title{font-size:28px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.meeting-count{background:#e2e8f0;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:500;color:#475569}.page-subtitle{color:#64748b;margin:0;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:20px;border-radius:16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014;border-color:#cbd5e1}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.blue{background:#eff6ff;color:#2563eb}.stat-icon.green{background:#f0fdf4;color:#16a34a}.stat-icon.orange{background:#fff7ed;color:#ea580c}.stat-icon.red{background:#fef2f2;color:#dc2626}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:28px;font-weight:700;color:#0f172a;line-height:1.2}.stat-label{font-size:14px;color:#64748b;font-weight:500}.filters-section{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap;align-items:center}.search-wrapper{position:relative;flex:1;min-width:280px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;transition:all .2s}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:#f1f5f9;color:#475569}.filter-controls{display:flex;gap:12px;flex-wrap:wrap}.filter-select{padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;min-width:160px;color:#0f172a;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:#94a3b8}.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.view-toggle{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:12px}.view-btn{background:transparent;border:none;padding:8px 12px;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-btn:hover{color:#0f172a}.view-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000000d}.btn-primary{background:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .2s;box-shadow:0 4px 6px #2563eb33}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 10px #2563eb4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#334155;border:1px solid #e2e8f0;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626}.btn-small{padding:8px 16px;font-size:13px}.table-container{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px #00000005}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8fafc}.data-table th{padding:16px 20px;text-align:left;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.data-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr.today-row{background:#f0f9ff;border-left:4px solid #2563eb}.client-info{display:flex;align-items:center;gap:12px}.client-avatar{width:40px;height:40px;border-radius:10px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#475569;text-transform:uppercase}.client-details{display:flex;flex-direction:column;gap:4px}.client-name{font-weight:600;color:#0f172a}.client-meta{font-size:12px;color:#64748b;display:flex;gap:8px}.meeting-type{display:inline-flex;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.type-online{background:#dbeafe;color:#1e40af}.type-demo{background:#fef3c7;color:#92400e}.type-discussion{background:#dcfce7;color:#166534}.type-sales{background:#fce7f3;color:#9d174d}.type-review{background:#ede9fe;color:#5b21b6}.priority-badge{display:inline-flex;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.priority-high{background:#fee2e2;color:#b91c1c}.priority-normal{background:#fef9c3;color:#854d0e}.priority-low{background:#e0f2fe;color:#0369a1}.priority-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.priority-dot.priority-high{background:#dc2626}.priority-dot.priority-normal{background:#eab308}.priority-dot.priority-low{background:#3b82f6}.datetime{display:flex;flex-direction:column;gap:4px}.datetime .date{font-weight:500;color:#0f172a}.datetime .time{font-size:12px;color:#64748b}.datetime .duration{font-size:11px;color:#94a3b8}.location-cell{display:flex;align-items:center;gap:8px;color:#475569}.location-cell svg{flex-shrink:0;color:#94a3b8}.location-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-icon.btn-edit:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.btn-icon.btn-delete:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.meeting-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s;box-shadow:0 2px 4px #00000005}.meeting-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px #00000014;border-color:#cbd5e1}.card-header{padding:16px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.card-type{display:flex;align-items:center;gap:8px}.card-menu-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}.card-menu-btn:hover{background:#f1f5f9;color:#475569}.card-body{padding:16px}.card-client{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 4px}.card-company{font-size:14px;color:#64748b;margin-bottom:16px}.card-details{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.card-detail{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569}.card-detail svg{flex-shrink:0;color:#94a3b8}.card-description{background:#f8fafc;padding:12px;border-radius:8px;font-size:13px;color:#475569;margin-top:12px}.card-description p{margin:0;line-height:1.5}.card-footer{padding:16px;border-top:1px solid #f1f5f9;display:flex;gap:10px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{padding:24px 28px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#0f172a}.modal-close{background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#f1f5f9;color:#0f172a}.modal-body{padding:28px}.modal-footer{padding:20px 28px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-group.required label:after{content:"*";color:#ef4444;margin-left:4px}.form-group label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s;background:#fff}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#94a3b8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.form-group textarea{resize:vertical;min-height:100px}.empty-state{text-align:center;padding:80px 24px;background:#fff;border-radius:24px;border:2px dashed #e2e8f0}.empty-state-icon{margin-bottom:24px}.empty-state-icon svg{color:#94a3b8}.empty-state h3{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 8px}.empty-state p{color:#64748b;font-size:15px;margin:0 0 24px}.loading-state{text-align:center;padding:60px;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@media(max-width:1024px){.client-meeting-container{padding:24px 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.client-meeting-container{padding:20px 16px}.page-header{flex-direction:column;align-items:stretch}.header-title{flex-direction:column;align-items:flex-start;gap:8px}.stats-grid{grid-template-columns:1fr;gap:12px}.filters-section{flex-direction:column}.search-wrapper{min-width:100%}.filter-controls{width:100%}.filter-select{flex:1;min-width:0}.form-grid{grid-template-columns:1fr;gap:16px}.grid-view{grid-template-columns:1fr}.modal-content{margin:0;border-radius:0;max-height:100vh}.modal-header,.modal-body,.modal-footer{padding:20px}.table-container{overflow-x:auto}.data-table{min-width:800px}}@media(max-width:480px){.page-title{font-size:24px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px}.stat-number{font-size:24px}.btn-primary{width:100%;justify-content:center}.filter-controls{flex-direction:column}.view-toggle{width:100%;justify-content:stretch}.view-btn{flex:1}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}.meeting-card{margin:0}.card-footer{flex-direction:column}.card-footer button{width:100%}}@media print{.client-meeting-container{padding:0;background:#fff}.btn-primary,.filters-section,.modal-overlay,.action-buttons,.card-footer{display:none!important}.stats-grid{break-inside:avoid}.data-table{border:1px solid #000}}:root{--primary-blue: #2563eb;--primary-dark-blue: #1d4ed8;--secondary-blue: #3b82f6;--accent-blue: #60a5fa;--light-blue: #eff6ff;--blue-50: #f0f9ff;--blue-100: #e0f2fe;--blue-200: #bae6fd;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--info: #3b82f6;--info-light: #dbeafe;--error: #ef4444;--error-light: #fee2e2;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-xl: 18px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: all .2s ease;--transition-base: all .3s ease;--transition-slow: all .4s ease;--transition-bounce: all .3s cubic-bezier(.68, -.55, .265, 1.55);--header-padding-desktop: 32px 40px;--header-padding-tablet: 24px 32px;--header-padding-mobile: 20px 16px;--container-padding-desktop: 20px 40px 40px;--container-padding-tablet: 16px 32px 32px;--container-padding-mobile: 12px 16px 24px;--stats-padding-desktop: 32px 40px;--stats-padding-tablet: 28px 32px;--stats-padding-mobile: 20px 16px;--modal-padding-desktop: 24px;--modal-padding-tablet: 20px;--modal-padding-mobile: 16px;--font-size-title-desktop: 32px;--font-size-title-tablet: 28px;--font-size-title-mobile: 24px;--font-size-subtitle-desktop: 16px;--font-size-subtitle-tablet: 15px;--font-size-subtitle-mobile: 14px;--stat-value-desktop: 32px;--stat-value-tablet: 28px;--stat-value-mobile: 24px}.CreateAlert-container{min-height:100vh;background-color:var(--gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--gray-700);position:relative;overflow-x:hidden}.CreateAlert-icon{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.CreateAlert-gradient-header{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);padding:var(--header-padding-desktop);color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:slideDown .6s ease-out}.CreateAlert-gradient-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;animation:float 5s ease-in-out infinite}.CreateAlert-gradient-header:after{content:"";position:absolute;bottom:-50%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,2%) rotate(5deg)}75%{transform:translate(-2%,-2%) rotate(-5deg)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.CreateAlert-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;flex-wrap:wrap;gap:16px;animation:fadeIn .8s ease-out .2s both}.CreateAlert-header-text{flex:1;min-width:200px}.CreateAlert-title{font-size:var(--font-size-title-desktop);font-weight:700;margin:0 0 8px;letter-spacing:-.5px;line-height:1.2;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.CreateAlert-subtitle{font-size:var(--font-size-subtitle-desktop);opacity:.9;margin:0;font-weight:400;animation:slideInRight .5s ease-out .1s both}.CreateAlert-header-actions{display:flex;gap:16px;align-items:center;position:relative;animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.CreateAlert-create-button{padding:10px 24px;background:#fff;border:none;border-radius:var(--border-radius-md);color:var(--primary-blue);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-bounce);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);white-space:nowrap;position:relative;overflow:hidden}.CreateAlert-create-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#2563eb33;transform:translate(-50%,-50%);transition:width .4s,height .4s}.CreateAlert-create-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg);background:var(--gray-50)}.CreateAlert-create-button:hover:before{width:200px;height:200px}.CreateAlert-create-button:active{transform:translateY(0) scale(.95)}.CreateAlert-create-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.CreateAlert-button{padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition-bounce);display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;letter-spacing:.3px;white-space:nowrap;position:relative;overflow:hidden}.CreateAlert-button-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:#fff;box-shadow:var(--shadow-md)}.CreateAlert-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.CreateAlert-button-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.CreateAlert-button-primary:hover:not(:disabled):before{left:100%}.CreateAlert-button-primary:disabled{opacity:.6;cursor:not-allowed}.CreateAlert-button-secondary{background:#fff;color:var(--gray-600);border:1px solid var(--gray-300)}.CreateAlert-button-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.CreateAlert-button-secondary:disabled{opacity:.6;cursor:not-allowed}.CreateAlert-icon-button{width:40px;height:40px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:var(--transition-bounce);position:relative;overflow:hidden}.CreateAlert-icon-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.CreateAlert-icon-button:hover:not(:disabled){background:#fff3;transform:translateY(-2px) scale(1.1)}.CreateAlert-icon-button:hover:not(:disabled):before{width:80px;height:80px}.CreateAlert-icon-button:disabled{opacity:.5;cursor:not-allowed}.CreateAlert-refresh-button{position:relative}.CreateAlert-refreshing{animation:spin 1s linear infinite}.CreateAlert-stats-filters{padding:var(--stats-padding-desktop);background:#fff;margin:20px 40px 0;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);position:relative;z-index:1;animation:slideUp .5s ease-out .3s both;transform-origin:top}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.CreateAlert-search-container{margin-bottom:32px;animation:fadeIn .5s ease-out .4s both}.CreateAlert-search-field{position:relative;max-width:500px}.CreateAlert-search-field .CreateAlert-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:18px;z-index:1;transition:var(--transition-fast)}.CreateAlert-search-input{width:100%;padding:14px 20px 14px 48px;border:1px solid var(--gray-300);border-radius:var(--border-radius-lg);font-size:15px;transition:var(--transition-base);background:#fff}.CreateAlert-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a;transform:scale(1.02)}.CreateAlert-search-input:focus+.CreateAlert-icon{color:var(--primary-blue);transform:translateY(-50%) scale(1.1)}.CreateAlert-search-input::placeholder{color:var(--gray-400);transition:var(--transition-fast)}.CreateAlert-search-input:focus::placeholder{opacity:.7;transform:translate(5px)}.CreateAlert-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center;z-index:1;border-radius:50%;transition:var(--transition-bounce)}.CreateAlert-search-clear:hover{color:var(--gray-600);background:var(--gray-200);transform:translateY(-50%) scale(1.1) rotate(90deg)}.CreateAlert-view-mode-container{margin-bottom:32px;animation:fadeIn .5s ease-out .5s both}.CreateAlert-view-mode-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:20px;transition:var(--transition-base)}.CreateAlert-view-mode-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.CreateAlert-view-mode-label{font-size:14px;font-weight:600;color:var(--gray-600);margin-bottom:12px;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.CreateAlert-toggle-button-group{display:flex;gap:8px;flex-wrap:wrap}.CreateAlert-toggle-button{padding:10px 20px;border:1px solid var(--gray-300);background:#fff;border-radius:var(--border-radius-md);font-weight:500;font-size:14px;color:var(--gray-600);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;gap:8px;flex:1;justify-content:center;min-width:100px;position:relative;overflow:hidden}.CreateAlert-toggle-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#2563eb1a;transform:translate(-50%,-50%);transition:width .3s,height .3s}.CreateAlert-toggle-button:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.CreateAlert-toggle-button:hover:before{width:150px;height:150px}.CreateAlert-toggle-button-active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;font-weight:600}.CreateAlert-toggle-button-active:hover{background:var(--primary-dark-blue);color:#fff}.CreateAlert-badge{position:relative;display:inline-flex;vertical-align:middle}.CreateAlert-badge-content{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.CreateAlert-badge-error{background:var(--error)}.CreateAlert-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:20px}.CreateAlert-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:24px;cursor:pointer;transition:var(--transition-bounce);position:relative;overflow:hidden;border-top:4px solid;animation:scaleIn .5s ease-out;animation-fill-mode:both}.CreateAlert-stat-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.CreateAlert-stat-text{flex:1;min-width:0}.CreateAlert-stat-label{font-size:14px;font-weight:500;color:var(--gray-600);display:block;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CreateAlert-stat-value{font-size:var(--stat-value-desktop);font-weight:700;color:var(--gray-800);margin:0;line-height:1}.CreateAlert-filter-chip-container{display:flex;justify-content:flex-end}.CreateAlert-alerts-container{padding:var(--container-padding-desktop)}.CreateAlert-alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.CreateAlert-alert-card{background:#fff;border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-md);border-left:4px solid;transition:var(--transition-bounce);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;animation:slideInCard .5s ease-out;animation-fill-mode:both}@keyframes slideInCard{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.CreateAlert-alert-card:nth-child(1){animation-delay:.1s}.CreateAlert-alert-card:nth-child(2){animation-delay:.2s}.CreateAlert-alert-card:nth-child(3){animation-delay:.3s}.CreateAlert-alert-card:nth-child(4){animation-delay:.4s}.CreateAlert-alert-card:nth-child(5){animation-delay:.5s}.CreateAlert-alert-card:nth-child(6){animation-delay:.6s}.CreateAlert-alert-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 50%,rgba(37,99,235,.02) 50%);transition:var(--transition-base)}.CreateAlert-alert-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl)}.CreateAlert-alert-card:hover:before{background:linear-gradient(135deg,transparent 50%,rgba(37,99,235,.05) 50%)}.CreateAlert-alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.CreateAlert-alert-type{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-transform:capitalize;transition:var(--transition-fast)}.CreateAlert-alert-card:hover .CreateAlert-alert-type{transform:scale(1.05)}.CreateAlert-alert-type .CreateAlert-icon{font-size:16px;transition:var(--transition-bounce)}.CreateAlert-alert-card:hover .CreateAlert-alert-type .CreateAlert-icon{transform:rotate(10deg) scale(1.2)}.CreateAlert-alert-date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--gray-500);white-space:nowrap;transition:var(--transition-fast)}.CreateAlert-alert-card:hover .CreateAlert-alert-date{color:var(--primary-blue)}.CreateAlert-alert-date .CreateAlert-icon{font-size:12px}.CreateAlert-alert-message{font-size:14px;color:var(--gray-700);margin:0 0 16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;transition:var(--transition-fast)}.CreateAlert-alert-card:hover .CreateAlert-alert-message{color:var(--gray-900)}.CreateAlert-alert-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;flex-wrap:wrap;gap:8px}.CreateAlert-alert-assignments{display:flex;gap:8px;flex-wrap:wrap}.CreateAlert-alert-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--gray-100);border-radius:12px;font-size:11px;color:var(--gray-600);white-space:nowrap;transition:var(--transition-bounce)}.CreateAlert-alert-badge:hover{background:var(--primary-blue);color:#fff;transform:scale(1.05)}.CreateAlert-alert-badge .CreateAlert-icon{font-size:11px;transition:var(--transition-fast)}.CreateAlert-alert-badge:hover .CreateAlert-icon{transform:rotate(360deg)}.CreateAlert-unread-badge{padding:4px 8px;background:var(--primary-blue);color:#fff;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;animation:pulse 2s infinite}.CreateAlert-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:16px}.CreateAlert-modal{background:#fff;border-radius:var(--border-radius-lg);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.CreateAlert-modal-small{max-width:500px}.CreateAlert-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--gray-200);background:var(--gray-50);position:sticky;top:0;z-index:10;animation:slideInRight .3s ease-out}.CreateAlert-modal-header h2{font-size:20px;font-weight:600;color:var(--gray-800);margin:0}.CreateAlert-modal-close{background:none;border:none;font-size:20px;color:var(--gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--transition-bounce);width:32px;height:32px}.CreateAlert-modal-close:hover{background:var(--gray-200);color:var(--gray-700);transform:rotate(90deg) scale(1.1)}.CreateAlert-modal-content{padding:var(--modal-padding-desktop)}.CreateAlert-form-section{padding:24px;border-bottom:1px solid var(--gray-200);animation:fadeIn .5s ease-out;animation-fill-mode:both}.CreateAlert-form-section:nth-child(1){animation-delay:.1s}.CreateAlert-form-section:nth-child(2){animation-delay:.2s}.CreateAlert-form-section:nth-child(3){animation-delay:.3s}.CreateAlert-form-section:nth-child(4){animation-delay:.4s}.CreateAlert-form-section:last-child{border-bottom:none}.CreateAlert-section-title{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 20px;display:flex;align-items:center;gap:8px;position:relative}.CreateAlert-section-title:after{content:"";position:absolute;bottom:-5px;left:0;width:50px;height:3px;background:var(--primary-blue);border-radius:3px;animation:expandWidth .5s ease-out}@keyframes expandWidth{0%{width:0}to{width:50px}}.CreateAlert-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.CreateAlert-user-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.CreateAlert-user-count{color:var(--gray-600);font-size:14px;background:var(--gray-100);padding:4px 10px;border-radius:16px;animation:pulse 2s infinite}.CreateAlert-required{color:var(--error);font-size:14px;margin-left:4px;animation:bounce 2s infinite}.CreateAlert-select-all{background:none;border:1px solid var(--gray-300);color:var(--primary-blue);font-size:13px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:var(--border-radius-sm);transition:var(--transition-bounce);white-space:nowrap;position:relative;overflow:hidden}.CreateAlert-select-all:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#2563eb33;transform:translate(-50%,-50%);transition:width .3s,height .3s}.CreateAlert-select-all:hover{background:var(--light-blue);border-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.CreateAlert-select-all:hover:before{width:100px;height:100px}.CreateAlert-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.CreateAlert-type-card{padding:20px;border:2px solid var(--gray-200);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-bounce);position:relative;background:#fff;display:flex;gap:16px;align-items:flex-start;animation:scaleIn .4s ease-out;animation-fill-mode:both}.CreateAlert-type-card:nth-child(1){animation-delay:.2s}.CreateAlert-type-card:nth-child(2){animation-delay:.3s}.CreateAlert-type-card:nth-child(3){animation-delay:.4s}.CreateAlert-type-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(37,99,235,.1),transparent 70%);opacity:0;transition:var(--transition-base)}.CreateAlert-type-card:hover{border-color:var(--primary-blue);transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.CreateAlert-type-card:hover:before{opacity:1}.CreateAlert-type-selected{border-width:2px;box-shadow:var(--shadow-md);background:var(--light-blue);animation:selectedPulse 2s infinite}@keyframes selectedPulse{0%,to{box-shadow:0 4px 6px -1px #2563eb33}50%{box-shadow:0 10px 15px -3px #2563eb66}}.CreateAlert-type-icon{font-size:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-bounce)}.CreateAlert-type-card:hover .CreateAlert-type-icon{transform:scale(1.2) rotate(5deg)}.CreateAlert-type-info{flex:1;min-width:0}.CreateAlert-type-info h4{font-size:16px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CreateAlert-type-desc{font-size:12px;color:var(--gray-600);margin:0;line-height:1.5}.CreateAlert-type-check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--primary-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;animation:scaleIn .3s ease-out}.CreateAlert-textarea{width:100%;padding:16px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:15px;font-family:inherit;transition:var(--transition-base);resize:vertical;background:#fff}.CreateAlert-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a;transform:scale(1.01)}.CreateAlert-message-counter{text-align:right;font-size:13px;color:var(--gray-500);margin-top:8px;transition:var(--transition-fast)}.CreateAlert-textarea:focus~.CreateAlert-message-counter{color:var(--primary-blue)}.CreateAlert-selected-items{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius-md);padding:16px;margin-bottom:20px;animation:slideDown .3s ease-out}.CreateAlert-selected-label{font-size:13px;font-weight:600;color:var(--gray-600);display:block;margin-bottom:12px}.CreateAlert-selected-chips{display:flex;flex-wrap:wrap;gap:8px}.CreateAlert-users-list{max-height:300px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius-md);background:#fff}.CreateAlert-user-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden}.CreateAlert-user-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--primary-blue);transform:scaleY(0);transition:transform .2s}.CreateAlert-user-item:hover{background:var(--gray-50);transform:translate(4px)}.CreateAlert-user-item:hover:before{transform:scaleY(1)}.CreateAlert-user-item-selected{background:var(--light-blue);border-left:3px solid var(--primary-blue)}.CreateAlert-user-info{flex:1;min-width:0}.CreateAlert-user-name{font-size:14px;font-weight:600;color:var(--gray-800);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CreateAlert-user-details{font-size:12px;color:var(--gray-500);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CreateAlert-empty-list{padding:32px;text-align:center;color:var(--gray-500);font-style:italic}.CreateAlert-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;transition:var(--transition-bounce)}.CreateAlert-avatar:hover{transform:scale(1.1) rotate(5deg)}.CreateAlert-avatar-small{width:32px;height:32px;font-size:14px}.CreateAlert-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;line-height:1;border:1px solid transparent;white-space:nowrap;transition:var(--transition-bounce);max-width:200px;overflow:hidden;text-overflow:ellipsis;animation:scaleIn .3s ease-out}.CreateAlert-chip-small{padding:4px 10px;font-size:12px;max-width:150px}.CreateAlert-chip-outlined{background:transparent;border:1px solid}.CreateAlert-chip-icon{font-size:12px;display:inline-flex;align-items:center;flex-shrink:0;transition:var(--transition-fast)}.CreateAlert-chip:hover .CreateAlert-chip-icon{transform:rotate(360deg)}.CreateAlert-chip-delete{background:none;border:none;padding:0;margin-left:4px;color:inherit;opacity:.7;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;width:18px;height:18px;transition:var(--transition-bounce)}.CreateAlert-chip-delete:hover{opacity:1;background:#0000001a;transform:scale(1.2) rotate(90deg)}.CreateAlert-checkbox{display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0;position:relative}.CreateAlert-checkbox-input{position:absolute;opacity:0;width:0;height:0}.CreateAlert-checkbox-checkmark{width:18px;height:18px;border:2px solid var(--gray-300);border-radius:4px;position:relative;transition:var(--transition-bounce);background:#fff}.CreateAlert-checkbox-input:checked+.CreateAlert-checkbox-checkmark{background:var(--primary-blue);border-color:var(--primary-blue);transform:scale(1.1)}.CreateAlert-checkbox-input:checked+.CreateAlert-checkbox-checkmark:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkmark .2s ease-out}@keyframes checkmark{0%{opacity:0;transform:rotate(45deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}.CreateAlert-actions{padding:24px;display:flex;gap:16px;justify-content:flex-end;background:var(--gray-50);border-top:1px solid var(--gray-200);animation:slideUp .3s ease-out}.CreateAlert-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}.CreateAlert-tooltip{position:relative;display:inline-block}.CreateAlert-tooltip-text{visibility:hidden;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translate(-50%);background:var(--gray-800);color:#fff;padding:2px 4px;border-radius:var(--border-radius-sm);font-size:10px;white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.CreateAlert-tooltip:hover .CreateAlert-tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) translateY(-2px)}.CreateAlert-detail-item{margin-bottom:20px;animation:fadeIn .3s ease-out;animation-fill-mode:both}.CreateAlert-detail-item:nth-child(1){animation-delay:.1s}.CreateAlert-detail-item:nth-child(2){animation-delay:.2s}.CreateAlert-detail-item:nth-child(3){animation-delay:.3s}.CreateAlert-detail-item:nth-child(4){animation-delay:.4s}.CreateAlert-detail-item:nth-child(5){animation-delay:.5s}.CreateAlert-detail-item:last-child{margin-bottom:0}.CreateAlert-detail-label{display:block;font-size:13px;font-weight:600;color:var(--gray-600);margin-bottom:8px}.CreateAlert-detail-message{font-size:15px;color:var(--gray-800);margin:0;line-height:1.6;background:var(--gray-50);padding:12px;border-radius:var(--border-radius-md);border:1px solid var(--gray-200);word-break:break-word;transition:var(--transition-base)}.CreateAlert-detail-message:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.CreateAlert-detail-chips{display:flex;flex-wrap:wrap;gap:8px}.CreateAlert-empty-state{text-align:center;padding:60px 40px;background:#fff;border-radius:var(--border-radius-lg);border:2px dashed var(--gray-300);color:var(--gray-500);animation:fadeIn .5s ease-out}.CreateAlert-empty-state .CreateAlert-icon{font-size:48px;margin-bottom:16px;opacity:.5;animation:float 3s ease-in-out infinite}.CreateAlert-empty-state h3{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--gray-600);animation:slideUp .3s ease-out .1s both}.CreateAlert-empty-state p{font-size:15px;max-width:400px;margin:0 auto 20px;animation:slideUp .3s ease-out .2s both}.CreateAlert-empty-state .CreateAlert-create-button{margin-top:16px;animation:pulse 2s infinite,slideUp .3s ease-out .3s both}.CreateAlert-notification{position:fixed;bottom:32px;right:32px;z-index:1000;animation:slideInNotification .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInNotification{0%{transform:translate(100%) scale(.5);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.CreateAlert-notification-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;min-width:320px;animation:pulse 2s infinite}.CreateAlert-notification-content{display:flex;align-items:center;gap:16px;padding:16px 20px;color:#fff}.CreateAlert-notification-content .CreateAlert-icon{font-size:24px;flex-shrink:0;animation:bounce 2s infinite}.CreateAlert-notification-title{font-size:16px;font-weight:700;margin:0 0 2px}.CreateAlert-notification-message{font-size:14px;margin:0;opacity:.9;word-break:break-word}.CreateAlert-notification-close{margin-left:auto;background:none;border:none;color:#fff;cursor:pointer;font-size:18px;opacity:.7;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;width:28px;height:28px;transition:var(--transition-bounce)}.CreateAlert-notification-close:hover{opacity:1;background:#fff3;transform:rotate(90deg) scale(1.1)}.CreateAlert-permission-warning{background:var(--warning-light);border:1px solid var(--warning);border-radius:var(--border-radius-md);padding:16px 20px;margin:0 32px 20px;display:flex;align-items:center;gap:12px;color:var(--warning);font-weight:500;flex-wrap:wrap;animation:pulse 2s infinite,slideDown .3s ease-out}.CreateAlert-permission-warning .CreateAlert-icon{font-size:20px;flex-shrink:0}.CreateAlert-retry-button{background:var(--primary-blue);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;margin-top:10px;font-size:13px;font-weight:500;transition:var(--transition-bounce)}.CreateAlert-retry-button:hover{background:var(--primary-dark-blue);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotateIn{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}.CreateAlert-users-list::-webkit-scrollbar,.CreateAlert-modal::-webkit-scrollbar{width:6px}.CreateAlert-users-list::-webkit-scrollbar-track,.CreateAlert-modal::-webkit-scrollbar-track{background:var(--gray-100);border-radius:10px}.CreateAlert-users-list::-webkit-scrollbar-thumb,.CreateAlert-modal::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:10px;transition:var(--transition-fast)}.CreateAlert-users-list::-webkit-scrollbar-thumb:hover,.CreateAlert-modal::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.CreateAlert-textarea:disabled,.CreateAlert-search-input:disabled,.CreateAlert-user-item-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.CreateAlert-user-item-disabled:hover{background:transparent}@media(max-width:1024px)and (min-width:769px){.CreateAlert-gradient-header{padding:var(--header-padding-tablet)}.CreateAlert-title{font-size:var(--font-size-title-tablet)}.CreateAlert-subtitle{font-size:var(--font-size-subtitle-tablet)}.CreateAlert-stats-filters{padding:var(--stats-padding-tablet);margin:16px 32px 0}.CreateAlert-alerts-container{padding:var(--container-padding-tablet)}.CreateAlert-alerts-grid{grid-template-columns:repeat(2,1fr);gap:16px}.CreateAlert-type-grid,.CreateAlert-stats-grid{grid-template-columns:repeat(2,1fr)}.CreateAlert-stat-value{font-size:var(--stat-value-tablet)}.CreateAlert-modal{max-width:700px}.CreateAlert-modal-content{padding:var(--modal-padding-tablet)}.CreateAlert-form-section{padding:20px}}@media(max-width:768px){.CreateAlert-gradient-header{padding:var(--header-padding-mobile)}.CreateAlert-title{font-size:var(--font-size-title-mobile)}.CreateAlert-subtitle{font-size:var(--font-size-subtitle-mobile)}.CreateAlert-stats-filters{padding:var(--stats-padding-mobile);margin:12px 16px 0;border-radius:var(--border-radius-md)}.CreateAlert-search-field{max-width:100%}.CreateAlert-search-input{padding:12px 16px 12px 44px;font-size:14px}.CreateAlert-view-mode-card{padding:16px}.CreateAlert-toggle-button{padding:8px 12px;font-size:13px;min-width:80px}.CreateAlert-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.CreateAlert-stat-card{padding:16px}.CreateAlert-stat-label{font-size:12px}.CreateAlert-stat-value{font-size:var(--stat-value-mobile)}.CreateAlert-alerts-container{padding:var(--container-padding-mobile)}.CreateAlert-alerts-grid{grid-template-columns:1fr;gap:16px}.CreateAlert-alert-card{padding:16px}.CreateAlert-alert-header{flex-direction:column;align-items:flex-start}.CreateAlert-alert-date{align-self:flex-start}.CreateAlert-alert-message{font-size:13px;-webkit-line-clamp:2}.CreateAlert-alert-footer{flex-direction:column;align-items:flex-start;gap:8px}.CreateAlert-create-button{padding:8px 16px;min-width:auto;min-height:auto;justify-content:center}.CreateAlert-create-button span{display:inline}.CreateAlert-refresh-button{display:none}.CreateAlert-modal-overlay{top:54px}.CreateAlert-modal{width:95%;max-height:90vh}.CreateAlert-modal-header{padding:16px 20px}.CreateAlert-modal-header h2{font-size:18px}.CreateAlert-modal-content{padding:var(--modal-padding-mobile)}.CreateAlert-form-section{padding:16px}.CreateAlert-section-title{font-size:16px;margin-bottom:16px}.CreateAlert-type-grid{grid-template-columns:1fr;gap:12px}.CreateAlert-type-card{padding:16px}.CreateAlert-type-icon{font-size:24px}.CreateAlert-type-info h4{font-size:14px}.CreateAlert-textarea{padding:12px;font-size:14px}.CreateAlert-user-item{padding:10px 12px}.CreateAlert-user-name{font-size:13px}.CreateAlert-user-details{font-size:11px}.CreateAlert-actions{padding:16px;flex-direction:column}.CreateAlert-button{width:100%;justify-content:center;min-height:44px}.CreateAlert-notification{left:16px;right:16px;bottom:16px}.CreateAlert-notification-card{min-width:auto}.CreateAlert-notification-content{padding:12px 16px}.CreateAlert-notification-content .CreateAlert-icon{font-size:20px}.CreateAlert-notification-title{font-size:14px}.CreateAlert-notification-message{font-size:12px}.CreateAlert-empty-state{padding:40px 20px}.CreateAlert-empty-state .CreateAlert-icon{font-size:36px}.CreateAlert-empty-state h3{font-size:18px}.CreateAlert-empty-state p{font-size:13px}.CreateAlert-permission-warning{margin:0 16px 16px;padding:12px 16px;font-size:13px}.CreateAlert-section-header{flex-direction:column;align-items:flex-start}.CreateAlert-user-actions{width:100%;justify-content:space-between}.CreateAlert-select-all{width:auto}.CreateAlert-detail-message{font-size:14px;padding:10px}.CreateAlert-detail-chips{gap:6px}}@media(max-width:480px){.CreateAlert-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.CreateAlert-toggle-button-group{flex-direction:column}.CreateAlert-toggle-button{width:100%}.CreateAlert-stat-card{padding:14px}.CreateAlert-stat-value{font-size:22px}.CreateAlert-alert-badge,.CreateAlert-unread-badge{padding:3px 6px;font-size:10px}.CreateAlert-chip{max-width:150px}.CreateAlert-chip-small{max-width:120px}.CreateAlert-modal-header{padding:14px 16px}.CreateAlert-modal-content,.CreateAlert-form-section{padding:12px}.CreateAlert-type-card{padding:12px;gap:12px}.CreateAlert-selected-items{padding:12px}.CreateAlert-selected-chips{gap:6px}.CreateAlert-message-counter{font-size:12px}}@media(max-height:600px)and (orientation:landscape){.CreateAlert-modal{max-height:85vh}.CreateAlert-users-list{max-height:150px}.CreateAlert-form-section{padding:12px}.CreateAlert-type-grid{grid-template-columns:repeat(3,1fr)}.CreateAlert-textarea{max-height:80px}}@media(min-width:1440px){.CreateAlert-container{max-width:1400px;margin:0 auto}.CreateAlert-gradient-header{border-radius:20px;margin-top:20px}.CreateAlert-alerts-grid{grid-template-columns:repeat(3,1fr)}}@media print{.CreateAlert-gradient-header{background:none;color:#000;padding:20px}.CreateAlert-create-button,.CreateAlert-icon-button,.CreateAlert-modal-overlay,.CreateAlert-notification{display:none!important}.CreateAlert-alert-card{break-inside:avoid;border:1px solid #ddd;box-shadow:none}}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--secondary-color: #8b5cf6;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition: all .3s ease}.UserProfile-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden}.UserProfile-animated-bg{position:fixed;inset:0;z-index:0;overflow:hidden}.UserProfile-bg-circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.UserProfile-circle-1{width:500px;height:500px;top:-250px;right:-250px;background:linear-gradient(135deg,#fff3,#ffffff1a)}.UserProfile-circle-2{width:300px;height:300px;bottom:-150px;left:-150px;background:linear-gradient(135deg,#ffffff26,#ffffff0d)}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.UserProfile-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}@media(max-width:768px){.UserProfile-content{padding:1rem 1rem 2rem}}.UserProfile-mobile-header{position:sticky;top:0;z-index:50;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.UserProfile-back-btn{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:50%;transition:var(--transition);display:flex;align-items:center;justify-content:center}.UserProfile-back-btn:hover{background-color:var(--gray-100)}.UserProfile-back-btn .material-icons{font-size:1.5rem;color:var(--gray-700)}.UserProfile-mobile-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.UserProfile-edit-btn,.UserProfile-save-btn{background:none;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:var(--radius);transition:var(--transition);font-weight:500}.UserProfile-edit-btn{color:var(--primary-color)}.UserProfile-edit-btn:hover{background-color:#2563eb1a}.UserProfile-save-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.UserProfile-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.UserProfile-save-btn:disabled{opacity:.6;cursor:not-allowed}.UserProfile-desktop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.UserProfile-header-left{display:flex;align-items:center;gap:1rem}.UserProfile-back-btn-desktop{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.875rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.UserProfile-back-btn-desktop:hover{background:#fff3;transform:translate(-2px)}.UserProfile-desktop-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.UserProfile-header-actions{display:flex;align-items:center;gap:.75rem}.UserProfile-btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.UserProfile-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.UserProfile-btn-primary:disabled{opacity:.6;cursor:not-allowed}.UserProfile-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.UserProfile-btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.UserProfile-btn-icon{font-size:1.125rem}.UserProfile-main-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2);overflow:hidden}.UserProfile-profile-header{padding:2rem;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,#2563eb0d,#8b5cf60d)}@media(max-width:768px){.UserProfile-profile-header{padding:1.5rem}}.UserProfile-avatar-section{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.UserProfile-avatar-section{flex-direction:column;text-align:center;gap:1rem}}.UserProfile-avatar-wrapper{position:relative;display:inline-block}.UserProfile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:var(--shadow-lg)}.UserProfile-avatar-text{display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:600;color:#fff;text-transform:uppercase}.UserProfile-status-badge{position:absolute;bottom:5px;right:5px;width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.UserProfile-status-badge.active{color:var(--success-color)}.UserProfile-status-badge.inactive{color:var(--gray-400)}.UserProfile-status-badge .material-icons{font-size:1.25rem}.UserProfile-profile-info{flex:1}.UserProfile-user-name{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem}@media(max-width:768px){.UserProfile-user-name{font-size:1.5rem}}.UserProfile-user-badges{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}@media(max-width:768px){.UserProfile-user-badges{justify-content:center}}.UserProfile-role-badge{padding:.375rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;display:inline-block}.UserProfile-id-badge{display:flex;align-items:center;gap:.25rem;padding:.375rem 1rem;background:var(--gray-100);border-radius:2rem;font-size:.875rem;color:var(--gray-700)}.UserProfile-id-icon{font-size:1rem;color:var(--gray-500)}.UserProfile-user-email{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);font-size:.875rem}@media(max-width:768px){.UserProfile-user-email{justify-content:center}}.UserProfile-email-icon{font-size:1.125rem;color:var(--gray-500)}.UserProfile-quick-stats{display:flex;align-items:center;justify-content:space-around;padding-top:1.5rem;border-top:1px solid var(--gray-200)}@media(max-width:768px){.UserProfile-quick-stats{flex-direction:column;gap:1rem;align-items:flex-start}}.UserProfile-stat-item{flex:1;text-align:center}@media(max-width:768px){.UserProfile-stat-item{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between}}.UserProfile-stat-label{display:block;font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.UserProfile-stat-value{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.UserProfile-stat-divider{width:1px;height:30px;background:var(--gray-200)}@media(max-width:768px){.UserProfile-stat-divider{display:none}}.UserProfile-details-grid{padding:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){.UserProfile-details-grid{padding:1.5rem;grid-template-columns:1fr;gap:1.5rem}}.UserProfile-details-section{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.UserProfile-full-width{grid-column:1 / -1}.UserProfile-section-title{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;margin:0;font-size:1rem;font-weight:600;color:var(--gray-700);background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.UserProfile-section-icon{font-size:1.25rem;color:var(--primary-color)}.UserProfile-details-card{padding:1.5rem}.UserProfile-detail-row{margin-bottom:1.25rem}.UserProfile-detail-row:last-child{margin-bottom:0}.UserProfile-detail-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.UserProfile-detail-value{font-size:.9375rem;color:var(--gray-900);line-height:1.5;word-break:break-word}.UserProfile-status-text{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;display:inline-block}.UserProfile-status-text.active{background:#10b9811a;color:var(--success-color)}.UserProfile-status-text.inactive{background:#9ca3af1a;color:var(--gray-600)}.UserProfile-detail-input,.UserProfile-detail-select,.UserProfile-detail-textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.9375rem;color:var(--gray-900);transition:var(--transition);background:#fff}.UserProfile-detail-input:focus,.UserProfile-detail-select:focus,.UserProfile-detail-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.UserProfile-detail-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.UserProfile-detail-textarea{resize:vertical;min-height:80px}.UserProfile-loading-overlay{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.UserProfile-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:480px){.UserProfile-quick-stats{padding-top:1rem}.UserProfile-stat-item{padding:.5rem 0}.UserProfile-stat-label{font-size:.7rem}.UserProfile-stat-value{font-size:1rem}.UserProfile-details-card{padding:1rem}.UserProfile-detail-row{margin-bottom:1rem}}.UserProfile-main-card{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.UserProfile-details-section{animation:fadeIn .5s ease-out;animation-fill-mode:both}.UserProfile-details-section:nth-child(1){animation-delay:.1s}.UserProfile-details-section:nth-child(2){animation-delay:.2s}.UserProfile-details-section:nth-child(3){animation-delay:.3s}.UserProfile-details-section:nth-child(4){animation-delay:.4s}.UserProfile-details-section:nth-child(5){animation-delay:.5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--ciis-primary: #2563eb;--ciis-primary-dark: #1d4ed8;--ciis-secondary: #06b6d4;--ciis-accent: #8b5cf6;--ciis-success: #10b981;--ciis-warning: #f59e0b;--ciis-error: #ef4444;--ciis-light: #f8fafc;--ciis-lighter: #f1f5f9;--ciis-text: #475569;--ciis-text-light: #64748b;--ciis-dark: #1e293b;--ciis-darker: #0f172a;--ciis-white: #ffffff;--ciis-border: #e2e8f0;--ciis-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ciis-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ciis-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}html,body{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth;position:relative}body *{max-width:100%}.ciis-app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.6;color:var(--ciis-text);width:100%;max-width:100%;overflow-x:hidden;position:relative}.ciis-hero{min-height:80vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 35%,var(--ciis-accent) 70%,var(--ciis-primary-dark) 100%);color:var(--ciis-white);padding:80px 0 40px;position:relative;overflow:hidden;width:100%}.ciis-hero-background{position:absolute;inset:0;width:100%;overflow:hidden}.ciis-hero-radial-light-1{position:absolute;top:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,#ffffff26,#ffffff0d 50%,#fff0 70%);animation:ciis-pulse-1 8s ease-in-out infinite;filter:blur(20px)}.ciis-hero-radial-light-2{position:absolute;bottom:-30%;left:-20%;width:80%;height:80%;background:radial-gradient(circle,#ffffff1a,#ffffff08 50%,#fff0 70%);animation:ciis-pulse-2 12s ease-in-out infinite;filter:blur(25px)}.ciis-hero-gradient-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);animation:ciis-gradient-shift 16s ease-in-out infinite alternate}.ciis-hero-floating-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:ciis-float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.ciis-floating-1{top:20%;left:10%;width:60px;height:60px;animation-delay:0s;background:radial-gradient(circle,#fff3,#ffffff0d 70%)}.ciis-floating-2{bottom:30%;right:15%;width:45px;height:45px;background:#ffffff14;animation-delay:2s;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.ciis-floating-3{top:60%;left:80%;width:50px;height:50px;background:#ffffff1f;animation-delay:4s;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}@keyframes ciis-float{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-20px) rotate(120deg) scale(1.05)}66%{transform:translateY(-10px) rotate(240deg) scale(.95)}}@keyframes ciis-pulse-1{0%,to{opacity:.4;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.1) rotate(180deg)}}@keyframes ciis-pulse-2{0%,to{opacity:.3;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(1.05) rotate(-180deg)}}@keyframes ciis-gradient-shift{0%{transform:scale(1) rotate(0);opacity:.8}to{transform:scale(1.2) rotate(10deg);opacity:1}}.ciis-hero-container{max-width:100%;width:100%;margin:0 auto;padding:0 1rem;position:relative;z-index:2}.ciis-hero-content{max-width:min(1100px,100%);transform:translateY(-50px);text-align:center;margin:0 auto;width:100%;position:relative}.ciis-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ciis-white);padding:.6rem 1.2rem;border-radius:50px;font-size:.8rem;font-weight:700;margin-bottom:2rem;border:1px solid rgba(255,255,255,.4);white-space:nowrap;box-shadow:0 8px 32px #0000001a;animation:ciis-badge-pulse 3s ease-in-out infinite;position:relative;overflow:hidden}.ciis-hero-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.ciis-hero-badge:hover:before{left:100%}@keyframes ciis-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ciis-hero-title{font-size:clamp(3rem,7vw,4rem);font-weight:900;margin-bottom:1.5rem;line-height:1.1;width:100%;letter-spacing:-.02em}.ciis-hero-main{display:block;background:linear-gradient(135deg,#fff,#e0f2fe 30%,#f0f4ff 70%,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(255,255,255,.3),0 8px 32px rgba(255,255,255,.2);position:relative;animation:ciis-text-shimmer 8s ease-in-out infinite}.ciis-hero-subtitle{display:block;font-size:clamp(1.5rem,4vw,2.2rem);opacity:.95;font-weight:700;margin-top:.5rem;background:linear-gradient(135deg,#e0f2fe,#f0f4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes ciis-text-shimmer{0%,to{background-position:-200% center}50%{background-position:200% center}}.ciis-hero-description{font-size:clamp(1rem,3vw,1.3rem);margin-bottom:2.5rem;opacity:.95;line-height:1.7;max-width:min(700px,100%);margin-left:auto;margin-right:auto;width:100%;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.1)}.ciis-feature-chips{display:flex;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%;position:relative}.ciis-feature-chip{display:flex;align-items:center;gap:.5rem;background:#ffffff26;color:var(--ciis-white);border:1px solid rgba(255,255,255,.4);padding:.6rem 1.2rem;border-radius:50px;font-weight:600;font-size:.85rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.ciis-feature-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.ciis-feature-chip:hover{background:#ffffff40;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 32px #fff3,0 4px 16px #00000026}.ciis-feature-chip:hover:before{left:100%}.ciis-hero-actions{display:flex;gap:1rem;margin-bottom:3rem;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;position:relative}.ciis-hero-btn{padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;min-width:160px;flex:1;max-width:280px;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ciis-primary-btn{background:linear-gradient(135deg,var(--ciis-white) 0%,#f0f4ff 100%);color:var(--ciis-primary);box-shadow:0 8px 32px #fff3,0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.3)}.ciis-primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .5s ease}.ciis-primary-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #ffffff4d,0 8px 24px #00000026;background:linear-gradient(135deg,#fff,#e6f0ff)}.ciis-primary-btn:hover:before{left:100%}.ciis-trust-indicators{display:flex;align-items:center;gap:2rem;justify-content:center;flex-wrap:wrap;width:100%;max-width:100%;padding:2rem 0;position:relative}.ciis-trust-indicators:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.ciis-trust-item{display:flex;align-items:center;gap:.6rem;font-size:.9rem;opacity:.95;white-space:nowrap;font-weight:600;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.ciis-trust-item:hover{background:#fff3;transform:translateY(-2px)}.ciis-section-container{max-width:min(1200px,100%);width:100%;margin:0 auto;padding:0 1rem}.ciis-section-header{text-align:center;margin-bottom:3rem;width:100%;max-width:100%}.ciis-section-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;margin-bottom:1rem;color:var(--ciis-dark);width:100%;max-width:100%}.ciis-section-description{font-size:clamp(.9rem,3vw,1.1rem);color:var(--ciis-text-light);max-width:min(600px,100%);margin:0 auto 1rem;line-height:1.6;width:100%}.ciis-powerful-features{padding:3rem 0;background:var(--ciis-white);width:100%;overflow:hidden}.ciis-powerful-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;width:100%;max-width:100%}.ciis-powerful-feature-card{background:var(--ciis-white);border:1px solid var(--ciis-border);border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;width:100%;max-width:100%}.ciis-powerful-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);transform:scaleX(0);transition:transform .3s ease}.ciis-powerful-feature-card:hover{transform:translateY(-8px);box-shadow:var(--ciis-shadow-xl);border-color:var(--ciis-primary)}.ciis-powerful-feature-card:hover:before{transform:scaleX(1)}.ciis-powerful-feature-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--ciis-white);margin:0 auto 1rem;transition:all .3s ease}.ciis-powerful-feature-card:hover .ciis-powerful-feature-icon{transform:scale(1.1) rotate(5deg)}.ciis-powerful-feature-title{font-size:1.25rem;font-weight:700;color:var(--ciis-dark);margin-bottom:.8rem;width:100%}.ciis-powerful-feature-description{color:var(--ciis-text-light);line-height:1.6;font-size:.9rem;width:100%;max-width:100%}.dashboard-content{position:relative;right:-100px}@media(max-width:480px){.dashboard-content{box-sizing:30px;position:relative;right:-5px}}.ciis-dashboard-preview{padding:3rem 0;background:var(--ciis-lighter);width:100%;overflow:hidden}.ciis-dashboard-mockup{background:var(--ciis-white);border-radius:16px;padding:1.5rem;box-shadow:var(--ciis-shadow-xl);border:1px solid var(--ciis-border);width:100%;max-width:100%;margin:0 auto}.ciis-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem;width:100%;max-width:100%}.ciis-dashboard-feature{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem;background:var(--ciis-lighter);border-radius:12px;transition:all .3s ease;width:100%;max-width:100%}.ciis-dashboard-feature:hover{transform:translateY(-4px);box-shadow:var(--ciis-shadow)}.ciis-dashboard-feature-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--ciis-white);flex-shrink:0}.ciis-dashboard-feature-info{flex:1;min-width:0}.ciis-dashboard-feature-title{font-size:1.1rem;font-weight:700;color:var(--ciis-dark);line-height:1.2;margin-bottom:.5rem;width:100%}.ciis-dashboard-feature-description{font-size:.85rem;color:var(--ciis-text-light);font-weight:400;line-height:1.5;width:100%}.dashboard-overview{padding:3rem 0;background:#fff;color:#333;width:100%;min-height:auto;display:flex;align-items:center}.dashboard-container{min-height:55vh;max-width:1200px;margin:0 auto;padding:2rem;width:100%;border-radius:10px}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;color:#333}.dashboard-description{font-size:clamp(.9rem,2vw,1.1rem);opacity:.7;max-width:600px;margin:0 auto;line-height:1.6;color:#666}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:1200px}.stat-card{background:#f8f9fa;border-radius:12px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;border:1px solid #e9ecef;transition:all .3s ease;text-align:center;min-height:140px;justify-content:center}.stat-card:hover{transform:translateY(-5px);background:#fff;box-shadow:0 10px 30px #0000001a;border-color:#667eea}.stat-icon{width:50px;height:50px;background:#667eea;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;color:#fff}.stat-content{flex:1;display:flex;align-items:center;justify-content:center}.stat-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#333!important;line-height:1.4}.ciis-access{padding:3rem 0;background:var(--ciis-white);width:100%;overflow:hidden}.ciis-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:2rem;width:100%;max-width:100%}.ciis-access-card{background:var(--ciis-white);border:1px solid var(--ciis-border);border-radius:16px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;width:100%;max-width:100%}.ciis-access-card:hover{transform:translateY(-8px);box-shadow:var(--ciis-shadow-xl)}.ciis-admin-card{border-top:4px solid var(--ciis-primary)}.ciis-employee-card{border-top:4px solid var(--ciis-success)}.ciis-access-badge{position:absolute;top:1rem;right:1rem;background:var(--ciis-primary);color:var(--ciis-white);padding:.2rem .6rem;border-radius:50px;font-size:.7rem;font-weight:600;white-space:nowrap}.ciis-employee-card .ciis-access-badge{background:var(--ciis-success)}.ciis-access-header{text-align:center;margin-bottom:1.5rem;width:100%;max-width:100%}.ciis-access-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--ciis-white);margin:0 auto 1rem}.ciis-employee-card .ciis-access-icon{background:linear-gradient(135deg,var(--ciis-success) 0%,#059669 100%)}.ciis-access-title{font-size:1.25rem;font-weight:700;color:var(--ciis-dark);margin-bottom:.5rem;width:100%}.ciis-access-subtitle{color:var(--ciis-text-light);font-size:.9rem;width:100%}.ciis-access-list{list-style:none;margin-bottom:1.5rem;width:100%;max-width:100%}.ciis-access-list-item{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;color:var(--ciis-text);width:100%;max-width:100%;font-size:.85rem}.ciis-list-icon{width:20px;height:20px;background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--ciis-white);flex-shrink:0}.ciis-employee-card .ciis-list-icon{background:linear-gradient(135deg,var(--ciis-success) 0%,#059669 100%)}.ciis-access-btn{width:100%;padding:.8rem;background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);color:var(--ciis-white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;max-width:100%;font-size:.875rem}.ciis-access-btn:hover{transform:translateY(-2px);box-shadow:var(--ciis-shadow-lg)}.ciis-employee-card .ciis-access-btn{background:linear-gradient(135deg,var(--ciis-success) 0%,#059669 100%)}.ciis-benefits{padding:3rem 0;background:var(--ciis-lighter);width:100%;overflow:hidden}.ciis-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;width:100%;max-width:100%;margin:0 auto}.ciis-benefit-card{background:var(--ciis-white);border:1px solid var(--ciis-border);border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.ciis-benefit-card:hover{transform:translateY(-8px);box-shadow:var(--ciis-shadow-xl);border-color:var(--ciis-primary)}.ciis-benefit-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--ciis-primary) 0%,var(--ciis-secondary) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--ciis-white);margin:0 auto 1rem;transition:all .3s ease;flex-shrink:0}.ciis-benefit-card:hover .ciis-benefit-icon{transform:scale(1.1) rotate(5deg)}.ciis-benefit-title{font-size:1.1rem;font-weight:700;color:var(--ciis-dark);margin-bottom:.8rem;width:100%;line-height:1.3}.ciis-benefit-description{color:var(--ciis-text-light);line-height:1.6;width:100%;font-size:.85rem}@media(min-width:768px){.ciis-hero-container{padding:0 2rem}.ciis-hero{padding:100px 0 60px}.ciis-powerful-features,.ciis-dashboard-preview,.dashboard-overview,.ciis-access,.ciis-benefits{padding:4rem 0}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{min-height:160px;padding:1.5rem}.ciis-benefits-grid{gap:2rem}.ciis-benefit-card{padding:2rem 1.5rem}}@media(min-width:1024px){.ciis-hero-container{padding:0 3rem}.ciis-powerful-features-grid,.ciis-dashboard-grid{gap:2rem}.ciis-access-grid{gap:3rem}.ciis-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.ciis-hero-actions{flex-direction:column;align-items:center}.ciis-hero-btn{max-width:300px;width:100%}.ciis-feature-chips{gap:.5rem}.ciis-feature-chip{font-size:.8rem;padding:.5rem 1rem}.ciis-trust-indicators{gap:1rem}.ciis-trust-item{font-size:.8rem}.dashboard-stats{grid-template-columns:1fr}}@media(max-width:480px){.ciis-hero-container{padding:0 1rem}.ciis-hero-title{font-size:clamp(2.5rem,8vw,3rem)}.ciis-hero-subtitle{font-size:clamp(1.3rem,5vw,1.8rem)}.ciis-feature-chips{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.dashboard-stats{grid-template-columns:1fr}.ciis-hero-actions{flex-direction:column;align-items:center}.ciis-hero-btn{width:100%;max-width:280px}.ciis-trust-indicators{flex-direction:column;gap:.8rem}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--text-color: #333;--text-light: #666;--bg-color: #fff;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--border-radius: 8px;--transition: all .3s ease}.navbar{background-color:var(--bg-color);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;width:100%}.navbar-container{max-width:1550px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:65px}.logo-img{height:45px;width:auto;object-fit:contain;display:block}.nav-menu{display:flex;align-items:center;gap:40px}.nav-list{display:flex;list-style:none;gap:30px}.nav-link{text-decoration:none;color:var(--text-light);font-weight:500;font-size:1rem;transition:var(--transition);padding:8px 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color);border-radius:2px}.login-btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:var(--border-radius);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);letter-spacing:.5px}.login-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.menu-toggle .bar{width:100%;height:3px;background-color:var(--text-color);transition:var(--transition);border-radius:3px}.menu-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media screen and (max-width:768px){.navbar-container{padding:0 15px;height:60px}.menu-toggle{display:flex}.nav-menu{position:fixed;top:60px;left:0;width:100%;background-color:var(--bg-color);flex-direction:column;align-items:flex-start;padding:20px;box-shadow:var(--shadow);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);gap:0}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;width:100%;gap:0}.nav-item{width:100%;border-bottom:1px solid #f0f0f0}.nav-item:last-child{border-bottom:none}.nav-link{display:block;padding:15px 0;width:100%}.nav-link.active:after{display:none}.nav-actions{width:100%;padding-top:20px;margin-top:10px;border-top:1px solid #f0f0f0}.login-btn{width:100%;padding:12px}}@media screen and (min-width:769px)and (max-width:1024px){.navbar-container{padding:0 30px}.nav-menu{gap:25px}.nav-list{gap:20px}.login-btn{padding:9px 20px}}@media(max-width:768px){.logo-img{height:38px}}html{scroll-behavior:smooth}.ciis-footer *{margin:0;padding:0;box-sizing:border-box}.ciis-footer{--ciis-primary: #3a86ff;--ciis-secondary: #8338ec;--ciis-dark: #0f172a;--ciis-darker: #020617;--ciis-light: #f8fafc;--ciis-gray: #64748b;--ciis-gray-light: #e2e8f0;--ciis-white: #ffffff;background:var(--ciis-dark);color:var(--ciis-light);padding:4rem 0 0;width:100%;position:relative;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.ciis-footer-wave{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ciis-primary),var(--ciis-secondary));opacity:.7}.ciis-footer-container{max-width:1200px;width:100%;margin:0 auto;padding:0 2rem;position:relative}.ciis-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08)}.ciis-footer .ciis-footer-brand{display:flex;flex-direction:column;gap:1rem}.ciis-footer .ciis-footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ciis-footer .ciis-logo-image{height:28px;width:auto;object-fit:contain;filter:brightness(0) invert(1);transition:transform .3s ease}.ciis-footer .ciis-footer-logo:hover .ciis-logo-image{transform:scale(1.05)}.ciis-footer .ciis-footer-tagline{color:var(--ciis-primary);font-weight:600;font-size:1.1rem;margin:.5rem 0;line-height:1.4}.ciis-footer .ciis-footer-description{color:#94a3b8;line-height:1.6;font-size:.95rem;max-width:320px}.ciis-footer .ciis-footer-title{font-weight:600;margin-bottom:1.5rem;color:var(--ciis-white);font-size:1.1rem;position:relative;padding-bottom:.75rem;line-height:1.4}.ciis-footer .ciis-footer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--ciis-primary),transparent);border-radius:2px}.ciis-footer .ciis-footer-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.ciis-footer .ciis-footer-link{color:#cbd5e1;text-decoration:none;transition:all .3s ease;font-size:.95rem;display:inline-block;padding:.25rem 0;line-height:1.5}.ciis-footer .ciis-footer-link:hover{color:var(--ciis-primary);transform:translate(5px)}.ciis-footer .ciis-footer-contact-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.ciis-footer .ciis-contact-item{display:flex;align-items:flex-start;gap:.75rem;color:#cbd5e1;font-size:.95rem;line-height:1.5}.ciis-footer .ciis-contact-icon{color:var(--ciis-primary);font-size:.9rem;margin-top:.2rem;flex-shrink:0;min-width:16px}.ciis-footer .ciis-footer-bottom{padding:1.5rem 0}.ciis-footer .ciis-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.ciis-footer .ciis-copyright{color:#94a3b8;font-size:.9rem;line-height:1.5}.ciis-footer .ciis-legal-links{display:flex;align-items:center;gap:.5rem}.ciis-footer .ciis-legal-link{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .3s ease;line-height:1.5}.ciis-footer .ciis-legal-link:hover{color:var(--ciis-primary)}.ciis-footer .ciis-link-separator{color:#64748b;font-size:.8rem;line-height:1.5}.ciis-footer .ciis-social-links{display:flex;gap:.75rem}.ciis-footer .ciis-social-link{color:#94a3b8;width:38px;height:38px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.95rem;text-decoration:none}.ciis-footer .ciis-social-link:hover{background:#ffffff1f;transform:translateY(-3px);color:var(--ciis-white)}.ciis-footer .ciis-social-link:nth-child(1):hover{background:#0077b540}.ciis-footer .ciis-social-link:nth-child(2):hover{background:#1da1f240}.ciis-footer .ciis-social-link:nth-child(3):hover{background:#4267b240}.ciis-footer .ciis-social-link:nth-child(4):hover{background:#e1306c40}@media(max-width:768px){.ciis-footer{padding:3rem 0 0}.ciis-footer .ciis-footer-content{grid-template-columns:1fr;gap:2.5rem;text-align:center}.ciis-footer .ciis-footer-section{align-items:center}.ciis-footer .ciis-footer-description{max-width:100%}.ciis-footer .ciis-footer-title:after{left:50%;transform:translate(-50%)}.ciis-footer .ciis-contact-item{justify-content:center;text-align:center}.ciis-footer .ciis-bottom-content{flex-direction:column;text-align:center;gap:1rem}.ciis-footer .ciis-legal-links{order:2}.ciis-footer .ciis-social-links{order:3}}@media(min-width:769px)and (max-width:1024px){.ciis-footer .ciis-footer-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ciis-footer .ciis-footer-container{padding:0 1rem}.ciis-footer .ciis-logo-image{height:24px}.ciis-footer .ciis-social-link{width:36px;height:36px}.ciis-footer .ciis-footer-title{font-size:1rem}.ciis-footer .ciis-footer-link,.ciis-footer .ciis-contact-item,.ciis-footer .ciis-legal-link,.ciis-footer .ciis-copyright{font-size:.85rem}}.About-container{width:100%;margin:0;padding:0;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1a1a;overflow-x:hidden;box-sizing:border-box}*{box-sizing:border-box}.About-hero{min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);padding:50px 0 60px;width:100%;max-width:100vw}.About-hero-background{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}.About-hero-radial-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#3b82f614,#6366f10a,#fff0 50%)}.About-hero-grid-overlay{position:absolute;inset:0;width:100%;height:100%;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:40px 40px}.About-heroContainer{width:100%;max-width:100%;margin:0;padding:0 2rem;position:relative;z-index:2}.About-heroContent{max-width:800px;margin:0 auto;text-align:center;width:100%}.About-hero-badge-wrapper{margin-bottom:2.5rem;width:100%}.About-hero-badge{display:inline-flex;align-items:center;gap:.75rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:.75rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;color:#4f46e5;border:1px solid rgba(79,70,229,.2);box-shadow:0 4px 20px #0000000d;max-width:100%}.About-hero-badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}.About-heroTitle{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#1e293b,#334155,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:100%;max-width:100%;word-wrap:break-word}.About-heroMain{display:block;margin-bottom:.5rem;width:100%}.About-heroSubtitle{display:block;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500;color:#64748b;line-height:1.6;width:100%}.About-heroDescription{font-size:clamp(.9rem,2vw,1.125rem);color:#475569;line-height:1.7;max-width:600px;margin:0 auto 3rem;width:100%;padding:0 1rem}.About-hero-stats{display:inline-flex;align-items:center;gap:2rem;background:#fff;padding:1.5rem 2.5rem;border-radius:16px;box-shadow:0 4px 30px #00000014;border:1px solid #f1f5f9;max-width:90%;flex-wrap:wrap;justify-content:center}.About-hero-stat{text-align:center;min-width:100px}.About-hero-stat-number{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;color:#1e293b;margin-bottom:.25rem}.About-hero-stat-label{font-size:.875rem;color:#64748b;font-weight:500}.About-hero-stat-divider{width:1px;height:40px;background:#e2e8f0}.About-hero-cta{display:flex;gap:1rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.About-hero-button{padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;min-width:160px;display:flex;align-items:center;justify-content:center;gap:.5rem}.About-hero-button.primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;box-shadow:0 4px 15px #4f46e54d}.About-hero-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.About-hero-button.secondary{background:#fff;color:#4f46e5;border:2px solid #e0e7ff}.About-hero-button.secondary:hover{background:#f8fafc;transform:translateY(-2px);border-color:#4f46e5}.About-section{padding:2rem;width:100%;max-width:100vw;overflow:hidden}.About-sectionContainer{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.About-sectionHeader{text-align:center;margin-bottom:4rem;width:100%}.About-sectionTitle{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:#1e293b;margin-bottom:1rem;width:100%}.About-sectionTitle-accent{color:#4f46e5}.About-sectionDescription{font-size:clamp(1rem,2vw,1.125rem);color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;width:100%;padding:0 1rem}.About-companyContent{display:grid;gap:4rem;width:100%}.About-companyIntro{font-size:clamp(1rem,2vw,1.25rem);color:#475569;line-height:1.8;text-align:center;max-width:800px;margin:0 auto 2.5rem;width:100%;padding:0 1rem}.About-companyHighlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1rem;max-width:800px;margin:0 auto;width:100%;padding:0 1rem}.About-highlight{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;font-size:.95rem;color:#334155;width:100%;transition:all .3s ease}.About-highlight:hover{background:#f1f5f9;transform:translate(5px)}.About-highlight-icon{color:#4f46e5;flex-shrink:0}.About-companyStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1.5rem;margin-top:3rem;width:100%}.About-statCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 10px #0000000a;width:100%}.About-statCard:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a;border-color:#e0e7ff}.About-statCard-inner{display:flex;align-items:center;gap:1rem;width:100%}.About-statIcon{width:56px;height:56px;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4f46e5;flex-shrink:0}.About-statContent{flex:1;min-width:0}.About-statNumber{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;color:#1e293b;line-height:1;margin-bottom:.25rem;width:100%}.About-statLabel{font-size:.875rem;color:#64748b;font-weight:500;width:100%}.About-cardsContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:2rem;width:100%}.About-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);transition:all .3s ease;box-shadow:0 4px 20px #0000000a;width:100%;position:relative;overflow:hidden}.About-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.About-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#4f46e5,#10b981);opacity:0;transition:opacity .3s ease}.About-card:hover:before{opacity:1}.About-card-employee{border-top:4px solid #4f46e5}.About-card-tl{border-top:4px solid #10b981}.About-card-manager{border-top:4px solid #f59e0b}.About-card-hr{border-top:4px solid #8b5cf6}.About-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;width:100%}.About-cardIcon{width:60px;height:60px;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#4f46e5;flex-shrink:0}.About-card-tl .About-cardIcon{background:linear-gradient(135deg,#d1fae5,#dcfce7);color:#10b981}.About-card-manager .About-cardIcon{background:linear-gradient(135deg,#fef3c7,#fef9c3);color:#d97706}.About-card-hr .About-cardIcon{background:linear-gradient(135deg,#ede9fe,#e9d5ff);color:#8b5cf6}.About-cardTitle{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;width:100%}.About-cardText{color:#475569;line-height:1.7;margin-bottom:2rem;width:100%}.About-card-footer{display:flex;gap:.5rem;flex-wrap:wrap;width:100%;padding-top:1.5rem;border-top:1px solid #f1f5f9}.About-card-tag{font-size:.75rem;font-weight:600;padding:.25rem .75rem;background:#f1f5f9;border-radius:50px;color:#64748b}.About-card-employee .About-card-tag{background:#e0e7ff;color:#4f46e5}.About-card-tl .About-card-tag{background:#d1fae5;color:#065f46}.About-card-manager .About-card-tag{background:#fef3c7;color:#92400e}.About-card-hr .About-card-tag{background:#ede9fe;color:#5b21b6}.About-valuesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:2rem;width:100%}.About-valueCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;text-align:center;position:relative;transition:all .3s ease;width:100%;height:100%}.About-valueCard:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.About-valueIcon{width:56px;height:56px;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#4f46e5;flex-shrink:0}.About-valueCard:nth-child(1) .About-valueIcon{background:linear-gradient(135deg,#fef3c7,#fef9c3);color:#d97706}.About-valueCard:nth-child(2) .About-valueIcon{background:linear-gradient(135deg,#d1fae5,#dcfce7);color:#10b981}.About-valueCard:nth-child(3) .About-valueIcon{background:linear-gradient(135deg,#e0e7ff,#ede9fe);color:#4f46e5}.About-valueCard:nth-child(4) .About-valueIcon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.About-valueCard:nth-child(5) .About-valueIcon{background:linear-gradient(135deg,#dbeafe,#d1d5db);color:#1d4ed8}.About-valueCard:nth-child(6) .About-valueIcon{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0ea5e9}.About-valueCard:nth-child(7) .About-valueIcon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.About-valueCard:nth-child(8) .About-valueIcon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.About-valueTitle{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;width:100%}.About-valueCard p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0;width:100%}.About-value-border{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(135deg,#4f46e5,#10b981);border-radius:2px;opacity:0;transition:opacity .3s ease}.About-valueCard:hover .About-value-border{opacity:1}.About-featuresGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:2rem;width:100%}.About-featureCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;width:100%;height:100%}.About-featureCard:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.About-featureIcon{display:flex;justify-content:center;align-items:center;position:relative;width:64px;height:64px;margin:0 auto 1.5rem}.About-featureIcon-bg{position:absolute;inset:0;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:16px;transform:rotate(45deg);transition:transform .3s ease}.About-featureCard:hover .About-featureIcon-bg{transform:rotate(0)}.About-featureIcon svg{position:relative;z-index:1;color:#4f46e5}.About-featureCard h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;width:100%}.About-featureCard p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0;width:100%}.About-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:2rem;margin-bottom:4rem}.About-benefit-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.About-benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014;border-color:#e0e7ff}.About-benefit-icon{width:56px;height:56px;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#4f46e5}.About-benefit-card:nth-child(1) .About-benefit-icon{background:linear-gradient(135deg,#d1fae5,#dcfce7);color:#10b981}.About-benefit-card:nth-child(2) .About-benefit-icon{background:linear-gradient(135deg,#fef3c7,#fef9c3);color:#d97706}.About-benefit-card:nth-child(3) .About-benefit-icon{background:linear-gradient(135deg,#e0e7ff,#ede9fe);color:#4f46e5}.About-benefit-card:nth-child(4) .About-benefit-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.About-benefit-card:nth-child(5) .About-benefit-icon{background:linear-gradient(135deg,#dbeafe,#d1d5db);color:#1d4ed8}.About-benefit-card:nth-child(6) .About-benefit-icon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.About-benefit-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.About-benefit-card p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0}.About-cta{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;position:relative;overflow:hidden;width:100%;max-width:100vw;padding:6rem 0}.About-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.About-cta .About-sectionHeader{margin-bottom:3rem;position:relative;z-index:1}.About-cta .About-sectionTitle{color:#fff;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.About-cta .About-sectionDescription{color:#cbd5e1}.About-cta .About-benefits-grid{position:relative;z-index:1}.About-cta .About-benefit-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.About-cta .About-benefit-card h3{color:#fff}.About-cta .About-benefit-card p{color:#cbd5e1}.About-cta-actions{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;margin-top:4rem;text-align:center;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.About-cta-content{margin-bottom:2rem}.About-cta-content h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1rem}.About-cta-content p{font-size:1.125rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.About-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.About-cta-button{padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;min-width:160px;display:flex;align-items:center;justify-content:center;gap:.5rem}.About-cta-button.primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;box-shadow:0 4px 15px #4f46e54d}.About-cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.About-cta-button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.About-cta-button.secondary:hover{background:#fff3;transform:translateY(-2px);border-color:#ffffff80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1024px){.About-hero-stats{gap:1.5rem;padding:1.25rem 2rem}.About-companyHighlights{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}}@media(max-width:768px){.About-hero{padding:100px 0 40px;min-height:75vh}.About-heroTitle{font-size:clamp(1.8rem,4vw,2.5rem)}.About-hero-stats{flex-direction:row;flex-wrap:wrap;gap:1.5rem;padding:1rem;max-width:95%}.About-hero-stat-divider{display:none}.About-section{padding:3rem 0}.About-sectionTitle{font-size:clamp(1.5rem,3vw,2rem)}.About-companyContent{gap:2rem}.About-companyStats{grid-template-columns:repeat(2,1fr)}.About-heroContainer,.About-sectionContainer{padding:0 1rem}.About-valuesGrid,.About-featuresGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.About-benefits-grid{grid-template-columns:repeat(2,1fr)}.About-hero-cta{flex-direction:column;align-items:center}.About-hero-button,.About-cta-button{width:100%;max-width:300px}}@media(max-width:640px){.About-hero{min-height:70vh;padding:80px 0 40px}.About-heroTitle{font-size:clamp(1.5rem,4vw,2rem)}.About-heroSubtitle{font-size:clamp(.9rem,2vw,1.125rem)}.About-hero-stats{flex-direction:column;gap:1rem}.About-hero-stat-divider{display:block;width:80%;height:1px;background:#e2e8f0;margin:.5rem 0}.About-cardsContainer,.About-companyStats,.About-valuesGrid,.About-featuresGrid,.About-benefits-grid{grid-template-columns:1fr}.About-statCard{padding:1.25rem}.About-card,.About-valueCard,.About-featureCard,.About-benefit-card{padding:1.5rem}.About-cta{padding:3rem 0}.About-cta-actions{padding:2rem 1rem}.About-cta-buttons{flex-direction:column;align-items:center}.About-cta-content h3{font-size:1.5rem}}@media(max-width:480px){.About-hero-badge{font-size:.75rem;padding:.5rem 1rem}.About-hero-stats{padding:1rem;gap:.75rem}.About-hero-stat{min-width:80px}.About-hero-stat-number{font-size:1.25rem}.About-hero-stat-divider{width:60%}.About-sectionContainer{padding:0 .75rem}.About-card-footer{justify-content:center}.About-highlight{font-size:.875rem;padding:.5rem .75rem}}@media print{.About-container{background:#fff;color:#000}.About-hero-background,.About-hero-grid-overlay,.About-hero-radial-gradient,.About-cta:before{display:none}.About-hero{background:#fff!important;padding:60px 0 30px;min-height:auto}.About-section{page-break-inside:avoid}.About-card,.About-valueCard,.About-featureCard,.About-benefit-card{box-shadow:none;border:1px solid #ddd}.About-cta{background:#fff!important;color:#000!important}.About-cta .About-sectionTitle,.About-heroTitle{color:#000!important;background:none!important;-webkit-text-fill-color:black!important}.About-hero-button,.About-cta-button{display:none!important}}@media(prefers-contrast:high){.About-heroTitle,.About-sectionTitle,.About-valueTitle,.About-featureCard h3,.About-cardTitle,.About-benefit-card h3{color:#000!important;background:none!important;-webkit-text-fill-color:black!important}.About-statIcon,.About-valueIcon,.About-featureIcon-bg,.About-cardIcon,.About-benefit-icon{border:2px solid black}}@media(prefers-reduced-motion:reduce){.About-statCard,.About-card,.About-valueCard,.About-featureCard,.About-benefit-card,.About-hero-badge-dot,.About-featureIcon-bg,.About-highlight,.About-hero-button,.About-cta-button{transition:none!important;animation:none!important;transform:none!important}.About-hero-badge-dot{animation:none}}.About-container{background:#fff!important;color:#000!important}@media(max-width:1024px){.About-hero{padding:100px 0 50px}.About-heroContent{padding:0 1rem}.About-hero-stats{gap:1.5rem;padding:1.25rem 2rem}.About-companyHighlights,.About-valuesGrid,.About-featuresGrid,.About-benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.About-hero{padding:80px 0 40px;min-height:70vh}.About-heroTitle{font-size:clamp(1.6rem,4vw,2.2rem)}.About-heroSubtitle,.About-heroDescription{padding:0 1rem}.About-hero-stats{flex-wrap:wrap;padding:1rem;gap:1rem}.About-section{padding:2.5rem 1rem}.About-sectionTitle{font-size:clamp(1.4rem,3vw,1.9rem)}.About-valuesGrid,.About-featuresGrid{gap:1.5rem}.About-card,.About-valueCard,.About-featureCard,.About-benefit-card{padding:1.25rem}.About-cta-buttons{flex-direction:column}.About-cta-button{width:100%;max-width:320px}}@media(max-width:640px){.About-hero{min-height:60vh}.About-heroTitle{font-size:1.5rem}.About-hero-stats{flex-direction:column;gap:.75rem}.About-hero-stat-divider{display:none!important}.About-valuesGrid,.About-featuresGrid,.About-benefits-grid,.About-cardsContainer,.About-companyStats{grid-template-columns:1fr}.About-card,.About-valueCard,.About-featureCard{padding:1.2rem}.About-sectionContainer{padding:0 .75rem}}@media(max-width:480px){.About-hero-badge{font-size:.7rem;padding:.4rem .8rem}.About-hero-stat-number{font-size:1.2rem}.About-hero-button,.About-cta-button{width:100%}.About-card-footer{justify-content:center}.About-highlight{font-size:.85rem;padding:.5rem}}@media(max-width:380px){.About-heroTitle{font-size:1.3rem}.About-valueTitle,.About-featureCard h3{font-size:1.1rem}}:root{--Contact-primary: #2563eb;--Contact-primary-dark: #1d4ed8;--Contact-secondary: #0f172a;--Contact-accent: #06b6d4;--Contact-success: #10b981;--Contact-warning: #f59e0b;--Contact-purple: #8b5cf6;--Contact-light: #f8fafc;--Contact-gray: #f1f5f9;--Contact-gray-dark: #64748b;--Contact-border: #e2e8f0;--Contact-text: #334155;--Contact-white: #ffffff;--Contact-shadow: 0 1px 3px rgba(0, 0, 0, .05);--Contact-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08);--Contact-shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .1);--Contact-radius: 8px;--Contact-radius-lg: 16px;--Contact-radius-xl: 24px}.Contact{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--Contact-text);background-color:var(--Contact-white);line-height:1.6;width:100vw;max-width:100%;overflow-x:hidden!important}.Contact-hero-banner{background:linear-gradient(135deg,#0f172afa,#1e293bf2);padding:60px 0 80px;text-align:center;position:relative;overflow:hidden;width:100%}.Contact-hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(37,99,235,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%)}.Contact-hero-content{max-width:800px;margin:0 auto;padding:0 clamp(1rem,5vw,2rem);position:relative;z-index:2}.Contact-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;color:#ffffffe6}.Contact-hero-badge-dot{width:6px;height:6px;background:var(--Contact-accent);border-radius:50%}.Contact-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--Contact-white);letter-spacing:-.02em}.Contact-hero-subtitle{font-size:clamp(.95rem,2vw,1.125rem);color:#ffffffb3;max-width:600px;margin:0 auto 2rem;line-height:1.6}.Contact-hero-features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.Contact-hero-feature{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.Contact-hero-feature-icon{color:var(--Contact-accent)}.Contact-main-container{max-width:1200px;margin:-40px auto 5rem;padding:0 clamp(1rem,5vw,2rem);position:relative;z-index:3}.Contact-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:992px){.Contact-grid{grid-template-columns:1fr 1fr;gap:3rem}}.Contact-left-column{display:flex;flex-direction:column;gap:2rem}.Contact-form-card{background:var(--Contact-white);border-radius:var(--Contact-radius-xl);padding:4rem;box-shadow:var(--Contact-shadow-xl);border:1px solid var(--Contact-border)}.Contact-form-header{margin-bottom:2rem}.Contact-form-title{font-size:1.5rem;font-weight:600;color:var(--Contact-secondary);margin-bottom:.5rem}.Contact-form-description{color:var(--Contact-gray-dark);font-size:.95rem}.Contact-success-card{background:linear-gradient(135deg,var(--Contact-success) 0%,#059669 100%);color:var(--Contact-white);padding:1.25rem;border-radius:var(--Contact-radius);display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.Contact-form{display:flex;flex-direction:column;gap:1.5rem}.Contact-form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.Contact-form-grid{grid-template-columns:repeat(2,1fr)}}.Contact-form-group{display:flex;flex-direction:column;gap:.5rem}.Contact-form-label{font-size:.875rem;font-weight:500;color:var(--Contact-secondary);display:flex;align-items:center;gap:.25rem}.Contact-form-required{color:#ef4444;font-size:1.2em;line-height:1}.Contact-form-input,.Contact-form-textarea{width:100%;padding:.875rem 1rem;border:1.5px solid var(--Contact-border);border-radius:var(--Contact-radius);font-size:.95rem;font-family:inherit;color:var(--Contact-text);background:var(--Contact-white);transition:all .2s ease}.Contact-form-input:focus,.Contact-form-textarea:focus{outline:none;border-color:var(--Contact-primary);box-shadow:0 0 0 3px #2563eb1a}.Contact-form-input::placeholder,.Contact-form-textarea::placeholder{color:var(--Contact-gray-dark);opacity:.6}.Contact-form-textarea{resize:vertical;min-height:120px;line-height:1.5}.Contact-submit-button{background:var(--Contact-primary);color:var(--Contact-white);border:none;padding:1rem 2rem;border-radius:var(--Contact-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;position:relative;overflow:hidden}.Contact-submit-button:hover:not(:disabled){background:var(--Contact-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.Contact-submit-button:active:not(:disabled){transform:translateY(0)}.Contact-submit-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.Contact-submit-button:hover:after{width:300px;height:300px}.Contact-submit-loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--Contact-white);animation:Contact-spin 1s linear infinite}@keyframes Contact-spin{to{transform:rotate(360deg)}}.Contact-map-section{background:var(--Contact-light);border-radius:var(--Contact-radius-xl);padding:1.5rem;box-shadow:var(--Contact-shadow-lg);border:1px solid var(--Contact-border)}.Contact-map-container{position:relative;height:200px;border-radius:var(--Contact-radius);overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.Contact-map-overlay{position:absolute;inset:0;background:#0f172ad9;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end}.Contact-map-title{font-size:1rem;font-weight:600;color:var(--Contact-white);margin-bottom:1rem}.Contact-map-address{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.Contact-map-address svg{color:var(--Contact-accent);flex-shrink:0;margin-top:.125rem}.Contact-map-address p{font-size:.875rem;color:#fffc;line-height:1.5}.Contact-map-actions{display:flex;gap:.75rem}.Contact-map-button{padding:.5rem 1rem;border-radius:var(--Contact-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.Contact-map-button-primary{background:var(--Contact-white);color:var(--Contact-secondary)}.Contact-map-button-primary:hover{background:var(--Contact-gray);transform:translateY(-1px)}.Contact-right-column{display:flex;flex-direction:column;gap:2rem}.Contact-info-card{background:var(--Contact-secondary);color:var(--Contact-white);border-radius:var(--Contact-radius-xl);padding:3.6rem;position:relative;overflow:hidden}.Contact-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.Contact-info-header{margin-bottom:2rem}.Contact-info-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.Contact-info-description{color:#fff9;font-size:.95rem;line-height:1.6}.Contact-info-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.Contact-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff08;border-radius:var(--Contact-radius);border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.Contact-info-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.Contact-info-icon{width:40px;height:40px;min-width:40px;background:var(--info-color);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--Contact-white)}.Contact-info-content{flex:1}.Contact-info-item-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.Contact-info-details{display:flex;flex-direction:column;gap:.25rem}.Contact-info-detail{font-size:.875rem;color:#ffffffb3}.Contact-team-highlight{background:#ffffff0d;border-radius:var(--Contact-radius);padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.08)}.Contact-team-icon{width:40px;height:40px;background:var(--Contact-accent);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--Contact-white)}.Contact-team-highlight h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.Contact-team-highlight p{font-size:.875rem;color:#ffffffb3}.Contact-response-card{background:var(--Contact-white);border-radius:var(--Contact-radius-xl);padding:2.7rem;box-shadow:var(--Contact-shadow-lg);border:1px solid var(--Contact-border)}.Contact-response-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.Contact-response-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--Contact-warning) 0%,#d97706 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--Contact-white)}.Contact-response-header h4{font-size:1.25rem;font-weight:600;color:var(--Contact-secondary)}.Contact-response-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.Contact-response-stat{text-align:center;padding:1rem;background:var(--Contact-light);border-radius:var(--Contact-radius);border:1px solid var(--Contact-border)}.Contact-response-number{font-size:1.75rem;font-weight:700;color:var(--Contact-primary);line-height:1;margin-bottom:.25rem}.Contact-response-label{font-size:.875rem;color:var(--Contact-gray-dark);font-weight:500}@media(max-width:768px){.Contact-hero-banner{padding:100px 0 60px}.Contact-main-container{margin:-40px auto 3rem}.Contact-form-card,.Contact-info-card{padding:2rem}.Contact-hero-title{font-size:1.75rem}.Contact-hero-features{flex-direction:column;align-items:center}.Contact-hero-feature{width:100%;justify-content:center}}@media(max-width:640px){.Contact-form-grid,.Contact-response-stats{grid-template-columns:1fr}.Contact-info-item{flex-direction:column;text-align:center;align-items:center}.Contact-team-highlight{flex-direction:column;text-align:center}.Contact-map-actions{flex-direction:column}.Contact-map-button{width:100%}}@keyframes Contact-focus{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.Contact-form-input:focus,.Contact-form-textarea:focus{animation:Contact-focus .3s ease}.Contact-info-item,.Contact-team-highlight,.Contact-response-stat{transition:all .3s cubic-bezier(.4,0,.2,1)}.Contact-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.Contact-map-container{position:relative}.Contact-map-container:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:Contact-shimmer 2s infinite}@keyframes Contact-shimmer{0%{left:-100%}to{left:100%}}.ciis-login-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:16px}.ciis-login-paper{border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;background:#fff;max-width:1000px;width:100%;min-height:600px;display:flex}.ciis-login-left{background:linear-gradient(135deg,#1e3a8a,#3730a3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden;flex:0 0 45%}.ciis-login-left-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;opacity:.3}.ciis-login-left-content{position:relative;z-index:1;text-align:center;color:#fff;width:100%}.ciis-login-logo-container{width:320px;height:120px;border-radius:12px;background-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;margin:0 auto 32px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:10px}.ciis-login-company-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.ciis-login-company-name{font-family:Oswald,sans-serif;font-size:2.125rem;font-weight:600;margin-bottom:8px;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}.ciis-login-company-subtitle{opacity:.9;letter-spacing:.5px;font-size:.875rem;color:#fff;margin-bottom:24px}.ciis-login-features-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;width:100%;text-align:left;margin-top:16px}.ciis-login-features-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:16px}.ciis-login-feature-item{display:flex;align-items:center;padding:4px 0}.ciis-login-feature-icon{width:36px;display:flex;align-items:center;justify-content:center}.ciis-login-feature-text{color:#fff;font-size:.9rem}.ciis-login-right{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 48px}.ciis-login-form-container{max-width:400px;margin:0 auto;width:100%}.ciis-login-form-header{text-align:center;margin-bottom:32px}.ciis-login-form-logo{display:none}.ciis-login-form-title{font-size:2.125rem;font-weight:700;margin-bottom:8px;color:#333;letter-spacing:-.5px}.ciis-login-form-subtitle{color:#666;margin-bottom:24px;font-size:1rem}.ciis-login-error-alert{background-color:#fdeded;color:#5f2120;padding:12px 16px;border-radius:8px;margin-bottom:24px;border:1px solid #f5c6cb;display:flex;align-items:center}.ciis-login-error-icon{margin-right:12px;display:flex;align-items:center}.ciis-login-input-group{margin-bottom:16px}.ciis-login-input-label{display:block;margin-bottom:6px;color:#333;font-weight:500;font-size:.875rem}.ciis-login-input-container{position:relative;display:flex;align-items:center}.ciis-login-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.ciis-login-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.ciis-login-input-error{border-color:#f44336}.ciis-login-input-error:focus{border-color:#f44336;box-shadow:0 0 0 2px #f4433633}.ciis-login-input-icon{position:absolute;left:12px;color:#777}.ciis-login-input-adornment{position:absolute;right:12px;cursor:pointer;color:#777}.ciis-login-error-text{color:#f44336;font-size:.75rem;margin-top:4px;display:block}.ciis-login-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #667eea66}.ciis-login-button:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a3a9a);box-shadow:0 6px 20px #667eea80;transform:translateY(-1px)}.ciis-login-button:disabled{opacity:.6;cursor:not-allowed}.ciis-login-button-icon{margin-right:8px;display:flex;align-items:center}.ciis-login-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ciis-spin 1s linear infinite}@keyframes ciis-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ciis-login-link-text{margin-top:24px;text-align:center;color:#666;font-size:.875rem}.ciis-login-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.ciis-login-link:hover{color:#5a6fd8;text-decoration:underline}.ciis-login-terms{margin-top:32px;text-align:center;color:#999;font-size:.75rem;line-height:1.5}.ciis-login-terms-link{color:#999;text-decoration:none;transition:color .3s ease}.ciis-login-terms-link:hover{color:#667eea;text-decoration:underline}.ciis-login-fade-in{animation:ciis-fade-in .5s ease-in-out}@keyframes ciis-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ciis-login-icon{display:inline-block;vertical-align:middle}.otp-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.otp-popup-container{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.otp-popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.otp-popup-close:hover{background:#f3f4f6;color:#333}.otp-popup-header{text-align:center;margin-bottom:24px}.otp-popup-icon{margin-bottom:16px}.otp-popup-header h2{font-size:1.5rem;color:#333;margin-bottom:8px}.otp-popup-header p{color:#666;margin:4px 0}.otp-popup-email{font-weight:600;color:#667eea!important;background:#f3f4f6;padding:4px 12px;border-radius:20px;display:inline-block;margin-top:8px!important}.otp-popup-inputs{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.otp-popup-input{width:48px;height:56px;border:2px solid #e5e7eb;border-radius:8px;font-size:1.5rem;text-align:center;font-weight:600;transition:all .3s ease}.otp-popup-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.otp-popup-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.otp-popup-error{color:#f44336;font-size:.875rem;text-align:center;margin-bottom:16px;padding:8px;background:#fdeded;border-radius:8px}.otp-popup-verify-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.otp-popup-verify-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #667eea66}.otp-popup-verify-btn:disabled{opacity:.6;cursor:not-allowed}.otp-popup-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otp-popup-resend{text-align:center;color:#666}.otp-popup-resend-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;font-size:.875rem}.otp-popup-resend-btn:hover:not(:disabled){color:#5a6fd8}.otp-popup-resend-btn:disabled{opacity:.5;cursor:not-allowed}.otp-popup-timer{font-weight:600;color:#667eea}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:901px){.ciis-login-right-mobile-logo{display:none}}@media(max-width:900px){.ciis-login-paper{flex-direction:column;min-height:auto;max-width:500px}.ciis-login-left{display:none}.ciis-login-right{padding:32px 24px}.ciis-login-form-header{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.ciis-login-form-logo{display:flex;justify-content:center;margin-bottom:16px}.ciis-login-mobile-logo{width:100px;height:100px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:8px}.ciis-login-mobile-logo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.ciis-login-form-title{font-size:1.75rem;margin-bottom:4px}.ciis-login-form-subtitle{font-size:.95rem;margin-bottom:16px}}@media(max-width:480px){.ciis-login-container{padding:8px}.ciis-login-right{padding:24px 20px}.ciis-login-mobile-logo{width:80px;height:80px}.ciis-login-form-title{font-size:1.5rem}.ciis-login-form-subtitle{font-size:.875rem}.ciis-login-input{padding:10px 16px 10px 40px;font-size:.95rem}.ciis-login-button{padding:12px;font-size:.95rem}.ciis-login-terms{margin-top:24px}.otp-popup-container{padding:24px 16px;width:95%}.otp-popup-input{width:40px;height:48px;font-size:1.25rem}}@media(max-width:360px){.ciis-login-right{padding:20px 16px}.ciis-login-mobile-logo{width:70px;height:70px}.ciis-login-form-title{font-size:1.35rem}.otp-popup-input{width:35px;height:42px;font-size:1.1rem}}.ciis-login-input-adornment:hover{color:#333}.ciis-login-feature-item:hover .ciis-login-feature-text{transform:translate(2px);transition:transform .3s ease}.ciis-login-button:focus-visible,.ciis-login-link:focus-visible,.ciis-login-terms-link:focus-visible,.ciis-login-input-adornment:focus-visible,.otp-popup-close:focus-visible,.otp-popup-verify-btn:focus-visible,.otp-popup-resend-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.ciis-login-button,.ciis-login-link,.ciis-login-terms-link,.ciis-login-feature-text,.ciis-login-input,.otp-popup-close,.otp-popup-verify-btn,.otp-popup-resend-btn{transition:all .3s ease}.JobRoleManagement-container{padding:16px;min-height:100vh;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}@media(min-width:768px){.JobRoleManagement-container{padding:24px}}.JobRoleManagement-loading-overlay{width:100%;margin-bottom:16px}.JobRoleManagement-progress-bar{height:4px;background-color:#bbdefb;border-radius:4px;overflow:hidden}.JobRoleManagement-progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#64b5f6);width:60%;animation:JobRoleManagement-shimmer 1.5s infinite}@keyframes JobRoleManagement-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.JobRoleManagement-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px;width:100%}@media(min-width:768px){.JobRoleManagement-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.JobRoleManagement-stat-card{padding:16px;border-radius:24px;border:1px solid;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f8f9fa)}@media(min-width:768px){.JobRoleManagement-stat-card{padding:20px}}.JobRoleManagement-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.JobRoleManagement-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.JobRoleManagement-stat-blue{border-color:#90caf9}.JobRoleManagement-stat-blue:before{background:linear-gradient(90deg,#2196f3,#64b5f6)}.JobRoleManagement-stat-green{border-color:#a5d6a7}.JobRoleManagement-stat-green:before{background:linear-gradient(90deg,#4caf50,#81c784)}.JobRoleManagement-stat-red{border-color:#ffcdd2}.JobRoleManagement-stat-red:before{background:linear-gradient(90deg,#f44336,#ef5350)}.JobRoleManagement-stat-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.JobRoleManagement-stat-icon-box{width:44px;height:44px;border-radius:20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 8px #2196f333}@media(min-width:768px){.JobRoleManagement-stat-icon-box{width:52px;height:52px}}.JobRoleManagement-stat-card:hover .JobRoleManagement-stat-icon-box{transform:scale(1.1) rotate(5deg);background:#bbdefb}.JobRoleManagement-stat-icon{font-size:24px;color:#1976d2;filter:drop-shadow(0 2px 4px rgba(33,150,243,.3))}@media(min-width:768px){.JobRoleManagement-stat-icon{font-size:28px}}.JobRoleManagement-stat-info{flex:1}.JobRoleManagement-stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#546e7a;display:block;margin-bottom:4px}@media(min-width:768px){.JobRoleManagement-stat-label{font-size:.8rem}}.JobRoleManagement-stat-value-wrapper{display:flex;align-items:baseline;justify-content:space-between}.JobRoleManagement-stat-value{font-size:1.5rem;font-weight:800;line-height:1;color:#0d47a1;text-shadow:0 2px 4px rgba(33,150,243,.2)}@media(min-width:768px){.JobRoleManagement-stat-value{font-size:2rem}}.JobRoleManagement-stat-chip{height:22px;font-size:.65rem;font-weight:600;padding:2px 8px;background-color:#bbdefb;color:#1976d2;border:1px solid #90caf9;border-radius:12px}.JobRoleManagement-paper{padding:16px;border-radius:16px;background:#fff;box-shadow:0 8px 24px #00000014;overflow:hidden;position:relative}@media(min-width:768px){.JobRoleManagement-paper{padding:24px;border-radius:24px}}.JobRoleManagement-header{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:16px;margin-bottom:24px}@media(min-width:768px){.JobRoleManagement-header{flex-direction:row;align-items:center}}.JobRoleManagement-header-left{display:flex;align-items:center;gap:12px}.JobRoleManagement-header-icon-box{width:40px;height:40px;border-radius:16px;background:linear-gradient(145deg,#2196f3,#1976d2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2196f34d}@media(min-width:768px){.JobRoleManagement-header-icon-box{width:48px;height:48px}}.JobRoleManagement-header-icon{font-size:24px;color:#fff}@media(min-width:768px){.JobRoleManagement-header-icon{font-size:28px}}.JobRoleManagement-header-title{font-size:1.25rem;font-weight:700;margin:0 0 4px}@media(min-width:768px){.JobRoleManagement-header-title{font-size:1.5rem}}.JobRoleManagement-user-info{display:flex;flex-wrap:wrap;gap:4px}.JobRoleManagement-user-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#f5f5f5;border-radius:16px;font-size:.7rem}.JobRoleManagement-chip-primary{background-color:#e3f2fd;color:#1976d2;font-weight:600}.JobRoleManagement-chip-icon{font-size:14px}.JobRoleManagement-header-actions{display:flex;flex-direction:column;gap:12px;width:100%}@media(min-width:768px){.JobRoleManagement-header-actions{flex-direction:row;width:auto}}.JobRoleManagement-search-container{position:relative;width:100%}@media(min-width:768px){.JobRoleManagement-search-container{width:280px}}.JobRoleManagement-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:#757575}.JobRoleManagement-search-input{width:100%;padding:10px 16px 10px 44px;border:1px solid #e0e0e0;border-radius:24px;font-size:.9rem;transition:all .2s ease;outline:none}.JobRoleManagement-search-input:hover,.JobRoleManagement-search-input:focus{box-shadow:0 4px 12px #0000001a;border-color:#2196f3}.JobRoleManagement-clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#757575;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.JobRoleManagement-clear-search:hover{background:#0000000a}.JobRoleManagement-clear-icon{font-size:18px}.JobRoleManagement-btn-primary{background:linear-gradient(145deg,#2196f3,#1976d2);color:#fff;border:none;padding:10px 24px;border-radius:24px;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #2196f34d;transition:all .3s ease;width:100%;position:relative;overflow:hidden}@media(min-width:768px){.JobRoleManagement-btn-primary{width:auto;padding:10px 32px}}.JobRoleManagement-btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#1976d2,#1565c0);box-shadow:0 6px 16px #2196f366;transform:translateY(-2px)}.JobRoleManagement-btn-primary:disabled{opacity:.6;cursor:not-allowed}.JobRoleManagement-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.JobRoleManagement-btn-primary:hover:after{left:100%}.JobRoleManagement-btn-secondary{background:transparent;color:#333;border:1px solid #bdbdbd;padding:10px 24px;border-radius:16px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.JobRoleManagement-btn-secondary:hover:not(:disabled){border-color:#757575;background-color:#f5f5f5}.JobRoleManagement-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.JobRoleManagement-btn-outline{background:transparent;color:#1976d2;border:1px solid #1976d2;padding:10px 24px;border-radius:24px;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.JobRoleManagement-btn-outline:hover{background:#e3f2fd}.JobRoleManagement-btn-icon{font-size:18px;line-height:1}.JobRoleManagement-super-admin-panel{padding:16px;margin-bottom:24px;border-radius:24px;background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:1px solid #90caf9}.JobRoleManagement-super-admin-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px}@media(min-width:768px){.JobRoleManagement-super-admin-content{flex-direction:row}}.JobRoleManagement-super-admin-left{display:flex;align-items:center;gap:12px}.JobRoleManagement-super-admin-avatar{width:40px;height:40px;background-color:#1976d2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.JobRoleManagement-super-admin-title{font-weight:600;color:#0d47a1;margin-bottom:2px}.JobRoleManagement-super-admin-subtitle{font-size:.7rem;color:#546e7a}.JobRoleManagement-super-admin-toggle{display:flex;align-items:center;gap:12px}.JobRoleManagement-switch{position:relative;display:inline-block;width:52px;height:26px}.JobRoleManagement-switch input{opacity:0;width:0;height:0}.JobRoleManagement-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px}.JobRoleManagement-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.JobRoleManagement-slider{background-color:#1976d2}input:checked+.JobRoleManagement-slider:before{transform:translate(26px)}.JobRoleManagement-toggle-label{font-size:.875rem;font-weight:500}.JobRoleManagement-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:24px;border-radius:16px;background-color:#fff3e0;border:1px solid #ffe0b2}.JobRoleManagement-alert-warning{color:#b85c00}.JobRoleManagement-alert-icon{font-size:20px}.JobRoleManagement-mobile-view{margin-top:16px}.JobRoleManagement-mobile-card{margin-bottom:16px;border-radius:24px;border:1px solid #e0e0e0;background:#fff;transition:all .3s ease;position:relative;overflow:visible}.JobRoleManagement-mobile-card:hover{box-shadow:0 12px 24px #2196f31f;transform:translateY(-4px);border-color:#90caf9}.JobRoleManagement-mobile-card-status{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 2px #4caf5033;animation:JobRoleManagement-pulse 2s infinite}.JobRoleManagement-mobile-card-content{padding:20px}.JobRoleManagement-mobile-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.JobRoleManagement-mobile-card-avatar{width:48px;height:48px;border-radius:16px;background-color:#e3f2fd;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #2196f333}.JobRoleManagement-mobile-card-avatar-icon{font-size:26px}.JobRoleManagement-mobile-card-title-section{flex:1}.JobRoleManagement-mobile-card-title{font-weight:700;font-size:1.1rem;margin-bottom:4px}.JobRoleManagement-mobile-card-badges{display:flex;flex-wrap:wrap;gap:4px}.JobRoleManagement-mobile-card-badge{height:22px;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:12px;display:inline-flex;align-items:center}.JobRoleManagement-badge-primary{background-color:#e3f2fd;color:#1976d2}.JobRoleManagement-mobile-card-description{background-color:#fafafa;padding:12px;border-radius:16px;border:1px solid #e0e0e0;display:flex;gap:8px;margin-bottom:16px}.JobRoleManagement-description-icon{font-size:18px;color:#757575}.JobRoleManagement-description-text{font-size:.875rem;color:#616161;line-height:1.5}.JobRoleManagement-mobile-card-footer{display:flex;justify-content:space-between;align-items:center}.JobRoleManagement-mobile-card-meta{display:flex;gap:12px}.JobRoleManagement-meta-item{display:flex;align-items:center;gap:4px}.JobRoleManagement-meta-icon{font-size:14px;color:#9e9e9e}.JobRoleManagement-meta-text{font-size:.7rem;color:#616161}.JobRoleManagement-mobile-card-actions{display:flex;gap:8px}.JobRoleManagement-action-btn{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.JobRoleManagement-action-edit{background-color:#e3f2fd;color:#1976d2}.JobRoleManagement-action-edit:hover{background-color:#bbdefb;transform:scale(1.1)}.JobRoleManagement-action-delete{background-color:#ffebee;color:#c62828}.JobRoleManagement-action-delete:hover:not(:disabled){background-color:#ffcdd2;transform:scale(1.1)}.JobRoleManagement-action-delete.JobRoleManagement-disabled{opacity:.5;cursor:not-allowed}.JobRoleManagement-action-icon{font-size:18px}.JobRoleManagement-empty-state{padding:64px 16px;text-align:center;background:#fff;border-radius:24px;border:2px dashed #e0e0e0}.JobRoleManagement-empty-icon{font-size:50px;color:#bdbdbd;margin-bottom:16px;animation:JobRoleManagement-pulse 2s infinite}.JobRoleManagement-empty-title{font-weight:700;margin-bottom:8px;color:#333}.JobRoleManagement-empty-text{color:#757575;margin-bottom:32px;max-width:300px;margin-left:auto;margin-right:auto}@keyframes JobRoleManagement-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.JobRoleManagement-table-container{border-radius:16px;border:1px solid #e0e0e0;overflow:auto}.JobRoleManagement-table{width:100%;border-collapse:collapse;min-width:800px}.JobRoleManagement-table th{background-color:#f5f5f5;padding:16px;text-align:left;font-weight:700;font-size:.9rem;color:#333}.JobRoleManagement-table td{padding:12px 16px;border-top:1px solid #e0e0e0}.JobRoleManagement-table-row:hover{background-color:#2196f30a}.JobRoleManagement-empty-cell{text-align:center;padding:64px 16px}.JobRoleManagement-table-empty{text-align:center}.JobRoleManagement-table-empty-icon{font-size:60px;color:#e0e0e0;margin-bottom:16px;display:block}.JobRoleManagement-table-empty h4{font-weight:600;margin-bottom:8px;color:#666}.JobRoleManagement-table-empty p{color:#999;font-size:.875rem}.JobRoleManagement-job-role-cell{display:flex;align-items:center;gap:12px}.JobRoleManagement-job-role-icon{font-size:20px;color:#1976d2}.JobRoleManagement-job-role-name{font-weight:600}.JobRoleManagement-description{font-size:.875rem;color:#666;max-width:250px;display:inline-block}.JobRoleManagement-text-disabled{color:#bdbdbd;font-style:italic;font-size:.875rem}.JobRoleManagement-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:600;background-color:#e3f2fd;color:#1976d2}.JobRoleManagement-badge-success{background-color:#e8f5e9;color:#2e7d32}.JobRoleManagement-badge-error{background-color:#ffebee;color:#c62828}.JobRoleManagement-created-by,.JobRoleManagement-created-date{display:flex;align-items:center;gap:4px;font-size:.875rem}.JobRoleManagement-created-by-icon,.JobRoleManagement-date-icon{font-size:16px;color:#9e9e9e}.JobRoleManagement-action-buttons{display:flex;gap:8px;opacity:.7;transition:opacity .2s ease}.JobRoleManagement-table-row:hover .JobRoleManagement-action-buttons{opacity:1}.JobRoleManagement-icon-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.JobRoleManagement-icon-edit{background-color:#e3f2fd;color:#1976d2}.JobRoleManagement-icon-edit:hover{background-color:#bbdefb;transform:scale(1.1)}.JobRoleManagement-icon-delete{background-color:#ffebee;color:#c62828}.JobRoleManagement-icon-delete:hover:not(:disabled){background-color:#ffcdd2;transform:scale(1.1)}.JobRoleManagement-icon-delete.JobRoleManagement-disabled{opacity:.5;cursor:not-allowed}.JobRoleManagement-icon{font-size:16px}.JobRoleManagement-pagination{margin-top:24px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px}@media(min-width:768px){.JobRoleManagement-pagination{flex-direction:row}}.JobRoleManagement-pagination-info{color:#757575;font-size:.875rem}.JobRoleManagement-pagination-controls{display:flex;align-items:center;gap:24px}.JobRoleManagement-rows-per-page{padding:8px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-size:.875rem}.JobRoleManagement-pagination-buttons{display:flex;gap:4px}.JobRoleManagement-pagination-btn{min-width:36px;height:36px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-weight:600;color:#757575;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.JobRoleManagement-pagination-btn:hover:not(:disabled){background:#e3f2fd;border-color:#1976d2;color:#1976d2}.JobRoleManagement-pagination-btn.JobRoleManagement-active{background:linear-gradient(145deg,#2196f3,#1976d2);border-color:#1976d2;color:#fff}.JobRoleManagement-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.JobRoleManagement-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#2196f3,#1976d2);border:none;color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 8px 16px #2196f366;transition:all .3s ease;z-index:1000}.JobRoleManagement-fab:hover{transform:scale(1.1);box-shadow:0 12px 24px #2196f380}.JobRoleManagement-fab-icon{font-size:28px;transition:transform .3s ease}.JobRoleManagement-fab:hover .JobRoleManagement-fab-icon{transform:rotate(90deg)}.JobRoleManagement-menu-overlay{position:fixed;inset:0;z-index:1500}.JobRoleManagement-menu{position:absolute;min-width:200px;background:linear-gradient(145deg,#fff,#fafafa);border:1px solid #e0e0e0;border-radius:24px;box-shadow:0 12px 32px #0003;padding:8px;animation:JobRoleManagement-growIn .2s ease}@keyframes JobRoleManagement-growIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.JobRoleManagement-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;border-radius:16px;font-size:.9rem;color:#333;cursor:pointer;text-align:left;transition:all .2s ease}.JobRoleManagement-menu-item:hover:not(:disabled){background:#e3f2fd}.JobRoleManagement-menu-item-disabled,.JobRoleManagement-menu-item:disabled{opacity:.5;cursor:not-allowed}.JobRoleManagement-menu-icon{font-size:18px}.JobRoleManagement-menu-text{flex:1}.JobRoleManagement-menu-title{font-weight:600;margin-bottom:2px}.JobRoleManagement-menu-subtitle{font-size:.7rem;color:#757575}.JobRoleManagement-menu-divider{border:none;border-top:1px dashed #e0e0e0;margin:8px 0}.JobRoleManagement-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:JobRoleManagement-fadeIn .3s ease}@keyframes JobRoleManagement-fadeIn{0%{opacity:0}to{opacity:1}}.JobRoleManagement-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:JobRoleManagement-scaleIn .3s ease}.JobRoleManagement-modal-fullscreen{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;margin:0}@keyframes JobRoleManagement-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.JobRoleManagement-modal-header{background:linear-gradient(145deg,#2196f3,#1976d2);color:#fff;padding:24px;position:relative;overflow:hidden}.JobRoleManagement-modal-header:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;animation:JobRoleManagement-float 8s ease-in-out infinite}.JobRoleManagement-modal-header:after{content:"";position:absolute;bottom:-50px;left:-50px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;animation:JobRoleManagement-float 10s ease-in-out infinite reverse}@keyframes JobRoleManagement-float{0%,to{transform:translate(0)}25%{transform:translate(-20px,20px)}50%{transform:translate(20px,-20px)}75%{transform:translate(-10px,-10px)}}.JobRoleManagement-modal-header-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.JobRoleManagement-modal-avatar{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;color:#1976d2;box-shadow:0 8px 16px #0003}.JobRoleManagement-modal-title{font-size:1.25rem;font-weight:700;margin:0 0 4px}.JobRoleManagement-modal-subtitle{font-size:.75rem;opacity:.9;margin:0}.JobRoleManagement-modal-body{padding:24px}@media(min-width:768px){.JobRoleManagement-modal-body{padding:32px}}.JobRoleManagement-modal-footer{padding:24px;border-top:1px solid #e0e0e0;background:#fafafa;display:flex;justify-content:flex-end;gap:16px}.JobRoleManagement-info-banner{padding:12px;margin-bottom:24px;border-radius:16px;background-color:#e3f2fd;border:1px solid #90caf9;display:flex;align-items:center;gap:12px}.JobRoleManagement-info-icon{font-size:22px;color:#1976d2}.JobRoleManagement-info-title{font-size:.875rem;font-weight:600;color:#0d47a1;margin-bottom:2px}.JobRoleManagement-info-subtitle{font-size:.7rem;color:#546e7a}.JobRoleManagement-form-group{margin-bottom:16px}.JobRoleManagement-form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px;color:#333}.JobRoleManagement-input-wrapper,.JobRoleManagement-textarea-wrapper,.JobRoleManagement-select-wrapper{position:relative}.JobRoleManagement-input-icon,.JobRoleManagement-textarea-icon,.JobRoleManagement-select-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:20px;color:#1976d2;pointer-events:none}.JobRoleManagement-textarea-icon{top:16px;transform:none}.JobRoleManagement-form-input,.JobRoleManagement-form-textarea,.JobRoleManagement-form-select{width:100%;padding:12px 16px 12px 44px;border:1px solid #e0e0e0;border-radius:16px;font-size:.9rem;transition:all .2s ease;outline:none;background:#fff}.JobRoleManagement-form-textarea{resize:vertical;min-height:80px}.JobRoleManagement-form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.JobRoleManagement-form-input:hover,.JobRoleManagement-form-textarea:hover,.JobRoleManagement-form-select:hover{border-color:#1976d2}.JobRoleManagement-form-input:focus,.JobRoleManagement-form-textarea:focus,.JobRoleManagement-form-select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #2196f31a}.JobRoleManagement-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:JobRoleManagement-spin 1s ease-in-out infinite;margin-right:8px}@keyframes JobRoleManagement-spin{to{transform:rotate(360deg)}}.JobRoleManagement-toast-content{display:flex;align-items:center;gap:12px}.JobRoleManagement-toast-icon{font-size:24px;color:#4caf50}.JobRoleManagement-toast-icon-delete{color:#f44336}.JobRoleManagement-toast-title{font-weight:600;margin-bottom:2px}.JobRoleManagement-toast-subtitle{font-size:.75rem;color:#757575}.SidebarManagement-container{padding:24px;min-height:100vh;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.SidebarManagement-mobile{padding:12px}.SidebarManagement-header-paper{padding:24px;margin-bottom:24px;border-radius:12px;background:linear-gradient(145deg,#1a237e,#0d47a1,#01579b);color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.SidebarManagement-header-bg-effect{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#fff0 70%)}.SidebarManagement-header-bg-effect-1{top:-50px;right:-50px;width:200px;height:200px}.SidebarManagement-header-bg-effect-2{bottom:-50px;left:-50px;width:250px;height:250px}.SidebarManagement-header-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.SidebarManagement-header-avatar{width:56px;height:56px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0003}.SidebarManagement-header-avatar-icon{font-size:32px;color:#0d47a1}.SidebarManagement-header-text{flex:1}.SidebarManagement-header-title{font-size:32px;font-weight:700;margin:0 0 4px}.SidebarManagement-header-title-mobile{font-size:24px}.SidebarManagement-header-subtitle{font-size:14px;opacity:.9;margin:0}.SidebarManagement-company-paper{padding:16px;margin-bottom:24px;border-radius:16px;background-color:#fff;border:1px solid #bbdefb;box-shadow:0 4px 12px #2196f31a}.SidebarManagement-company-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:center}@media(max-width:768px){.SidebarManagement-company-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.SidebarManagement-company-grid{grid-template-columns:1fr 1fr 1fr;align-items:self-end}}.SidebarManagement-company-item{display:flex;align-items:center;gap:12px}.SidebarManagement-company-item-button{justify-content:flex-end}.SidebarManagement-company-icon-bg{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.SidebarManagement-company-icon-bg-primary{background-color:#e3f2fd;color:#1976d2}.SidebarManagement-company-icon-bg-secondary{background-color:#f3e5f5;color:#7b1fa2}.SidebarManagement-company-icon-bg-success{background-color:#e8f5e8;color:#2e7d32}.SidebarManagement-company-icon{font-size:20px}.SidebarManagement-company-info{display:flex;flex-direction:column}.SidebarManagement-company-label{font-size:11px;color:#666}.SidebarManagement-company-value{font-size:16px;font-weight:600;color:#333}.SidebarManagement-status-chip{padding:4px 8px;border-radius:16px;font-size:12px;font-weight:600;display:inline-block}.SidebarManagement-status-chip-active{background-color:#e8f5e8;color:#2e7d32}.SidebarManagement-status-chip-inactive{background-color:#ffebee;color:#c62828}.SidebarManagement-refresh-button{padding:8px 16px;border:1px solid #1976d2;border-radius:8px;background:#fff;color:#1976d2;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.SidebarManagement-refresh-button:hover:not(:disabled){background-color:#1976d2;color:#fff}.SidebarManagement-refresh-button:disabled{opacity:.6;cursor:not-allowed}.SidebarManagement-refresh-icon{font-size:16px}.SidebarManagement-alert{padding:16px;margin-bottom:24px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px}.SidebarManagement-alert-warning{background-color:#fff3e0;color:#e65100;border-left:4px solid #ff9800}.SidebarManagement-alert-info{background-color:#e3f2fd;color:#01579b;border-left:4px solid #2196f3}.SidebarManagement-alert-icon{font-size:20px}.SidebarManagement-alert-message{flex:1}.SidebarManagement-alert-button{padding:6px 12px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font-size:12px;cursor:pointer}.SidebarManagement-progress-container{margin-bottom:24px}.SidebarManagement-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.SidebarManagement-progress-label{font-size:14px;font-weight:600;color:#666}.SidebarManagement-progress-percentage{font-size:14px;font-weight:600;color:#1976d2}.SidebarManagement-progress-bar{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.SidebarManagement-progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#64b5f6);border-radius:4px;transition:width .3s ease}.SidebarManagement-tabs-container{display:flex;margin-bottom:24px;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.SidebarManagement-tab{flex:1;padding:16px;border:none;background:transparent;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;color:#666}.SidebarManagement-tab:hover{background-color:#f5f5f5}.SidebarManagement-tab-active{color:#1976d2;border-bottom:2px solid #1976d2}.SidebarManagement-tab-icon{font-size:18px}.SidebarManagement-stepper-paper{padding:24px;margin-bottom:24px;border-radius:16px;background-color:#fff;box-shadow:0 4px 12px #0000000d}.SidebarManagement-stepper{display:flex;align-items:center}.SidebarManagement-stepper-vertical{flex-direction:column;align-items:flex-start;gap:16px}.SidebarManagement-step{display:flex;align-items:center;gap:12px;flex:1}.SidebarManagement-step-active .SidebarManagement-step-indicator{background-color:#1976d2;color:#fff}.SidebarManagement-step-indicator{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.SidebarManagement-step-label{font-size:14px;font-weight:500;color:#333}.SidebarManagement-step-connector{flex:1;height:2px;background-color:#e0e0e0;margin:0 8px}.SidebarManagement-step-connector-active{background-color:#1976d2}.SidebarManagement-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}@media(max-width:768px){.SidebarManagement-cards-grid{grid-template-columns:1fr}}.SidebarManagement-card{border-radius:16px;background-color:#fff;box-shadow:0 4px 12px #0000000d;border:1px solid #e0e0e0;transition:all .3s ease}.SidebarManagement-card:hover{box-shadow:0 8px 24px #2196f326;border-color:#90caf9}.SidebarManagement-card-selected{border-color:#1976d2;border-width:2px}.SidebarManagement-card-content{padding:20px}.SidebarManagement-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.SidebarManagement-card-icon-bg{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.SidebarManagement-card-icon-bg-primary{background-color:#e3f2fd}.SidebarManagement-card-icon-bg-secondary{background-color:#f3e5f5}.SidebarManagement-card-icon{font-size:24px}.SidebarManagement-card-title{font-size:18px;font-weight:600;margin:0;color:#333}.SidebarManagement-card-footer{margin-top:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.SidebarManagement-dropdown-container,.SidebarManagement-input-wrapper{position:relative;width:100%}.SidebarManagement-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#1976d2;font-size:16px;z-index:1}.SidebarManagement-input{width:100%;padding:14px 14px 14px 40px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;transition:all .2s;background-color:#fff;box-sizing:border-box}.SidebarManagement-input:hover{border-color:#1976d2}.SidebarManagement-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.SidebarManagement-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.SidebarManagement-dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#757575;font-size:12px;pointer-events:none}.SidebarManagement-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000}.SidebarManagement-dropdown-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.SidebarManagement-dropdown-item:last-child{border-bottom:none}.SidebarManagement-dropdown-item:hover{background-color:#f5f5f5}.SidebarManagement-dropdown-item-selected{background-color:#e3f2fd}.SidebarManagement-dropdown-item-content{display:flex;align-items:center;gap:12px}.SidebarManagement-dropdown-item-icon{font-size:16px;color:#1976d2}.SidebarManagement-dropdown-item-icon-add{color:#4caf50;font-weight:700}.SidebarManagement-dropdown-item-text{flex:1}.SidebarManagement-dropdown-item-name{display:block;font-size:14px;font-weight:500;color:#333}.SidebarManagement-dropdown-item-desc{display:block;font-size:12px;color:#666;margin-top:2px}.SidebarManagement-dropdown-loading,.SidebarManagement-dropdown-empty{padding:16px;text-align:center;color:#666}.SidebarManagement-dropdown-divider{height:1px;background-color:#e0e0e0;margin:8px 0}.SidebarManagement-dropdown-item-custom{color:#1976d2;font-weight:500}.SidebarManagement-chip{padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.SidebarManagement-chip-outlined{border:1px solid #1976d2;color:#1976d2}.SidebarManagement-chip-success{background-color:#e8f5e8;color:#2e7d32}.SidebarManagement-chip-custom{background-color:#fff3e0;color:#e65100;font-size:10px;padding:2px 4px}.SidebarManagement-chip-icon{font-size:12px}.SidebarManagement-icon-button{width:32px;height:32px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.SidebarManagement-icon-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#1976d2}.SidebarManagement-icon-button:disabled{opacity:.5;cursor:not-allowed}.SidebarManagement-icon-button-icon{font-size:16px}.SidebarManagement-menu-card{margin-bottom:32px;border-radius:16px;background-color:#fff;box-shadow:0 8px 24px #00000014;overflow:hidden}.SidebarManagement-menu-header{padding:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.SidebarManagement-menu-heading{font-size:18px;font-weight:600;margin:0 0 4px;color:#333}.SidebarManagement-menu-subheading{font-size:14px;color:#666;margin:0}.SidebarManagement-menu-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #1976d2;border-radius:30px}.SidebarManagement-badge{width:24px;height:24px;border-radius:50%;background-color:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.SidebarManagement-badge-label{font-size:14px;color:#1976d2;font-weight:500}.SidebarManagement-search-wrapper{position:relative;padding:0 24px 16px}.SidebarManagement-search-icon{position:absolute;left:36px;top:36%;transform:translateY(-50%);color:#757575;font-size:16px}.SidebarManagement-search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e0e0e0;border-radius:24px;font-size:14px;transition:all .2s;box-sizing:border-box}.SidebarManagement-search-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.SidebarManagement-search-clear{position:absolute;right:36px;top:50%;transform:translateY(-50%);background:none;border:none;color:#757575;font-size:16px;cursor:pointer;padding:4px}.SidebarManagement-search-clear:hover{color:#333}.SidebarManagement-category-section{margin-bottom:24px}.SidebarManagement-category-header{padding:12px 24px;cursor:pointer;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s}.SidebarManagement-category-header:hover{background-color:#eee}.SidebarManagement-category-header-left{display:flex;align-items:center;gap:8px}.SidebarManagement-category-expand{width:24px;height:24px;border:none;background:none;cursor:pointer;font-size:16px;color:#666}.SidebarManagement-category-title{font-size:16px;font-weight:600;color:#1976d2;margin:0}.SidebarManagement-category-count{font-size:12px;padding:2px 8px;border-radius:12px;background-color:#e0e0e0;color:#666}.SidebarManagement-category-count-all{background-color:#e8f5e8;color:#2e7d32}.SidebarManagement-category-select-btn{padding:6px 12px;border:1px solid #1976d2;border-radius:6px;background:transparent;color:#1976d2;font-size:12px;cursor:pointer}.SidebarManagement-category-select-btn:hover{background-color:#1976d2;color:#fff}.SidebarManagement-category-items-grid{padding:16px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1200px){.SidebarManagement-category-items-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.SidebarManagement-category-items-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.SidebarManagement-category-items-grid{grid-template-columns:1fr}}.SidebarManagement-menu-item{padding:12px;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;position:relative;background-color:#fff;box-shadow:0 2px 4px #0000000d}.SidebarManagement-menu-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#90caf9}.SidebarManagement-menu-item-selected{border-color:#1976d2;background-color:#e3f2fd}.SidebarManagement-menu-item-check{position:absolute;top:8px;right:8px;color:#4caf50;font-size:16px;font-weight:700}.SidebarManagement-menu-item-content{display:flex;align-items:flex-start;gap:8px}.SidebarManagement-menu-item-checkbox{margin-right:4px}.SidebarManagement-menu-item-checkbox-input{width:16px;height:16px;cursor:pointer}.SidebarManagement-menu-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#1976d2}.SidebarManagement-menu-item-details{flex:1}.SidebarManagement-menu-item-name{display:block;font-size:13px;font-weight:500;color:#333;margin-bottom:2px}.SidebarManagement-menu-item-path{display:block;font-size:11px;color:#999;font-family:monospace}.SidebarManagement-save-footer{padding:24px;border-top:1px solid #e0e0e0;background-color:#fafafa;display:flex;justify-content:flex-end}.SidebarManagement-save-button{padding:14px 48px;border:none;border-radius:24px;background:linear-gradient(145deg,#2196f3,#1976d2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 16px #2196f34d;display:flex;align-items:center;gap:8px;transition:all .3s ease}.SidebarManagement-save-button:hover:not(:disabled){background:linear-gradient(145deg,#1976d2,#1565c0);box-shadow:0 12px 24px #2196f366;transform:translateY(-2px)}.SidebarManagement-save-button:disabled{opacity:.6;cursor:not-allowed}.SidebarManagement-save-icon{font-size:18px}.SidebarManagement-configs-card{border-radius:16px;background-color:#fff;box-shadow:0 8px 24px #00000014}.SidebarManagement-configs-header{padding:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.SidebarManagement-configs-heading{font-size:18px;font-weight:600;margin:0 0 4px;color:#333}.SidebarManagement-configs-subheading{font-size:14px;color:#666;margin:0}.SidebarManagement-refresh-btn{padding:8px 16px;border:1px solid #1976d2;border-radius:8px;background:transparent;color:#1976d2;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px}.SidebarManagement-refresh-btn:hover:not(:disabled){background-color:#1976d2;color:#fff}.SidebarManagement-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.SidebarManagement-refresh-btn-icon{font-size:16px}.SidebarManagement-loading-center{display:flex;justify-content:center;padding:32px}.SidebarManagement-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1976d2;border-radius:50%;animation:SidebarManagement-spin 1s linear infinite}.SidebarManagement-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #1976d2;border-radius:50%;animation:SidebarManagement-spin 1s linear infinite;display:inline-block;margin-right:8px}.SidebarManagement-spinner-white{border-top-color:#fff}@keyframes SidebarManagement-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.SidebarManagement-configs-grid{padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1024px){.SidebarManagement-configs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.SidebarManagement-configs-grid{grid-template-columns:1fr;justify-content:center}}.SidebarManagement-config-item{padding:16px;border-left:4px solid #1976d2;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:all .2s}.SidebarManagement-config-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.SidebarManagement-config-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.SidebarManagement-config-item-info{flex:1}.SidebarManagement-config-item-dept,.SidebarManagement-config-item-role{display:flex;align-items:center;gap:8px;margin-bottom:4px}.SidebarManagement-config-item-icon{font-size:14px;color:#666}.SidebarManagement-config-item-dept-name{font-size:14px;font-weight:600;color:#333}.SidebarManagement-config-item-role-chip{padding:2px 8px;background-color:#f3e5f5;color:#7b1fa2;border-radius:12px;font-size:11px;font-weight:600}.SidebarManagement-config-item-meta{display:block;font-size:11px;color:#999;margin-top:4px}.SidebarManagement-config-item-actions{display:flex;gap:4px}.SidebarManagement-config-item-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.SidebarManagement-config-item-btn:hover{background-color:#f5f5f5}.SidebarManagement-config-item-btn-delete:hover{background-color:#ffebee;color:#c62828}.SidebarManagement-config-item-menu-list{max-height:100px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:4px}.SidebarManagement-config-item-chip{padding:4px 8px;border:1px solid #e0e0e0;border-radius:16px;font-size:11px;display:inline-flex;align-items:center;gap:4px;background-color:#fff}.SidebarManagement-config-item-chip-icon{font-size:10px}.SidebarManagement-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:SidebarManagement-fadeIn .2s}.SidebarManagement-modal{width:90%;max-width:600px;max-height:80vh;background-color:#fff;border-radius:24px;overflow:hidden;animation:SidebarManagement-slideIn .3s}@keyframes SidebarManagement-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes SidebarManagement-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.SidebarManagement-modal-header{padding:20px 24px;background-color:#1976d2;color:#fff;position:relative}.SidebarManagement-modal-header-content{display:flex;align-items:center;gap:8px;margin-bottom:4px}.SidebarManagement-modal-header-icon{font-size:20px}.SidebarManagement-modal-header-title{font-size:18px;font-weight:600;margin:0}.SidebarManagement-modal-subtitle{font-size:12px;opacity:.9;display:block}.SidebarManagement-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.SidebarManagement-modal-close:hover{background:#ffffff4d}.SidebarManagement-modal-content{padding:24px;max-height:400px;overflow-y:auto}.SidebarManagement-preview-list{display:flex;flex-direction:column;gap:8px}.SidebarManagement-preview-item{padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;transition:background-color .2s}.SidebarManagement-preview-item:hover{background-color:#f5f5f5}.SidebarManagement-preview-item-icon{width:32px;height:32px;background-color:#e3f2fd;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1976d2;font-size:16px}.SidebarManagement-preview-item-details{flex:1}.SidebarManagement-preview-item-name{display:block;font-size:14px;font-weight:600;color:#333}.SidebarManagement-preview-item-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.SidebarManagement-preview-item-path{font-size:11px;color:#999;font-family:monospace}.SidebarManagement-preview-item-category{font-size:10px;padding:2px 6px;background-color:#f5f5f5;border-radius:12px;color:#666}.SidebarManagement-modal-footer{padding:16px 24px;background-color:#f5f5f5;display:flex;justify-content:flex-end}.SidebarManagement-modal-close-btn{padding:8px 24px;border:none;border-radius:8px;background-color:#1976d2;color:#fff;font-size:14px;cursor:pointer}.SidebarManagement-modal-close-btn:hover{background-color:#1565c0}.SidebarManagement-snackbar{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:12px;color:#fff;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;animation:SidebarManagement-slideIn .3s;z-index:2000;box-shadow:0 8px 16px #0003}.SidebarManagement-snackbar-success{background-color:#4caf50}.SidebarManagement-snackbar-error{background-color:#f44336}.SidebarManagement-snackbar-warning{background-color:#ff9800}.SidebarManagement-snackbar-info{background-color:#2196f3}.SidebarManagement-snackbar-icon{font-size:20px}.SidebarManagement-snackbar-message{flex:1;font-size:14px}.SidebarManagement-snackbar-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;opacity:.8;padding:4px}.SidebarManagement-snackbar-close:hover{opacity:1}.SidebarManagement-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#2196f3,#1976d2);border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 8px 16px #2196f366;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:100}.SidebarManagement-fab:hover:not(:disabled){transform:scale(1.1);box-shadow:0 12px 24px #2196f380}.SidebarManagement-fab:disabled{opacity:.6;cursor:not-allowed}.SidebarManagement-dropdown-menu::-webkit-scrollbar,.SidebarManagement-config-item-menu-list::-webkit-scrollbar,.SidebarManagement-modal-content::-webkit-scrollbar{width:8px}.SidebarManagement-dropdown-menu::-webkit-scrollbar-track,.SidebarManagement-config-item-menu-list::-webkit-scrollbar-track,.SidebarManagement-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.SidebarManagement-dropdown-menu::-webkit-scrollbar-thumb,.SidebarManagement-config-item-menu-list::-webkit-scrollbar-thumb,.SidebarManagement-modal-content::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:4px}.SidebarManagement-dropdown-menu::-webkit-scrollbar-thumb:hover,.SidebarManagement-config-item-menu-list::-webkit-scrollbar-thumb:hover,.SidebarManagement-modal-content::-webkit-scrollbar-thumb:hover{background:#888}@media(max-width:768px){.SidebarManagement-tab{padding:12px 8px;font-size:13px}.SidebarManagement-stepper-paper,.SidebarManagement-card-content{padding:16px}.SidebarManagement-menu-header{padding:16px;flex-direction:column;align-items:flex-start}.SidebarManagement-category-header{padding:10px 16px}.SidebarManagement-category-items-grid{padding:12px 16px}.SidebarManagement-save-footer{padding:16px}.SidebarManagement-save-button{padding:12px 24px;font-size:14px}}@media(max-width:480px){.SidebarManagement-header-content,.SidebarManagement-company-item{flex-direction:column;text-align:center}.SidebarManagement-category-header{flex-direction:column;align-items:flex-start;gap:8px}.SidebarManagement-category-select-btn{width:100%}.SidebarManagement-menu-item{padding:8px}}@media print{.SidebarManagement-fab,.SidebarManagement-snackbar,.SidebarManagement-modal-overlay{display:none}}*{box-sizing:border-box;margin:0;padding:0}.CompanyDetails{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding-bottom:70px}@media(min-width:640px){.CompanyDetails{padding-bottom:24px}}.CompanyDetails-animated-bg{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.CompanyDetails-bg-blob{position:absolute;border-radius:50%;opacity:.03}.CompanyDetails-blob-1{top:10%;left:5%;width:300px;height:300px;background:radial-gradient(circle,#2563eb 0%,transparent 70%);animation:CompanyDetails-float 20s infinite}.CompanyDetails-blob-2{bottom:20%;right:10%;width:400px;height:400px;background:radial-gradient(circle,#7c3aed 0%,transparent 70%);animation:CompanyDetails-float 25s infinite reverse}@media(max-width:768px){.CompanyDetails-blob-1{width:200px;height:200px}.CompanyDetails-blob-2{width:250px;height:250px}}@keyframes CompanyDetails-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-20px,20px) scale(1.05)}50%{transform:translate(20px,-20px) scale(.95)}75%{transform:translate(-10px,-10px) scale(1.02)}}.CompanyDetails-container{position:relative;z-index:1;max-width:1480px;margin:0 auto;padding:0 16px}@media(min-width:768px){.CompanyDetails-container{padding:0 24px}}.CompanyDetails-loading-container,.CompanyDetails-error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(145deg,#667eea,#764ba2);padding:16px}.CompanyDetails-loading-card,.CompanyDetails-error-card{padding:32px 48px;border-radius:32px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;width:100%}@media(max-width:768px){.CompanyDetails-loading-card,.CompanyDetails-error-card{padding:24px 32px}}.CompanyDetails-loading-spinner{width:60px;height:60px;margin:0 auto 24px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:CompanyDetails-spin 1s linear infinite}@media(max-width:768px){.CompanyDetails-loading-spinner{width:50px;height:50px}}@keyframes CompanyDetails-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.CompanyDetails-loading-title{font-size:2rem;font-weight:800;margin-bottom:8px;background:linear-gradient(145deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.CompanyDetails-loading-title{font-size:1.5rem}}.CompanyDetails-loading-text{color:#64748b;font-weight:500}.CompanyDetails-error-icon{width:100px;height:100px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border-radius:50%;color:#ef4444}@media(max-width:768px){.CompanyDetails-error-icon{width:80px;height:80px}}.CompanyDetails-error-title{font-size:2.5rem;font-weight:800;color:#ef4444;margin-bottom:8px}@media(max-width:768px){.CompanyDetails-error-title{font-size:1.8rem}}.CompanyDetails-error-subtitle{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:#1e293b}@media(max-width:768px){.CompanyDetails-error-subtitle{font-size:1.1rem}}.CompanyDetails-error-message{color:#64748b;margin-bottom:32px}.CompanyDetails-error-actions{display:flex;gap:16px;justify-content:center}@media(max-width:640px){.CompanyDetails-error-actions{flex-direction:column}}.CompanyDetails-right-column{height:60vh}.CompanyDetails-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border:none;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.CompanyDetails-btn{padding:8px 20px;font-size:.85rem}}.CompanyDetails-btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 10px #2196f34d}.CompanyDetails-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #2196f366}.CompanyDetails-btn-primary:disabled{opacity:.6;cursor:not-allowed}.CompanyDetails-btn-secondary{background:#fff;color:#1e293b;border:1px solid #e2e8f0}.CompanyDetails-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.CompanyDetails-btn-danger{background:#fff;color:#ef4444;border:1px solid #ef4444}.CompanyDetails-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.CompanyDetails-btn-outline{background:transparent;color:#fff;border:2px solid white}.CompanyDetails-btn-outline:hover{background:#ffffff1a}.CompanyDetails-btn-sm{padding:6px 16px;font-size:.8rem}.CompanyDetails-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;transition:all .3s ease}@media(min-width:768px){.CompanyDetails-icon-btn{width:40px;height:40px}}.CompanyDetails-icon-btn:hover{background:#ffffff40}.CompanyDetails-edit-btn{background:#ffffff26;color:#fff}.CompanyDetails-edit-btn:hover{background:#ffffff40}.CompanyDetails-header{margin-top:16px;margin-bottom:32px}@media(min-width:768px){.CompanyDetails-header{margin-top:24px;margin-bottom:48px}}.CompanyDetails-header-gradient{background:linear-gradient(145deg,#1a237e,#0d47a1,#01579b);border-radius:12px!important;padding:20px;box-shadow:0 10px 30px #00000026;position:relative;overflow:hidden}@media(min-width:768px){.CompanyDetails-header-gradient{padding:32px;border-radius:40px}}.CompanyDetails-header-content{display:flex;flex-direction:column;gap:16px;position:relative}@media(min-width:640px){.CompanyDetails-header-content{flex-direction:row;align-items:center;justify-content:space-between}}.CompanyDetails-header-left{display:flex;align-items:center;gap:16px;flex:1}.CompanyDetails-logo-wrapper{position:relative;flex-shrink:0}.CompanyDetails-company-logo{width:50px;height:50px;border-radius:50%;border:2px solid white;object-fit:contain;background:#fff;box-shadow:0 4px 12px #0003}@media(min-width:768px){.CompanyDetails-company-logo{width:100px;height:100px}}.CompanyDetails-active-badge{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#388e3c);border:2px solid white;display:flex;align-items:center;justify-content:center;color:#fff}@media(max-width:768px){.CompanyDetails-active-badge{width:16px;height:16px}}.CompanyDetails-company-info{flex:1;min-width:0}.CompanyDetails-company-name-wrapper{display:flex;align-items:center;gap:4px;margin-bottom:4px}.CompanyDetails-company-name{font-size:1rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;word-break:break-word}@media(min-width:768px){.CompanyDetails-company-name{font-size:1.8rem}}.CompanyDetails-company-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.CompanyDetails-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;color:#fff;box-shadow:0 2px 4px #0003}@media(min-width:768px){.CompanyDetails-chip{padding:6px 14px;font-size:.75rem}}.CompanyDetails-chip-active{background:linear-gradient(135deg,#4caf50,#388e3c)}.CompanyDetails-chip-inactive{background:linear-gradient(135deg,#f44336,#d32f2f)}.CompanyDetails-chip-code,.CompanyDetails-chip-date{background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.CompanyDetails-mobile-menu-btn{display:block;position:absolute;top:-11px;right:-10px;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(min-width:640px){.CompanyDetails-mobile-menu-btn{display:none}}.CompanyDetails-mobile-login-url{display:block;margin-top:16px;padding:12px;background:#0003;border-radius:12px}@media(min-width:640px){.CompanyDetails-mobile-login-url{display:none}}.CompanyDetails-url-label{display:block;font-size:.7rem;color:#ffffffb3;margin-bottom:4px}.CompanyDetails-url-container{display:flex;align-items:center;gap:8px}.CompanyDetails-url-display{flex:1;background:#ffffff1a;border-radius:8px;padding:8px 12px;overflow:hidden}.CompanyDetails-url-text{font-family:monospace;font-size:.7rem;color:#fff;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CompanyDetails-copy-btn{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.CompanyDetails-copy-btn:hover{background:#ffffff40}.CompanyDetails-copy-btn.CompanyDetails-copied{background:#4caf504d}.CompanyDetails-copy-success{display:block;margin-top:4px;font-size:.65rem;font-weight:600;color:#4caf50}.CompanyDetails-mobile-menu-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 20px #00000026;z-index:1000;max-height:100vh;overflow-y:auto;padding:56px;animation:CompanyDetails-slideUp .3s ease}@keyframes CompanyDetails-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.CompanyDetails-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.CompanyDetails-drawer-title{font-size:1.1rem;font-weight:700;color:#1e293b}.CompanyDetails-close-btn{width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center}.CompanyDetails-close-btn:hover{background:#f1f5f9}.CompanyDetails-drawer-menu{display:flex;flex-direction:column;gap:8px}.CompanyDetails-menu-item{display:flex;align-items:center;gap:12px;padding:16px;border:none;border-radius:12px;background:transparent;cursor:pointer;text-align:left;transition:all .2s ease}.CompanyDetails-menu-item:hover{background:#f8fafc}.CompanyDetails-menu-item-content{flex:1}.CompanyDetails-menu-item-title{display:block;font-weight:600;font-size:.95rem;color:#1e293b;margin-bottom:4px}.CompanyDetails-menu-item-subtitle{display:block;font-size:.8rem;color:#64748b}.CompanyDetails-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media(min-width:640px){.CompanyDetails-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.CompanyDetails-stat-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease;text-align:center}.CompanyDetails-stat-card:hover{transform:translateY(-4px);border-color:#2196f3;box-shadow:0 12px 30px #2196f326}@media(max-width:768px){.CompanyDetails-stat-card{padding:12px}}.CompanyDetails-stat-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff}@media(max-width:768px){.CompanyDetails-stat-icon{width:36px;height:36px;border-radius:12px;margin-bottom:8px}}.CompanyDetails-stat-value{font-size:1.5rem;font-weight:800;margin-bottom:4px;animation:CompanyDetails-countUp 2s ease-out}@keyframes CompanyDetails-countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.CompanyDetails-stat-value{font-size:2rem}}.CompanyDetails-stat-label{font-size:.6rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}@media(min-width:768px){.CompanyDetails-stat-label{font-size:.7rem}}.CompanyDetails-info-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:24px}@media(min-width:768px){.CompanyDetails-info-card{border-radius:32px}}.CompanyDetails-card-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}@media(min-width:768px){.CompanyDetails-card-header{padding:16px 24px}}.CompanyDetails-header-icon{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}@media(min-width:768px){.CompanyDetails-header-icon{width:40px;height:40px}}.CompanyDetails-primary-bg{background:linear-gradient(135deg,#2196f3,#1976d2)}.CompanyDetails-card-title{font-size:.95rem;font-weight:700;color:#0f172a;flex:1}@media(min-width:768px){.CompanyDetails-card-title{font-size:1.25rem}}.CompanyDetails-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#2196f3;color:#fff;font-size:.7rem;font-weight:700}.CompanyDetails-info-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:16px}@media(min-width:640px){.CompanyDetails-info-grid{grid-template-columns:repeat(2,1fr);padding:20px;gap:16px}}@media(min-width:1024px){.CompanyDetails-info-grid{grid-template-columns:repeat(3,1fr);padding:24px}}.CompanyDetails-info-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;height:100%}.CompanyDetails-info-icon{width:32px;height:32px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}@media(min-width:768px){.CompanyDetails-info-icon{width:40px;height:40px}}.CompanyDetails-info-content{min-width:0;flex:1}.CompanyDetails-info-label{display:block;font-size:.6rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}@media(min-width:768px){.CompanyDetails-info-label{font-size:.65rem}}.CompanyDetails-info-value{display:block;font-size:.75rem;font-weight:600;color:#0f172a;word-break:break-word;line-height:1.3}@media(min-width:768px){.CompanyDetails-info-value{font-size:.85rem}}.CompanyDetails-subscription-card{border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden;position:relative;border:1px solid #e2e8f0;margin-bottom:24px}@media(min-width:768px){.CompanyDetails-subscription-card{border-radius:32px}}.CompanyDetails-subscription-card.CompanyDetails-status-success{background:linear-gradient(145deg,#e8f5e9,#c8e6c9)}.CompanyDetails-subscription-card.CompanyDetails-status-warning{background:linear-gradient(145deg,#fff3e0,#ffe0b2)}.CompanyDetails-subscription-card.CompanyDetails-status-error{background:linear-gradient(145deg,#ffebee,#ffcdd2)}.CompanyDetails-subscription-bg{position:absolute;top:-20px;right:-20px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.05) 0%,transparent 70%)}@media(max-width:768px){.CompanyDetails-subscription-bg{width:100px;height:100px}}.CompanyDetails-subscription-content{position:relative;padding:16px}@media(min-width:768px){.CompanyDetails-subscription-content{padding:24px}}.CompanyDetails-subscription-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.CompanyDetails-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;color:#fff;height:24px;margin-left:auto}@media(max-width:768px){.CompanyDetails-status-badge{height:20px;font-size:.6rem}}.CompanyDetails-expiry-text{font-size:.8rem;color:#1e293b;margin-bottom:16px}@media(min-width:768px){.CompanyDetails-expiry-text{font-size:.9rem}}.CompanyDetails-progress-container{margin-bottom:16px}.CompanyDetails-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.CompanyDetails-progress-label{font-size:.7rem;font-weight:600;color:#64748b}.CompanyDetails-progress-value{font-size:1rem;font-weight:800;background:linear-gradient(135deg,#4caf50,#388e3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:768px){.CompanyDetails-progress-value{font-size:1.4rem}}.CompanyDetails-progress-bar{height:8px;background:#0000000d;border-radius:4px;overflow:hidden}@media(min-width:768px){.CompanyDetails-progress-bar{height:10px}}.CompanyDetails-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.CompanyDetails-alert{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;font-size:.7rem;margin-top:12px}@media(min-width:768px){.CompanyDetails-alert{padding:10px 16px;font-size:.75rem}}.CompanyDetails-alert-success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.CompanyDetails-alert-warning{background:#fff3e0;color:#ed6c02;border-left:4px solid #ff9800}.CompanyDetails-alert-error{background:#ffebee;color:#c62828;border-left:4px solid #f44336}.CompanyDetails-recent-users-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0;overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative}@media(min-width:768px){.CompanyDetails-recent-users-card{border-radius:32px}}.CompanyDetails-recent-users-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4caf50,#2196f3,#9c27b0)}.CompanyDetails-users-list{flex:1;overflow-y:auto;max-height:400px}@media(min-width:1024px){.CompanyDetails-users-list{max-height:500px}}.CompanyDetails-users-list::-webkit-scrollbar{width:4px}.CompanyDetails-users-list::-webkit-scrollbar-track{background:#f1f1f1}.CompanyDetails-users-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:4px}.CompanyDetails-user-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e2e8f0;transition:all .2s ease}.CompanyDetails-user-item:hover{background:#f8fafc}@media(max-width:768px){.CompanyDetails-user-item{padding:12px 16px;gap:12px}}.CompanyDetails-user-avatar-wrapper{position:relative}.CompanyDetails-user-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000001a}@media(max-width:768px){.CompanyDetails-user-avatar{width:36px;height:36px;font-size:.8rem}}.CompanyDetails-user-avatar.CompanyDetails-active{background:linear-gradient(135deg,#2196f3,#1976d2)}.CompanyDetails-user-avatar.CompanyDetails-inactive{background:linear-gradient(135deg,#9e9e9e,#757575)}.CompanyDetails-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid white}@media(max-width:768px){.CompanyDetails-status-dot{width:8px;height:8px}}.CompanyDetails-status-dot.CompanyDetails-active{background:linear-gradient(135deg,#4caf50,#388e3c)}.CompanyDetails-status-dot.CompanyDetails-inactive{background:linear-gradient(135deg,#f44336,#d32f2f)}.CompanyDetails-user-info{flex:1;min-width:0}.CompanyDetails-user-name{font-size:.9rem;font-weight:700;color:#0f172a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.CompanyDetails-user-name{font-size:1rem}}.CompanyDetails-user-tags{display:flex;flex-wrap:wrap;gap:4px}.CompanyDetails-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:.55rem;font-weight:600;height:18px}@media(min-width:768px){.CompanyDetails-tag{font-size:.6rem}}.CompanyDetails-tag.CompanyDetails-employee-type{background:linear-gradient(135deg,#ff9800,#ed6c02);color:#fff}.CompanyDetails-tag.CompanyDetails-department{background:#f1f5f9;color:#2196f3}.CompanyDetails-edit-user-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #2196f3;border-radius:8px;background:transparent;color:#2196f3;font-size:.6rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media(min-width:768px){.CompanyDetails-edit-user-btn{padding:6px 12px;font-size:.65rem}}.CompanyDetails-edit-user-btn:hover{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-color:transparent}.CompanyDetails-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;height:100%;min-height:250px;text-align:center}@media(max-width:768px){.CompanyDetails-empty-state{padding:32px 16px;min-height:200px}}.CompanyDetails-empty-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#1976d2}@media(max-width:768px){.CompanyDetails-empty-icon{width:50px;height:50px}}.CompanyDetails-empty-title{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:8px}@media(max-width:768px){.CompanyDetails-empty-title{font-size:.85rem}}.CompanyDetails-empty-subtitle{font-size:.75rem;color:#64748b;margin-bottom:16px}.CompanyDetails-desktop-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.CompanyDetails-desktop-grid{grid-template-columns:2fr 1fr}}.CompanyDetails-mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px #0000001a;z-index:100;padding:8px 0;height:56px}@media(min-width:640px){.CompanyDetails-mobile-bottom-nav{display:none}}.CompanyDetails-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;border:none;background:transparent;color:#64748b;font-size:.7rem;cursor:pointer;transition:all .2s ease;min-width:50px}.CompanyDetails-nav-item.CompanyDetails-active{color:#2196f3}.CompanyDetails-nav-item.CompanyDetails-add{background:#2196f3;color:#fff;width:28px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translateY(-16px);box-shadow:0 4px 12px #2196f366}.CompanyDetails-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:CompanyDetails-fadeIn .2s ease}@keyframes CompanyDetails-fadeIn{0%{opacity:0}to{opacity:1}}.CompanyDetails-modal-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:8px;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e2e8f0;max-width:600px;width:100%;max-height:80vh;overflow:auto;animation:CompanyDetails-slideUp .3s ease}.CompanyDetails-modal-content.CompanyDetails-large{max-width:900px}.CompanyDetails-modal-content.CompanyDetails-fullscreen{border-radius:0;max-height:79vh;height:100%}.CompanyDetails-modal-header{padding:24px 32px;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){.CompanyDetails-modal-header{padding:16px 20px}}.CompanyDetails-primary-header{background:linear-gradient(135deg,#1a237e,#0d47a1)}.CompanyDetails-modal-header:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;animation:CompanyDetails-float 8s ease-in-out infinite}@media(max-width:768px){.CompanyDetails-modal-header:before{width:100px;height:100px}}.CompanyDetails-modal-header-left{display:flex;align-items:center;gap:16px;position:relative;z-index:1}@media(max-width:768px){.CompanyDetails-modal-header-left{gap:12px}}.CompanyDetails-modal-header-icon{width:55px;height:55px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#0d47a1;box-shadow:0 8px 16px #0003}@media(max-width:768px){.CompanyDetails-modal-header-icon{width:40px;height:40px}}.CompanyDetails-modal-title{font-size:1.25rem;font-weight:700;margin-bottom:4px}@media(max-width:768px){.CompanyDetails-modal-title{font-size:1rem}}.CompanyDetails-modal-subtitle{font-size:.875rem;opacity:.9}@media(max-width:768px){.CompanyDetails-modal-subtitle{font-size:.75rem}}.CompanyDetails-modal-close{width:40px;height:40px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}@media(max-width:768px){.CompanyDetails-modal-close{width:32px;height:32px}}.CompanyDetails-modal-close:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.CompanyDetails-modal-close:disabled{opacity:.5;cursor:not-allowed}.CompanyDetails-modal-body{padding:32px}@media(max-width:768px){.CompanyDetails-modal-body{padding:20px}}.CompanyDetails-modal-footer{padding:24px 32px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;gap:16px;justify-content:flex-end}@media(max-width:768px){.CompanyDetails-modal-footer{padding:16px 20px;flex-direction:column}}.CompanyDetails-form-container{display:flex;flex-direction:column;gap:24px}.CompanyDetails-form-section{background:#f8fafc;padding:24px;border-radius:16px;border:1px solid #e2e8f0}@media(max-width:768px){.CompanyDetails-form-section{padding:16px}}.CompanyDetails-section-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}@media(max-width:768px){.CompanyDetails-section-header{margin-bottom:16px}}.CompanyDetails-section-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}@media(max-width:768px){.CompanyDetails-section-icon{width:32px;height:32px}}.CompanyDetails-blue-bg{background:linear-gradient(135deg,#2196f3,#1976d2)}.CompanyDetails-orange-bg{background:linear-gradient(135deg,#ff9800,#ed6c02)}.CompanyDetails-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}@media(max-width:768px){.CompanyDetails-section-title{font-size:.95rem}}.CompanyDetails-form-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.CompanyDetails-form-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.CompanyDetails-form-group{display:flex;flex-direction:column;gap:6px}.CompanyDetails-form-group.CompanyDetails-full-width{grid-column:1 / -1}.CompanyDetails-form-label{font-size:.9rem;font-weight:600;color:#1e293b}@media(max-width:768px){.CompanyDetails-form-label{font-size:.8rem}}.CompanyDetails-input-wrapper{position:relative;display:flex;align-items:center}.CompanyDetails-input-icon{position:absolute;left:12px;color:#2196f3;display:flex;align-items:center;justify-content:center}.CompanyDetails-form-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#fff}@media(max-width:768px){.CompanyDetails-form-input{padding:10px 10px 10px 40px;font-size:.85rem}}.CompanyDetails-form-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.CompanyDetails-form-input.CompanyDetails-error{border-color:#ef4444}.CompanyDetails-form-input.CompanyDetails-error:focus{box-shadow:0 0 0 3px #ef44441a}select.CompanyDetails-form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}textarea.CompanyDetails-form-input{resize:vertical;min-height:60px}.CompanyDetails-input-hint{font-size:.75rem;color:#64748b;margin-top:4px}.CompanyDetails-error-message{font-size:.75rem;color:#ef4444;margin-top:4px}.CompanyDetails-checkbox-group{display:flex;align-items:center;justify-content:flex-start;margin-top:8px}.CompanyDetails-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.CompanyDetails-checkbox-input{width:18px;height:18px;cursor:pointer}.CompanyDetails-checkbox-text{font-size:.9rem;color:#1e293b}.CompanyDetails-alert-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.9rem;margin-bottom:16px}@media(max-width:768px){.CompanyDetails-alert-info{padding:8px 12px;font-size:.8rem}}.CompanyDetails-logo-preview{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;margin-top:16px}.CompanyDetails-preview-img{width:60px;height:60px;border-radius:50%;border:2px solid #2196f3;object-fit:contain}.CompanyDetails-preview-text{flex:1;overflow:hidden}.CompanyDetails-preview-label{display:block;font-size:.9rem;font-weight:600;color:#1e293b;margin-bottom:4px}.CompanyDetails-preview-url{display:block;font-size:.7rem;color:#64748b;word-break:break-all}.CompanyDetails-success-state{padding:64px 32px;text-align:center}@media(max-width:768px){.CompanyDetails-success-state{padding:40px 16px}}.CompanyDetails-success-icon{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border:3px solid white;color:#4caf50}@media(max-width:768px){.CompanyDetails-success-icon{width:80px;height:80px;margin-bottom:16px}}.CompanyDetails-success-title{font-size:2rem;font-weight:800;margin-bottom:12px;color:#1e293b}@media(max-width:768px){.CompanyDetails-success-title{font-size:1.5rem}}.CompanyDetails-success-message{font-size:1rem;color:#64748b;margin-bottom:24px}@media(max-width:768px){.CompanyDetails-success-message{font-size:.9rem}}.CompanyDetails-highlight{color:#2196f3;font-weight:600}.CompanyDetails-success-spinner{width:30px;height:30px;margin:0 auto;border:3px solid #e8f5e9;border-top:3px solid #4caf50;border-radius:50%;animation:CompanyDetails-spin 1s linear infinite}.CompanyDetails-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:CompanyDetails-spin 1s linear infinite;margin-right:8px}.CompanyDetails-desktop-login-url{display:none;flex:1;max-width:400px;margin:0 16px}@media(min-width:1024px){.CompanyDetails-desktop-login-url{display:block}}.CompanyDetails-url-wrapper{display:flex;flex-direction:column;gap:4px}.CompanyDetails-url-label-desktop{font-size:.7rem;color:#ffffffb3;font-weight:500;letter-spacing:.3px}.CompanyDetails-url-container-desktop{display:flex;align-items:center;gap:8px;background:#0003;border-radius:8px;padding:4px 4px 4px 12px;border:1px solid rgba(255,255,255,.1)}.CompanyDetails-url-display-desktop{flex:1;overflow:hidden}.CompanyDetails-url-text-desktop{font-family:monospace;font-size:.75rem;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CompanyDetails-copy-btn-desktop{width:28px;height:28px;border:none;border-radius:6px;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.CompanyDetails-copy-btn-desktop:hover{background:#ffffff40}.CompanyDetails-copy-btn-desktop.CompanyDetails-copied{background:#4caf504d}.CompanyDetails-copy-success-desktop{font-size:.6rem;color:#4caf50;font-weight:600;margin-top:2px;display:block}.CompanyDetails-header-actions{display:none;align-items:center;gap:16px;flex-shrink:0}@media(min-width:640px){.CompanyDetails-header-actions{display:flex}}@media(min-width:1024px){.CompanyDetails-header-content{display:flex;align-items:center;justify-content:space-between}.CompanyDetails-header-left{flex:0 1 auto}.CompanyDetails-desktop-login-url{flex:1;max-width:400px;margin:0 24px}}*{margin:0;padding:0;box-sizing:border-box}.AllCompany-all-company-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;position:relative;padding-bottom:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.AllCompany-responsive-container{max-width:1480px;margin:0 auto;padding:0 24px;position:relative;z-index:1}@media(max-width:768px){.AllCompany-responsive-container{padding:0 16px}}.AllCompany-animated-bg{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.AllCompany-bg-circle{position:absolute;border-radius:50%}.AllCompany-circle-1{top:10%;left:5%;width:300px;height:300px;background:radial-gradient(circle,rgba(37,99,235,.03) 0%,transparent 70%);animation:AllCompany-float 20s infinite}.AllCompany-circle-2{bottom:20%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.03) 0%,transparent 70%);animation:AllCompany-float 25s infinite reverse}@keyframes AllCompany-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-20px,20px) scale(1.05)}50%{transform:translate(20px,-20px) scale(.95)}75%{transform:translate(-10px,-10px) scale(1.02)}}.AllCompany-mobile-app-bar{position:sticky;top:0;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.6);margin-bottom:16px;z-index:1100}.AllCompany-toolbar{display:flex;align-items:center;min-height:64px;padding:0 16px}.AllCompany-icon-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#1e293b}.AllCompany-icon-button:hover{background:#0000000a}.AllCompany-app-bar-title{flex:1;margin-left:8px;font-weight:700;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.25rem}.AllCompany-notification-badge{position:relative}.AllCompany-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.AllCompany-mobile-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:1200}.AllCompany-mobile-drawer{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100%;background:linear-gradient(135deg,#fff,#f8fafc);border-top-right-radius:32px;border-bottom-right-radius:32px;animation:AllCompany-slideIn .3s ease}@keyframes AllCompany-slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.AllCompany-drawer-content{padding:24px}.AllCompany-drawer-header{text-align:center;margin-bottom:16px}.AllCompany-drawer-avatar{width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:600}.AllCompany-drawer-title{font-weight:700;color:#0f172a;font-size:1.25rem;margin-bottom:4px}.AllCompany-drawer-subtitle{color:#64748b;font-size:.875rem}.AllCompany-drawer-divider{border:none;border-top:1px dashed rgba(226,232,240,.6);margin:16px 0}.AllCompany-drawer-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:8px}.AllCompany-drawer-item{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;background:none;border-radius:12px;font-size:1rem;color:#1e293b;cursor:pointer;text-align:left;margin-bottom:4px}.AllCompany-drawer-item:hover{background:#2563eb0a}.AllCompany-drawer-icon{margin-right:12px;font-size:20px}.AllCompany-drawer-stats{padding:0 8px}.AllCompany-stat-item{margin-bottom:12px}.AllCompany-stat-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.875rem}.AllCompany-stat-label{color:#64748b}.AllCompany-stat-value{font-weight:700;color:#0f172a}.AllCompany-progress-bar{height:6px;background:#2563eb1a;border-radius:3px;overflow:hidden}.AllCompany-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.AllCompany-loading-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:24px 0}.AllCompany-skeleton-circle{width:44px;height:44px;background:#e2e8f0;border-radius:50%;animation:AllCompany-pulse 1.5s infinite}.AllCompany-skeleton-text{height:24px;background:#e2e8f0;border-radius:4px;animation:AllCompany-pulse 1.5s infinite}.AllCompany-skeleton-title{width:250px;height:50px;background:#e2e8f0;border-radius:4px;animation:AllCompany-pulse 1.5s infinite}.AllCompany-skeleton-subtitle{width:180px;height:24px;background:#e2e8f0;border-radius:4px;margin-top:8px;animation:AllCompany-pulse 1.5s infinite}.AllCompany-skeleton-actions{display:flex;gap:12px}.AllCompany-skeleton-button{width:140px;height:44px;background:#e2e8f0;border-radius:14px;animation:AllCompany-pulse 1.5s infinite}.AllCompany-stat-card-skeleton{height:140px;background:#e2e8f0;border-radius:24px;animation:AllCompany-pulse 1.5s infinite}.AllCompany-search-skeleton{height:72px;background:#e2e8f0;border-radius:28px;margin:24px 0;animation:AllCompany-pulse 1.5s infinite}.AllCompany-company-card-skeleton{height:250px;background:#e2e8f0;border-radius:28px;margin-bottom:16px;animation:AllCompany-pulse 1.5s infinite}@keyframes AllCompany-pulse{0%,to{opacity:1}50%{opacity:.5}}.AllCompany-desktop-header{margin-bottom:32px}.AllCompany-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:16px}.AllCompany-breadcrumb-link{display:flex;align-items:center;gap:4px;color:#64748b;text-decoration:none;font-size:.9rem}.AllCompany-breadcrumb-link:hover{color:#2563eb}.AllCompany-breadcrumb-separator{color:#94a3b8;font-size:16px}.AllCompany-breadcrumb-current{display:flex;align-items:center;gap:4px;color:#0f172a;font-weight:600;font-size:.9rem}.AllCompany-breadcrumb-icon{font-size:16px}.AllCompany-header-content{display:flex;justify-content:space-between;align-items:center}.AllCompany-header-left{display:flex;align-items:center;gap:16px}.AllCompany-header-icon-box{padding:16px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:32px;box-shadow:0 10px 30px #2563eb4d}.AllCompany-header-icon{font-size:32px;color:#fff}.AllCompany-header-title{font-weight:800;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;margin:0}.AllCompany-header-stats{display:flex;align-items:center;gap:8px}.AllCompany-header-subtitle{color:#64748b;font-size:.875rem}.AllCompany-active-chip{background:#10b9811a;color:#059669;font-weight:600;font-size:.75rem;padding:4px 8px;border-radius:16px}.AllCompany-header-actions{display:flex;gap:12px}.AllCompany-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:8px 24px;border-radius:14px;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #2563eb4d;transition:all .2s ease}.AllCompany-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.AllCompany-btn-primary.AllCompany-btn-small{padding:6px 18px;font-size:.8rem}.AllCompany-btn-outline{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(37,99,235,.3);color:#2563eb;padding:8px 24px;border-radius:14px;font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.AllCompany-btn-outline:hover{border-color:#2563eb;background:#fff;box-shadow:0 4px 15px #2563eb1a}.AllCompany-btn-outline.AllCompany-btn-small{padding:6px 18px;font-size:.8rem}.AllCompany-btn-icon{font-size:18px}.AllCompany-icon-btn{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:14px;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#1e293b;transition:all .2s ease;box-shadow:0 2px 8px #00000005}.AllCompany-icon-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #2563eb4d}.AllCompany-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}@media(max-width:768px){.AllCompany-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}}.AllCompany-stat-card{border-radius:24px;box-shadow:0 4px 20px #00000005;border:1px solid rgba(226,232,240,.6);height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#fafcff);overflow:hidden}.AllCompany-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #2563eb1f;border-color:#2563eb}.AllCompany-stat-card-content{padding:20px;display:flex;justify-content:space-between;align-items:flex-start}@media(max-width:768px){.AllCompany-stat-card-content{padding:12px}}.AllCompany-stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;display:block}.AllCompany-stat-value{font-size:3rem;font-weight:800;margin:8px 0 4px;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:AllCompany-countUp 2s ease-out}@media(max-width:768px){.AllCompany-stat-value{font-size:1.5rem;margin-top:4px}}@keyframes AllCompany-countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.AllCompany-stat-trend{display:flex;align-items:center;gap:4px;color:#10b981;font-size:.75rem}.AllCompany-stat-trend-purple{color:#8b5cf6}.AllCompany-stat-trend-orange{color:#f59e0b}.AllCompany-trend-icon{font-size:14px}.AllCompany-stat-subtext{color:#64748b;font-size:.75rem}.AllCompany-stat-icon{width:56px;height:56px;border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #0000004d}@media(max-width:768px){.AllCompany-stat-icon{width:48px;height:48px;border-radius:16px}}.AllCompany-stat-icon .material-icons{font-size:32px}@media(max-width:768px){.AllCompany-stat-icon .material-icons{font-size:24px}}.AllCompany-stat-icon-blue{background:linear-gradient(135deg,#2563eb,#7c3aed)}.AllCompany-stat-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.AllCompany-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.AllCompany-stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.AllCompany-search-filter-section{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014;padding:20px;border-radius:40px;margin-bottom:32px}@media(max-width:768px){.AllCompany-search-filter-section{padding:12px;border-radius:32px;margin-bottom:16px}}.AllCompany-search-filter-grid{display:grid;grid-template-columns:5fr 7fr;gap:16px;align-items:center}@media(max-width:768px){.AllCompany-search-filter-grid{grid-template-columns:1fr;gap:12px}}.AllCompany-search-field{width:100%}.AllCompany-search-input-container{position:relative;width:100%}.AllCompany-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:20px}.AllCompany-search-input{width:100%;padding:14px 16px 14px 48px;border:2px solid transparent;border-radius:30px;font-size:1rem;background:#fff;transition:all .3s ease;outline:none}.AllCompany-search-input:hover{background:#fff;box-shadow:0 4px 20px #0000000a}.AllCompany-search-input:focus{border-color:#2563eb;box-shadow:0 4px 25px #2563eb26}.AllCompany-clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.AllCompany-clear-search:hover{background:#0000000a}.AllCompany-clear-search .material-icons{font-size:18px}.AllCompany-filter-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap}@media(max-width:768px){.AllCompany-filter-actions{justify-content:flex-start}}.AllCompany-filter-toggle{display:flex;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:4px;gap:4px}.AllCompany-filter-btn{border:none;background:none;padding:8px 24px;border-radius:20px;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.AllCompany-filter-btn{padding:6px 16px;font-size:.8rem}}.AllCompany-filter-btn.AllCompany-active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.AllCompany-filter-btn.AllCompany-active:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.AllCompany-sort-btn{display:flex;align-items:center;gap:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:24px;padding:8px 16px;font-size:.9rem;color:#1e293b;cursor:pointer;transition:all .2s ease}.AllCompany-sort-btn:hover{border-color:#2563eb;background:#fff}.AllCompany-sort-icon{font-size:18px}.AllCompany-sort-arrow{font-size:16px}.AllCompany-selected-chip{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:6px 12px;border-radius:24px;font-weight:600;font-size:.9rem;animation:AllCompany-fadeIn .3s ease}@keyframes AllCompany-fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.AllCompany-selected-chip button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:50%}.AllCompany-selected-chip button:hover{background:#fff3}.AllCompany-selected-chip .material-icons{font-size:16px}.AllCompany-company-card{border-radius:28px;box-shadow:0 4px 20px #00000005;border:1px solid rgba(226,232,240,.6);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;background:linear-gradient(135deg,#fff,#fafcff);position:relative;margin-bottom:20px}.AllCompany-company-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);opacity:0;transition:opacity .3s ease}.AllCompany-company-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px #2563eb26;border-color:#2563eb}.AllCompany-company-card:hover:after{opacity:1}@media(max-width:768px){.AllCompany-company-card{border-radius:24px}}.AllCompany-company-card-content{padding:24px}@media(max-width:768px){.AllCompany-company-card-content{padding:16px}}.AllCompany-company-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.AllCompany-company-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.AllCompany-company-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.AllCompany-company-code{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:700;border:1px solid}.AllCompany-status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.3px;color:#fff;box-shadow:0 4px 10px #0000004d}.AllCompany-status-badge.AllCompany-active{background:linear-gradient(135deg,#10b981,#059669);display:none}.AllCompany-status-badge.AllCompany-inactive{background:linear-gradient(135deg,#ef4444,#dc2626)}.AllCompany-status-icon{font-size:14px}.AllCompany-star-icon{color:#fbbf24;font-size:20px}.AllCompany-company-actions{display:flex;gap:4px}.AllCompany-action-icon-btn{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:14px;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#1e293b;transition:all .2s ease;box-shadow:0 2px 8px #00000005}@media(max-width:768px){.AllCompany-action-icon-btn{padding:6px}}.AllCompany-action-icon-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:transparent;color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #2563eb4d}.AllCompany-action-icon-btn .material-icons{font-size:20px}@media(max-width:768px){.AllCompany-action-icon-btn .material-icons{font-size:18px}}.AllCompany-company-info-grid{display:grid;grid-template-columns:8fr 4fr;gap:24px;margin-bottom:16px}@media(max-width:768px){.AllCompany-company-info-grid{grid-template-columns:1fr;gap:16px}}.AllCompany-company-main-info{display:flex;gap:24px;align-items:flex-start}@media(max-width:768px){.AllCompany-company-main-info{gap:16px}}.AllCompany-company-logo-container{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid rgba(37,99,235,.1);border-radius:20px;overflow:hidden;box-shadow:0 8px 20px #0000000a;transition:all .3s ease}.AllCompany-company-logo-container:hover{border-color:#2563eb;transform:scale(1.05);box-shadow:0 12px 30px #2563eb26}@media(max-width:768px){.AllCompany-company-logo-container{width:64px;height:64px;border-radius:16px}}.AllCompany-company-logo{width:100%;height:100%;object-fit:contain}.AllCompany-company-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600}@media(max-width:768px){.AllCompany-company-avatar{font-size:24px}}.AllCompany-company-details{flex:1}.AllCompany-company-name{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:8px;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:768px){.AllCompany-company-name{font-size:1.1rem}.AllCompany-company-tags{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}}.AllCompany-company-tags{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.AllCompany-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:.75rem;border:1px solid;background:#fff}.AllCompany-tag-email{border-color:#2563eb33;color:#1e293b}.AllCompany-tag-phone{border-color:#10b98133;color:#1e293b}.AllCompany-tag-person{border-color:#8b5cf633;color:#1e293b}.AllCompany-tag-icon{font-size:14px}.AllCompany-company-metrics{display:none;gap:24px;align-items:center}.AllCompany-metric-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;display:block;margin-bottom:4px}.AllCompany-metric-value{display:flex;align-items:center;gap:8px}.AllCompany-metric-number{font-size:1.35rem;font-weight:800;color:#2563eb}@media(max-width:768px){.AllCompany-metric-number{font-size:1.1rem}}.AllCompany-metric-percent{font-size:.6rem;padding:2px 6px;background:#2563eb1a;color:#2563eb;border-radius:10px;font-weight:600}.AllCompany-metric-divider{width:1px;height:24px;background:#2563eb33}.AllCompany-calendar-icon{font-size:14px;color:#64748b}.AllCompany-metric-text{font-size:.9rem;color:#1e293b}.AllCompany-company-stats{padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:20px;transition:all .3s ease;position:relative;overflow:hidden}.AllCompany-company-stats:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 12px 30px #2563eb1a}.AllCompany-stats-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;display:block;margin-bottom:12px}.AllCompany-stats-list{display:flex;flex-direction:column;gap:12px}.AllCompany-stat-item{display:flex;align-items:center;gap:8px}.AllCompany-location-icon{color:#ef4444;font-size:16px}.AllCompany-schedule-icon{color:#f59e0b;font-size:16px}.AllCompany-activity-icon{color:#10b981;font-size:16px}.AllCompany-stat-text{font-size:.9rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.AllCompany-activity-item{align-items:flex-start}.AllCompany-activity-progress{flex:1}.AllCompany-activity-header{display:flex;justify-content:space-between;margin-bottom:4px}.AllCompany-activity-label{font-size:.7rem;color:#64748b}.AllCompany-activity-value{font-size:.7rem;font-weight:600;color:#10b981}.AllCompany-activity-fill{background:#10b981}.AllCompany-mobile-metrics{margin-top:16px;display:flex;gap:16px;flex-wrap:wrap}.AllCompany-mobile-metric{display:none;align-items:center;gap:4px}.AllCompany-mobile-icon{font-size:16px}.AllCompany-mobile-text{font-size:.75rem;color:#1e293b}.AllCompany-team-section{margin-top:24px}@media(max-width:768px){.AllCompany-team-section{margin-top:16px}}.AllCompany-team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.AllCompany-team-title{display:flex;align-items:center;gap:8px}.AllCompany-team-icon-box{padding:4px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;color:#fff}.AllCompany-team-icon{font-size:20px}.AllCompany-team-label{font-weight:700;color:#0f172a}@media(max-width:768px){.AllCompany-team-label{font-size:.875rem}}.AllCompany-team-count{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:600;font-size:.75rem;padding:2px 8px;border-radius:12px}.AllCompany-team-actions{display:flex;gap:8px;align-items:center}.AllCompany-view-all-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#2563eb;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:16px}.AllCompany-view-all-btn:hover{background:#2563eb0a}@media(max-width:768px){.AllCompany-view-all-btn{font-size:.7rem}}.AllCompany-view-all-icon{font-size:16px}.AllCompany-add-member-btn{background:none;border:none;color:#10b981;cursor:pointer;padding:4px;border-radius:50%;display:none;align-items:center;justify-content:center}.AllCompany-add-member-btn:hover{background:#10b9811a}.AllCompany-add-member-btn .material-icons{font-size:18px}.AllCompany-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:768px){.AllCompany-team-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.AllCompany-team-member-card{padding:16px;border-radius:32px;border:1px solid rgba(226,232,240,.6);background:linear-gradient(135deg,#fff,#f8fafc);transition:all .2s ease}@media(max-width:768px){.AllCompany-team-member-card{padding:8px;border-radius:24px}}.AllCompany-team-member-card:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 8px 20px #2563eb26}.AllCompany-team-member-content{display:flex;gap:12px;align-items:center}@media(max-width:768px){.AllCompany-team-member-content{gap:8px}}.AllCompany-member-avatar-container{position:relative}.AllCompany-member-avatar{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:0 4px 12px #0000004d}@media(max-width:768px){.AllCompany-member-avatar{width:36px;height:36px;font-size:.9rem;border-radius:12px}}.AllCompany-member-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid white;box-shadow:0 0 10px currentColor}@media(max-width:768px){.AllCompany-member-status{width:8px;height:8px}}.AllCompany-member-status.AllCompany-active{background:#10b981;box-shadow:0 0 10px #10b981}.AllCompany-member-status.AllCompany-inactive{background:#ef4444;box-shadow:0 0 10px #ef4444}.AllCompany-member-info{overflow:hidden}.AllCompany-member-name{font-weight:700;color:#1e293b;font-size:.85rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}@media(max-width:768px){.AllCompany-member-name{font-size:.75rem;max-width:70px}}.AllCompany-member-role{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:12px;background:#0000000a;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}@media(max-width:768px){.AllCompany-member-role{font-size:.55rem;padding:2px 6px}}.AllCompany-empty-team{padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:40px;text-align:center;border:2px dashed #cbd5e1}.AllCompany-empty-team-icon{font-size:48px;color:#94a3b8;margin-bottom:8px}@media(max-width:768px){.AllCompany-empty-team-icon{font-size:40px}}.AllCompany-empty-team-text{color:#64748b;font-weight:600}.AllCompany-empty-state{padding:48px;text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:48px;animation:AllCompany-fadeIn .5s ease}@media(max-width:768px){.AllCompany-empty-state{padding:32px;border-radius:40px}}.AllCompany-empty-state-icon{animation:AllCompany-pulse 2s infinite}.AllCompany-empty-state-icon .material-icons{font-size:70px;color:#cbd5e1;margin-bottom:16px}@media(max-width:768px){.AllCompany-empty-state-icon .material-icons{font-size:50px}}.AllCompany-empty-state-title{color:#64748b;margin-bottom:16px;font-weight:600;font-size:1.25rem}.AllCompany-empty-state-text{color:#94a3b8;margin-bottom:24px;font-size:.875rem}.AllCompany-pagination-container{padding:16px;margin-top:24px;border-radius:40px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media(max-width:768px){.AllCompany-pagination-container{padding:12px;border-radius:32px;flex-direction:column;align-items:center}}.AllCompany-pagination-info{color:#64748b;font-size:.8rem}@media(max-width:768px){.AllCompany-pagination-info{font-size:.7rem}}.AllCompany-pagination-controls{display:flex;gap:4px}.AllCompany-pagination-btn{min-width:36px;height:36px;border:none;background:none;border-radius:8px;font-weight:600;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}@media(max-width:768px){.AllCompany-pagination-btn{min-width:32px;height:32px;font-size:.8rem}}.AllCompany-pagination-btn:hover{background:#2563eb0a}.AllCompany-pagination-btn.AllCompany-active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.AllCompany-pagination-btn.AllCompany-active:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.AllCompany-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1100;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(226,232,240,.6);display:flex;height:64px}.AllCompany-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:#64748b;cursor:pointer;transition:all .2s ease}.AllCompany-bottom-nav-item.AllCompany-active{color:#2563eb}.AllCompany-bottom-nav-item.AllCompany-active .AllCompany-bottom-nav-label{font-size:.75rem;font-weight:600}.AllCompany-bottom-nav-icon{font-size:24px;margin-bottom:4px}.AllCompany-bottom-nav-label{font-size:.7rem}.AllCompany-fab-container{position:fixed;bottom:80px;right:16px;z-index:1100}.AllCompany-fab-main{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #2563eb66;transition:all .3s ease;display:none}.AllCompany-fab-main:hover{transform:scale(1.1);background:linear-gradient(135deg,#1d4ed8,#6d28d9);box-shadow:0 12px 35px #2563eb80}.AllCompany-fab-icon{font-size:24px;transition:transform .3s ease}.AllCompany-fab-main:hover .AllCompany-fab-icon{transform:rotate(90deg)}.AllCompany-fab-actions{position:absolute;bottom:70px;right:0;display:none;flex-direction:column;gap:8px;animation:AllCompany-slideUp .3s ease}@keyframes AllCompany-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.AllCompany-fab-action{width:48px;height:48px;border-radius:50%;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;transition:all .2s ease}.AllCompany-fab-action:hover{transform:scale(1.1)}.AllCompany-fab-blue{background:#2563eb}.AllCompany-fab-blue:hover{background:#1d4ed8}.AllCompany-fab-green{background:#10b981}.AllCompany-fab-green:hover{background:#059669}.AllCompany-fab-purple{background:#8b5cf6}.AllCompany-fab-purple:hover{background:#7c3aed}.AllCompany-fab-orange{background:#f59e0b}.AllCompany-fab-orange:hover{background:#d97706}.AllCompany-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:AllCompany-fadeIn .3s ease}.AllCompany-modal-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;animation:AllCompany-scaleIn .3s ease}.AllCompany-modal-fullscreen{width:100%;height:80%;max-width:none;max-height:none;border-radius:5px;margin:0}.AllCompany-modal-header{padding:24px;border-bottom:1px solid rgba(226,232,240,.6);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.AllCompany-modal-header-left{display:flex;gap:16px;align-items:center}.AllCompany-modal-logo{width:80px;height:80px}.AllCompany-modal-avatar{width:100%;height:100%;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600}.AllCompany-modal-avatar-small{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.AllCompany-modal-avatar-small .material-icons{font-size:24px}.AllCompany-modal-title{flex:1}.AllCompany-modal-company-name{font-weight:800;color:#0f172a;margin-bottom:4px}.AllCompany-modal-badges{display:flex;gap:8px;align-items:center}.AllCompany-company-code-small{padding:4px 10px;background:#2563eb1a;color:#2563eb;border-radius:100px;font-size:.75rem;font-weight:600}.AllCompany-status-badge-small{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:600;color:#fff}.AllCompany-status-badge-small.AllCompany-active{background:linear-gradient(135deg,#10b981,#059669)}.AllCompany-status-badge-small.AllCompany-inactive{background:linear-gradient(135deg,#ef4444,#dc2626)}.AllCompany-status-icon-small{font-size:14px}.AllCompany-modal-subtitle{display:flex;gap:8px;align-items:center;color:#64748b;font-size:.875rem}.AllCompany-active-percent{padding:2px 6px;background:#10b9811a;color:#059669;border-radius:12px;font-size:.7rem}.AllCompany-modal-header-actions{display:flex;gap:8px;align-items:center}.AllCompany-close-btn{padding:8px}.AllCompany-modal-body{padding:-4px}.AllCompany-modal-footer{padding:24px;border-top:1px solid rgba(226,232,240,.6);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;z-index:1000}.AllCompany-modal-body{padding:32px;background:linear-gradient(135deg,#fff,#fafcff)}.AllCompany-loading-state{text-align:center;padding:80px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px}.AllCompany-spinner{width:60px;height:60px;border:4px solid rgba(37,99,235,.1);border-top-color:#2563eb;border-radius:20%;margin:0 auto 24px;animation:AllCompany-spin 1s linear infinite}.AllCompany-loading-state p{color:#64748b;font-size:1rem;font-weight:500;letter-spacing:.3px}.AllCompany-company-details-grid{display:flex;flex-direction:column;gap:32px}.AllCompany-detail-card{padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(226,232,240,.8);border-radius:28px;transition:all .3s ease;position:relative;overflow:hidden}.AllCompany-detail-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);opacity:0;transition:opacity .3s ease}.AllCompany-detail-card:hover:before{opacity:1}.AllCompany-detail-card:hover{border-color:#2563eb;box-shadow:0 20px 40px #2563eb1a;transform:translateY(-2px)}.AllCompany-detail-description{color:#334155;line-height:1.8;font-size:1rem;position:relative;padding-left:24px}.AllCompany-detail-description:before{content:"“";position:absolute;left:0;top:-10px;font-size:48px;color:#2563eb;opacity:.3;font-family:serif}.AllCompany-details-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:8px}@media(max-width:768px){.AllCompany-details-row{grid-template-columns:1fr;gap:16px}}.AllCompany-details-section-title{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:16px;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.AllCompany-details-section-title:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:4px}.AllCompany-details-card{padding:24px;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:24px;display:flex;flex-direction:column;gap:20px;transition:all .3s ease;box-shadow:0 4px 20px #00000005}.AllCompany-details-card:hover{border-color:#2563eb;box-shadow:0 20px 40px #2563eb14;transform:translateY(-2px)}.AllCompany-detail-item{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:16px;transition:all .2s ease;background:linear-gradient(135deg,#fff,#fafcff);border:1px solid transparent}.AllCompany-detail-item:hover{border-color:#2563eb1a;background:linear-gradient(135deg,#f8fafc,#fff);transform:translate(4px)}.AllCompany-detail-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;display:flex;align-items:center;gap:6px}.AllCompany-detail-label:before{content:"●";color:#2563eb;font-size:8px;opacity:.5}.AllCompany-detail-value{font-size:1rem;font-weight:600;color:#0f172a;word-break:break-word;padding-left:14px;line-height:1.5}.AllCompany-detail-input{padding:12px 16px;border:2px solid rgba(226,232,240,.8);border-radius:20px;font-size:.95rem;margin-top:4px;outline:none;transition:all .3s ease;background:#fff;width:100%}.AllCompany-detail-input:hover{border-color:#2563eb;background:#f8fafc}.AllCompany-detail-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;background:#fff;transform:scale(1.02)}.AllCompany-detail-textarea{padding:16px 20px;border:2px solid rgba(226,232,240,.8);border-radius:24px;font-size:.95rem;font-family:inherit;resize:vertical;outline:none;transition:all .3s ease;background:#fff;width:100%;min-height:120px;line-height:1.6}.AllCompany-detail-textarea:hover{border-color:#2563eb;background:#f8fafc}.AllCompany-detail-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;background:#fff;transform:scale(1.02)}.AllCompany-system-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}.AllCompany-system-info-card{padding:24px 16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.8);border-radius:24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:default}.AllCompany-system-info-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2563eb,#7c3aed);opacity:0;transition:opacity .4s ease;z-index:0}.AllCompany-system-info-card:hover{transform:translateY(-8px) scale(1.02);border-color:#2563eb;box-shadow:0 30px 60px #2563eb26}.AllCompany-system-info-card:hover:after{opacity:.03}.AllCompany-system-info-card:hover .AllCompany-system-icon{transform:scale(1.2) rotate(360deg);color:#2563eb}.AllCompany-system-icon{font-size:32px;color:#64748b;margin-bottom:12px;display:block;transition:all .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.AllCompany-system-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;display:block;margin-bottom:8px;position:relative;z-index:1}.AllCompany-system-value{font-size:1rem;font-weight:700;color:#0f172a;display:block;position:relative;z-index:1;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.AllCompany-error-alert{display:flex;gap:20px;padding:32px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid rgba(239,68,68,.2);border-radius:32px;color:#ef4444;align-items:center;animation:AllCompany-shake .5s ease}@keyframes AllCompany-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.AllCompany-error-icon{font-size:40px!important;background:#ef44441a;padding:12px;border-radius:50%;animation:AllCompany-pulse 2s infinite}.AllCompany-error-title{font-weight:800;font-size:1.25rem;margin-bottom:4px;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.AllCompany-error-message{font-size:.95rem;opacity:.9;color:#7f1d1d}.AllCompany-detail-item{position:relative}.AllCompany-detail-input:focus+.AllCompany-floating-label,.AllCompany-detail-input:not(:placeholder-shown)+.AllCompany-floating-label{transform:translateY(-24px) scale(.8);color:#2563eb}.AllCompany-detail-input,.AllCompany-detail-textarea,.AllCompany-system-info-card,.AllCompany-details-card,.AllCompany-detail-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.AllCompany-modal-body{position:relative;background-image:radial-gradient(at 40% 40%,rgba(37,99,235,.02) 0px,transparent 50%),radial-gradient(at 90% 10%,rgba(124,58,237,.02) 0px,transparent 50%),radial-gradient(at 10% 90%,rgba(219,39,119,.02) 0px,transparent 50%)}@media(max-width:768px){.AllCompany-details-row-grid{grid-template-columns:1fr;gap:16px}}.AllCompany-details-section-title{font-size:.875rem;font-weight:700;color:#0f172a;margin-bottom:8px}.AllCompany-details-card{padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:20px;display:flex;flex-direction:column;gap:20px}.AllCompany-detail-item{display:flex;flex-direction:column;gap:4px}.AllCompany-detail-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.AllCompany-detail-value{font-size:1rem;font-weight:600;color:#0f172a;word-break:break-word}.AllCompany-detail-input{padding:8px 12px;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:.9rem;margin-top:4px;outline:none;transition:all .2s ease}.AllCompany-detail-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.AllCompany-detail-textarea{padding:8px 12px;border:1px solid rgba(226,232,240,.8);border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;outline:none;transition:all .2s ease}.AllCompany-detail-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.AllCompany-system-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:768px){.AllCompany-system-info-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.AllCompany-system-info-card{padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:16px;text-align:center}.AllCompany-system-icon{font-size:24px;color:#2563eb;margin-bottom:8px;display:block}.AllCompany-system-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;display:block;margin-bottom:4px}.AllCompany-system-value{font-size:.9rem;font-weight:600;color:#0f172a}.AllCompany-users-table-container{border-radius:32px;border:1px solid rgba(226,232,240,.6);overflow:hidden;background:#fff}.AllCompany-users-table{width:100%;border-collapse:collapse}.AllCompany-users-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px;text-align:left;font-weight:700;color:#0f172a;font-size:.875rem}.AllCompany-users-table td{padding:12px 16px;border-top:1px solid rgba(226,232,240,.6)}.AllCompany-users-table tr:hover{background:#2563eb05}.AllCompany-user-cell{display:flex;align-items:center;gap:12px}.AllCompany-user-avatar{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.AllCompany-user-name{font-weight:600;color:#0f172a}.AllCompany-role-badge{font-size:.75rem;font-weight:600;padding:4px 10px;background:#0000000a;border-radius:100px;display:inline-block}.AllCompany-empty-users-state{text-align:center;padding:64px 0}.AllCompany-empty-users-icon{animation:AllCompany-pulse 2s infinite}.AllCompany-empty-users-icon .material-icons{font-size:64px;color:#cbd5e1;margin-bottom:16px}.AllCompany-empty-users-title{color:#1e293b;margin-bottom:8px;font-weight:700}.AllCompany-empty-users-text{color:#64748b;margin-bottom:24px}.AllCompany-loading-state{text-align:center;padding:48px 0}.AllCompany-spinner{width:60px;height:60px;border:4px solid rgba(37,99,235,.1);border-top-color:#2563eb;border-radius:50%;margin:0 auto 16px;animation:AllCompany-spin 1s linear infinite}@keyframes AllCompany-spin{to{transform:rotate(360deg)}}.AllCompany-error-alert{display:flex;gap:12px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:24px;color:#ef4444}.AllCompany-error-icon{font-size:24px}.AllCompany-error-title{font-weight:700;margin-bottom:4px}.AllCompany-error-message{font-size:.875rem;opacity:.9}.AllCompany-popover-overlay{position:fixed;inset:0;z-index:1500}.AllCompany-popover-content{position:absolute;top:60px;right:20px;width:380px;max-width:calc(100% - 32px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:32px;box-shadow:0 20px 40px #00000014;animation:AllCompany-growIn .2s ease}@keyframes AllCompany-growIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.AllCompany-popover-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(226,232,240,.6)}.AllCompany-popover-title{font-weight:800;color:#0f172a}.AllCompany-clear-all-btn{background:none;border:none;color:#2563eb;font-weight:600;font-size:.75rem;cursor:pointer;padding:4px 8px;border-radius:16px}.AllCompany-clear-all-btn:hover{background:#2563eb0a}.AllCompany-notifications-list{max-height:400px;overflow-y:auto}.AllCompany-notification-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(226,232,240,.6);transition:all .2s ease}.AllCompany-notification-item.AllCompany-unread{background:linear-gradient(135deg,#2563eb0a,#2563eb05);border:1px solid rgba(37,99,235,.1)}.AllCompany-notification-item:hover{background:#2563eb05}.AllCompany-notification-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.AllCompany-notification-avatar .material-icons{font-size:20px}.AllCompany-notification-content{flex:1}.AllCompany-notification-message{font-size:.875rem;color:#0f172a;margin-bottom:4px}.AllCompany-notification-item.AllCompany-unread .AllCompany-notification-message{font-weight:700}.AllCompany-notification-time{display:flex;align-items:center;gap:4px;color:#94a3b8;font-size:.7rem}.AllCompany-time-icon{font-size:12px}.AllCompany-mark-read-btn{background:none;border:none;color:#10b981;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;align-self:center}.AllCompany-mark-read-btn:hover{background:#10b9811a}.AllCompany-mark-read-btn .material-icons{font-size:18px}.AllCompany-empty-notifications{text-align:center;padding:32px}.AllCompany-empty-notifications-icon{font-size:48px;color:#cbd5e1;margin-bottom:8px}.AllCompany-empty-notifications-title{color:#64748b;font-weight:600;margin-bottom:4px}.AllCompany-empty-notifications-text{color:#94a3b8;font-size:.75rem}@media(min-width:1025px){.AllCompany-menu-overlay{position:fixed;inset:0 0 0 -90px;z-index:1600;display:flex;align-items:center;justify-content:center;animation:AllCompany-fadeIn .2s ease}.AllCompany-menu-content{position:absolute;min-width:220px;left:auto;transform:none;background-color:#fff;box-shadow:0 10px 30px #00000014}}@media(min-width:769px)and (max-width:1024px){.AllCompany-menu-overlay{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.AllCompany-menu-content{position:absolute;min-width:210px;left:auto;transform:none}}@media(max-width:768px){.AllCompany-menu-overlay{background-color:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.AllCompany-menu-content{position:relative!important;top:auto!important;left:auto!important;transform:scale(1)!important;min-width:280px;max-width:320px;width:90%;margin:0 auto;border-radius:28px;box-shadow:0 30px 60px #0000004d}.AllCompany-menu-item{padding:16px 20px;font-size:1rem;gap:16px;border-radius:20px}.AllCompany-menu-section{padding:8px 20px}.AllCompany-menu-section-title{font-size:.75rem;padding-left:0}.AllCompany-menu-icon,.AllCompany-check-icon{font-size:20px}.AllCompany-menu-divider{margin:12px 0}}@media(max-width:480px){.AllCompany-menu-content{min-width:260px;max-width:280px;border-radius:24px}.AllCompany-menu-item{padding:14px 18px;font-size:.95rem;gap:14px}}.AllCompany-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;border-radius:24px;font-size:.9rem;color:#1e293b;cursor:pointer;text-align:left;transition:all .2s ease}.AllCompany-menu-item:hover{background:#2563eb0a}.AllCompany-menu-icon{font-size:18px}.AllCompany-check-icon{margin-left:auto;color:#2563eb;font-size:18px}.AllCompany-menu-divider{border:none;border-top:1px dashed rgba(226,232,240,.6);margin:8px 0}@keyframes AllCompany-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes AllCompany-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.company-asset-management{max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.header h1{margin:0;color:#333;font-size:28px}.user-greeting{color:#666;margin:0}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover:not(:disabled){background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f}.btn-sm{padding:6px 12px;font-size:12px}.form-container{background:#fff;border-radius:12px;padding:24px;margin:20px 0;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.form-container h3{margin-top:0;margin-bottom:20px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.required{color:#f44336;margin-left:4px}.form-control{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;box-sizing:border-box;transition:all .2s}.form-control:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}textarea.form-control{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.assets-list{margin-top:40px}.assets-list h3{margin-bottom:20px;color:#333}.table-responsive{overflow-x:auto;border-radius:12px;box-shadow:0 2px 8px #0000001a}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:16px;text-align:left;border-bottom:1px solid #f0f0f0}.table th{background:#f8f9fa;font-weight:600;color:#555}.table tr:hover{background:#f8f9fa}.loading{text-align:center;padding:60px;color:#666}.empty-state{text-align:center;padding:60px;background:#f9f9f9;border-radius:12px;color:#666}.holidays-container{max-width:1400px;margin:0 auto;padding:30px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;min-height:100vh}.holidays-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:20px;border-bottom:2px solid #f0f2f5;background:#fff;flex-wrap:wrap;gap:15px}.holidays-header h1{color:#1a2639;font-size:clamp(1.8rem,5vw,2.5rem);margin:0;display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.5px;word-break:break-word}.holidays-header h1:before{content:"🏖️";font-size:clamp(2rem,5vw,2.8rem)}.add-btn{background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #2563eb33;white-space:nowrap}.add-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb4d;background:linear-gradient(145deg,#1d4ed8,#1e40af)}.add-btn:active{transform:translateY(0)}.success-message{background:linear-gradient(145deg,#10b981,#059669);color:#fff;padding:16px 24px;border-radius:12px;margin-bottom:25px;font-weight:500;animation:slideDown .3s ease;box-shadow:0 4px 15px #10b98133;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.success-message:before{content:"✅";font-size:1.2rem}.error-message{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;padding:16px 24px;border-radius:12px;margin-bottom:25px;font-weight:500;animation:slideDown .3s ease;box-shadow:0 4px 15px #ef444433;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.error-message:before{content:"⚠️";font-size:1.2rem}.holiday-form-container{background:#fff;border-radius:20px;padding:30px;margin-bottom:35px;box-shadow:0 10px 40px #00000014;animation:slideDown .3s ease;border:1px solid #f0f2f5}.holiday-form-container h2{color:#1a2639;margin-bottom:25px;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.holiday-form{display:flex;flex-direction:column;gap:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-weight:600;color:#4b5563;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.form-group label:after{content:"*";color:#ef4444;margin-left:4px;display:inline}.form-group input,.form-group select,.form-group textarea{padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#f9fafb;color:#1f2937;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1a}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#9ca3af;background:#fff}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.form-actions{display:flex;gap:20px;margin-top:15px;flex-wrap:wrap}.submit-btn{background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:14px 35px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:200px;box-shadow:0 4px 15px #2563eb33}.cancel-btn{background:#f3f4f6;color:#4b5563;border:2px solid #e5e7eb;padding:14px 35px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:200px}.submit-btn:hover{background:linear-gradient(145deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb4d}.cancel-btn:hover{background:#e5e7eb;color:#1f2937;border-color:#d1d5db}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 25px;border-radius:16px;box-shadow:0 4px 20px #0000000a;border:1px solid #f0f2f5;flex-wrap:wrap;gap:20px}.filter-group{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.filter-group label{font-weight:600;color:#4b5563;font-size:.95rem}.month-filter{padding:12px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;min-width:180px;background:#f9fafb;color:#1f2937;cursor:pointer;transition:all .2s ease}.month-filter:hover,.month-filter:focus{border-color:#2563eb;background:#fff;outline:none;box-shadow:0 0 0 4px #2563eb1a}.search-group{flex:1;max-width:350px;min-width:250px}.search-input{width:100%;padding:12px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#f9fafb;color:#1f2937;box-sizing:border-box}.search-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1a}.search-input::placeholder{color:#9ca3af}.holidays-list{min-height:500px}.holidays-count{background:linear-gradient(145deg,#f8fafc,#f1f5f9);padding:12px 20px;border-radius:50px;margin-bottom:25px;font-weight:600;color:#1e293b;display:inline-block;border:1px solid #e2e8f0;font-size:clamp(.9rem,2.5vw,1rem)}.holidays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;padding:10px 0}.holiday-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px -5px #0000000d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;border:1px solid rgba(226,232,240,.6);position:relative;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.holiday-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 30px 40px -15px #2563eb4d;border-color:transparent;background:linear-gradient(145deg,#fff,#fafcff)}.holiday-card-header{background:linear-gradient(145deg,#fff,#f8fafc);color:#1a2639;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f0f2f5;flex-wrap:wrap;gap:10px}.header-left{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.holiday-card-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.4px;position:relative;display:inline-block;background:linear-gradient(135deg,#1e293b,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.holiday-card-header h3:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:4px;transition:width .3s ease}.holiday-card:hover h3:after{width:70px}.month-badge{background:linear-gradient(145deg,#eef2ff,#e0e7ff);color:#2563eb;padding:8px 16px;border-radius:40px;font-size:.85rem;font-weight:700;border:1px solid rgba(37,99,235,.15);box-shadow:0 2px 8px #2563eb1a;letter-spacing:.3px;text-transform:uppercase}.holiday-card-body{padding:25px;flex:1;background:#fff}.holiday-date{display:flex;align-items:center;gap:12px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);padding:14px 18px;border-radius:18px;margin-bottom:20px;border:1px solid #e2e8f0;transition:all .3s ease}.holiday-card:hover .holiday-date{background:linear-gradient(145deg,#eef2ff,#e0e7ff);border-color:#2563eb30}.date-icon{font-size:1.6rem;filter:drop-shadow(0 4px 6px rgba(37,99,235,.2))}.date-text{font-size:1.1rem;font-weight:600;color:#1e293b;letter-spacing:-.2px}.holiday-description{background:#fff;border-radius:18px;padding:18px;margin-bottom:20px;border:1px dashed #cbd5e1;border-left:4px solid #2563eb;transition:all .3s ease}.holiday-card:hover .holiday-description{border-left-color:#7c3aed;background:#f8fafc}.description-label{display:block;font-size:.8rem;font-weight:600;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.holiday-description p{margin:0;color:#334155;line-height:1.7;font-size:.95rem;word-break:break-word}.holiday-meta{display:flex;flex-direction:column;gap:12px;background:#f8fafc;padding:16px 18px;border-radius:18px;border:1px solid #e2e8f0}.meta-item{display:flex;align-items:center;gap:10px;color:#475569;font-size:.9rem}.meta-icon{font-size:1.1rem;width:24px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.meta-text{font-weight:500;color:#334155}.holiday-card-footer{display:flex;border-top:1px solid #e2e8f0;background:#f9fbfd;position:relative;z-index:2}.edit-btn,.delete-btn{flex:1;padding:16px 12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;position:relative;overflow:hidden}.edit-btn{color:#2563eb;border-right:1px solid #e2e8f0}.delete-btn{color:#ef4444}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.btn-text{transition:all .3s ease}.edit-btn:hover{background:#2563eb10;color:#1d4ed8}.delete-btn:hover{background:#ef444410;color:#dc2626}.loading{text-align:center;padding:80px 20px;color:#64748b;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;gap:15px}.loading:after{content:"";width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-data{text-align:center;padding:80px 20px;background:linear-gradient(145deg,#f8fafc,#fff);border-radius:24px;border:2px dashed #e2e8f0}.no-data p{color:#475569;font-size:clamp(1.1rem,4vw,1.3rem);margin-bottom:25px;font-weight:500;word-break:break-word}.no-data p:before{content:"🏝️";display:block;font-size:4rem;margin-bottom:15px}.add-first-btn{background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:16px 40px;border-radius:50px;font-size:clamp(1rem,3vw,1.1rem);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2563eb33;width:auto;max-width:100%}.add-first-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2563eb4d}.holidays-stats{padding:20px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 8px 30px #0000000a;border:1px solid #f0f2f5}.holidays-stats h3{color:#1a2639;margin-bottom:25px;font-size:clamp(1.3rem,4vw,1.5rem);font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px}.stat-card{text-align:center;padding:25px 20px;background:#fff;border-radius:20px;transition:all .3s ease;border:1px solid #e2e8f0;box-shadow:0 4px 15px #00000005}.stat-card:hover{transform:translateY(-5px);border-color:#2563eb40;box-shadow:0 8px 25px #2563eb1a}.stat-value{display:block;font-size:clamp(1rem,5vw,2.5rem);font-weight:800;color:#2563eb;margin-bottom:8px;line-height:1.2;word-break:break-word}.stat-label{color:#64748b;font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;word-break:break-word}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.holidays-container{padding:20px}.holidays-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.stats-grid{gap:20px}}@media(max-width:768px){.holidays-container{padding:15px}.holidays-header{flex-direction:column;text-align:center;justify-content:center}.holidays-header h1{justify-content:center}.add-btn{width:70%;justify-content:center;padding:10px 20px}.filters-section{flex-direction:column;padding:20px}.filter-group{width:100%;flex-direction:column;align-items:stretch}.month-filter{width:100%;min-width:unset}.search-group{max-width:100%;width:100%}.search-input{width:100%}.form-row{grid-template-columns:1fr;gap:20px}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%;min-width:unset}.holidays-grid{grid-template-columns:1fr;gap:20px}.holiday-card-header{flex-direction:column;align-items:flex-start}.month-badge{align-self:flex-start}.holiday-meta{flex-direction:column;align-items:flex-start;gap:8px}.holiday-card-footer{flex-direction:row}.edit-btn,.delete-btn{width:100%;border-right:none}.edit-btn{border-right:none;border-bottom:1px solid #e2e8f0}.stats-grid{grid-template-columns:1fr 1fr 1fr!important;gap:15px;height:15vh!important}.stat-value{font-size:10px}.stat-label{font-size:8px}.stat-card{padding:10px}}@media(max-width:480px){.holidays-container{padding:12px}.holidays-header h1{font-size:1.2rem;flex-wrap:wrap;justify-content:center}.holiday-form-container{padding:20px}.form-group input,.form-group select,.form-group textarea{padding:12px 15px}.holiday-card-header{padding:15px 20px}.holiday-card-body{padding:20px}.holiday-date{font-size:1rem;padding:10px 12px}.holiday-description{font-size:.9rem}.holiday-meta{font-size:.8rem}.edit-btn,.delete-btn{padding:12px;font-size:.9rem}.no-data{padding:60px 15px}.no-data p:before{font-size:3rem}.add-first-btn{padding:14px 30px}.holidays-stats{padding:25px}.stat-card{padding:12px;height:10vh!important}}@media print{.holidays-container{background:#fff;padding:20px}.add-btn,.filters-section,.form-actions,.holiday-card-footer{display:none}.holiday-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}.text-center{text-align:center}.w-100{width:100%}.d-none{display:none}@media(hover:none)and (pointer:coarse){.add-btn,.submit-btn,.cancel-btn,.edit-btn,.delete-btn,.add-first-btn{min-height:48px}.month-filter,.search-input,.form-group input,.form-group select,.form-group textarea{font-size:16px}}