/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@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-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;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-xl:.75rem;--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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.z-10{z-index:10}.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}}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-60{max-height:calc(var(--spacing)*60)}.w-20{width:calc(var(--spacing)*20)}.w-32{width:calc(var(--spacing)*32)}.w-100{width:calc(var(--spacing)*100)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.shrink{flex-shrink:1}.flex-grow-1,.grow{flex-grow:1}.rotate-180{rotate:180deg}.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}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.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)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}: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)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline: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)}.py-8{padding-block:calc(var(--spacing)*8)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--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)}.text-white{color:var(--color-white)}.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-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)}.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}.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}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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)}@media (hover:hover){.hover\:text-white:hover{color:var(--color-white)}}@media (min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:table-cell{display:table-cell}.sm\:w-32{width:calc(var(--spacing)*32)}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:table-cell{display:table-cell}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}}.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-employee-card .ciis-access-icon{background:linear-gradient(135deg,var(--ciis-success)0%,#059669 100%)}.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-employee-card .ciis-list-icon{background:linear-gradient(135deg,var(--ciis-success)0%,#059669 100%)}.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-employee-card .ciis-access-btn{background:linear-gradient(135deg,var(--ciis-success)0%,#059669 100%)}.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;-webkit-background-clip:text;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-ease{syntax:"*";inherits:false}: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)}}: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-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-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}}: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);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:50%;transform:translate(-50%);background:var(--gray-800);color:#fff;padding:6px 12px;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}.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:1fr}.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}}.Attendance-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.Attendance-loading{display:flex;justify-content:center;align-items:center;min-height:80vh;background:transparent}.Attendance-loading-content{text-align:center;max-width:400px;padding:40px;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.Attendance-loading-bar{width:300px;height:4px;background:var(--gray-200);border-radius:var(--border-radius-full);overflow:hidden;margin:0 auto 24px}.Attendance-loading-progress{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));animation:loading 1.5s infinite ease-in-out;width:40%;border-radius:var(--border-radius-full)}.Attendance-loading-text{color:var(--gray-700);font-size:18px;font-weight:500}.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:var(--border-radius-full);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:var(--border-radius-full);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:100%;right:200px;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:100%;right:150px;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:var(--border-radius-full);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-mobile-filter-drawer{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end}.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(240px,1fr));gap:20px;margin-bottom:24px}.Attendance-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}.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:var(--border-radius-full);background:var(--gray-50)}.Attendance-stat-icon{font-size:24px}.Attendance-stat-icon.Attendance-success{color:var(--success-light)}.Attendance-stat-icon.Attendance-error{color:var(--error-light)}.Attendance-stat-icon.Attendance-warning{color:var(--warning-light)}.Attendance-stat-icon.Attendance-info{color:var(--info-light)}.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{color:var(--success-light);font-size:16px;font-weight:600;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{margin-bottom:16px}.Attendance-results-count h3{margin:0;color:var(--gray-700);font-size:18px;font-weight:600}.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%;border-collapse:collapse;min-width:800px}.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-absent{background:var(--error-bg);color:var(--error)}.Attendance-status-half-day{background:var(--warning-bg);color:var(--warning)}.Attendance-status-icon{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:scale(1.1);box-shadow:var(--shadow-sm)}.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-status-present{border-left-color:var(--success)}.Attendance-status-absent{border-left-color:var(--error)}.Attendance-status-half-day{border-left-color:var(--warning)}.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{padding:4px 12px;border-radius:var(--border-radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.Attendance-mobile-total-time{color:var(--gray-900);font-size:16px;font-weight:600}.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:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideUp .3s ease-out;box-shadow:var(--shadow-xl)}.Attendance-modal-header{padding:32px 32px 24px;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:28px;font-weight:700}.Attendance-modal-header h3{margin:0;font-size:18px;font-weight:500;opacity:.9}.Attendance-modal-body{padding:32px}.Attendance-modal-section{margin-bottom:24px}.Attendance-modal-section:last-child{margin-bottom:0}.Attendance-modal-section h4{margin:0 0 12px;color:var(--gray-600);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.Attendance-modal-status-chip{display:inline-block;padding:8px 20px;border-radius:var(--border-radius-full);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.Attendance-modal-divider{height:1px;background:var(--gray-200);margin:24px 0}.Attendance-modal-time{margin:0;color:var(--gray-900);font-size:24px;font-weight:600}.Attendance-modal-duration{margin:0;color:var(--primary-blue);font-size:28px;font-weight:700}.Attendance-modal-close-button{display:block;width:100%;padding:16px;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:32px}.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}.Attendance-search-container{min-width:auto;flex:1}.Attendance-export-button{white-space:nowrap}.Attendance-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.Attendance-stat-card{padding:20px}.Attendance-stat-value{font-size:28px}.Attendance-calendar-popover,.Attendance-filter-menu{right:20px;left:20px}}@media (max-width: 480px){.Attendance-stats-grid{grid-template-columns:1fr}.Attendance-title{font-size:28px}.Attendance-mobile-card-times{grid-template-columns:1fr}.Attendance-modal-content{margin:0}.Attendance-modal-header{padding:24px 24px 20px}.Attendance-modal-body{padding:24px}}.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}}@media (max-width: 768px){.Attendance-search-container{display:none}}.export-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;font-size:14px;font-weight:600;color:#2563eb;cursor:pointer}.export-trigger:hover{text-decoration:underline}.export-dropdown{position:absolute;right:0;top:120%;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:50}.export-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:14px}.export-option:hover{background:#f1f5f9}.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-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:14px;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)}.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}.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:14px;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:var(--border-radius-full);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}.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}.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:var(--border-radius-full);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)}.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-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:20px 24px 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:1fr}.MyAssets-title{font-size:28px}.MyAssets-card-title{font-size:20px}}@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{min-height:100vh;background:linear-gradient(135deg,#f8f9ff,#eef1ff);padding:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.MyLeaves-loading{display:flex;justify-content:center;align-items:center;min-height:80vh;background:transparent}.MyLeaves-loading-content{text-align:center;max-width:400px;padding:40px;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.MyLeaves-loading-bar{width:300px;height:4px;background:var(--gray-200);border-radius:var(--border-radius-full);overflow:hidden;margin:0 auto 24px}.MyLeaves-loading-progress{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue));animation:loading 1.5s infinite ease-in-out;width:40%;border-radius:var(--border-radius-full)}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(350%)}}.MyLeaves-loading-text{color:var(--gray-700);font-size:18px;font-weight:500}.MyLeaves-header{background:#fff;border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-md);margin-bottom:24px}.MyLeaves-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.MyLeaves-header-text{flex:1;min-width:300px}.MyLeaves-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}.MyLeaves-subtitle{color:var(--gray-600);font-size:16px;margin:0;font-weight:400}.MyLeaves-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.MyLeaves-search-container{position:relative;min-width:300px}.MyLeaves-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--gray-200);border-radius:var(--border-radius-full);font-size:14px;transition:var(--transition);background:var(--gray-50);color:var(--gray-800)}.MyLeaves-search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue);background:#fff}.MyLeaves-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-500);font-size:18px}.MyLeaves-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}.MyLeaves-icon-button:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.MyLeaves-icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.MyLeaves-spin{animation:spin 1s linear infinite}.MyLeaves-active-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;background:var(--gray-50);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-blue)}.MyLeaves-active-filters-label{color:var(--gray-700);font-size:14px;font-weight:600;white-space:nowrap}.MyLeaves-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.MyLeaves-filter-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--border-radius-full);font-size:14px;font-weight:500;transition:var(--transition-fast)}.MyLeaves-filter-chip.MyLeaves-primary{background:var(--accent-blue);color:var(--primary-blue)}.MyLeaves-filter-chip.MyLeaves-secondary{background:var(--gray-100);color:var(--gray-700)}.MyLeaves-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)}.MyLeaves-filter-chip button:hover{background:#0000001a}.MyLeaves-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.MyLeaves-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}.MyLeaves-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-blue)}.MyLeaves-stat-card.MyLeaves-active{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue)}.MyLeaves-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.MyLeaves-stat-card.MyLeaves-primary:before{background:linear-gradient(90deg,var(--primary-blue),var(--secondary-blue))}.MyLeaves-stat-card.MyLeaves-success:before{background:linear-gradient(90deg,var(--success),var(--success-light))}.MyLeaves-stat-card.MyLeaves-warning:before{background:linear-gradient(90deg,var(--warning),var(--warning-light))}.MyLeaves-stat-card.MyLeaves-error:before{background:linear-gradient(90deg,var(--error),var(--error-light))}.MyLeaves-stat-card-content{display:flex;align-items:center;gap:16px}.MyLeaves-stat-icon-container{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--border-radius-full);transition:var(--transition)}.MyLeaves-stat-icon-container.MyLeaves-primary{background:var(--accent-blue);color:var(--primary-blue)}.MyLeaves-stat-icon-container.MyLeaves-success{background:var(--success-bg);color:var(--success)}.MyLeaves-stat-icon-container.MyLeaves-warning{background:var(--warning-bg);color:var(--warning)}.MyLeaves-stat-icon-container.MyLeaves-error{background:var(--error-bg);color:var(--error)}.MyLeaves-stat-icon{font-size:24px}.MyLeaves-stat-details{flex:1}.MyLeaves-stat-label{margin:0 0 8px;color:var(--gray-600);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.MyLeaves-stat-value{margin:0;color:var(--gray-900);font-size:32px;font-weight:700;line-height:1}.MyLeaves-tabs-container{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.MyLeaves-tabs-header{display:flex;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));padding:0 20px;gap:1px}.MyLeaves-tab{display:flex;align-items:center;gap:10px;padding:20px 30px;background:#ffffff1a;border:none;color:#ffffffe6;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);position:relative}.MyLeaves-tab:hover{background:#fff3;color:#fff}.MyLeaves-tab.MyLeaves-active-tab{background:#fff;color:var(--primary-blue);box-shadow:0 4px 20px #0000001a}.MyLeaves-tab-badge{position:absolute;top:12px;right:12px;background:#fff;color:var(--primary-blue);font-size:12px;font-weight:700;padding:2px 8px;border-radius:var(--border-radius-full);min-width:24px;text-align:center}.MyLeaves-results-count{padding:24px 32px 0;margin:0;color:var(--gray-700);font-size:16px;font-weight:600}.MyLeaves-table-container{padding:0 32px 32px;overflow-x:auto}.MyLeaves-table{width:100%;border-collapse:collapse;min-width:800px;margin-top:16px}.MyLeaves-table thead{background:var(--gray-50)}.MyLeaves-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)}.MyLeaves-table tbody tr{border-bottom:1px solid var(--gray-200);transition:var(--transition-fast)}.MyLeaves-table tbody tr:hover{background:var(--gray-50)}.MyLeaves-table tbody tr:last-child{border-bottom:none}.MyLeaves-table td{padding:20px;color:var(--gray-800);font-size:14px;vertical-align:middle}.MyLeaves-table-row strong{color:var(--gray-900);font-weight:600}.MyLeaves-type-chip{display:inline-block;padding:6px 16px;border-radius:var(--border-radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.MyLeaves-type-casual{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.MyLeaves-type-sick{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.MyLeaves-type-paid{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.MyLeaves-type-unpaid{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#ef6c00}.MyLeaves-type-other{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#616161}.MyLeaves-days-count{color:var(--primary-blue);font-size:20px;font-weight:700}.MyLeaves-reason-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.MyLeaves-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}.MyLeaves-status-approved{background:linear-gradient(135deg,var(--success-bg),#e8f5e9);color:var(--success);border:1px solid var(--success)}.MyLeaves-status-pending{background:linear-gradient(135deg,var(--warning-bg),#fff3e0);color:var(--warning);border:1px solid var(--warning)}.MyLeaves-status-rejected{background:linear-gradient(135deg,var(--error-bg),#ffebee);color:var(--error);border:1px solid var(--error)}.MyLeaves-history-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.MyLeaves-history-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue))}.MyLeaves-no-data-cell,.MyLeaves-no-data-card{text-align:center;padding:48px 24px}.MyLeaves-no-data-cell{color:var(--gray-500)}.MyLeaves-no-data-card{background:#fff;border-radius:var(--border-radius-lg);padding:48px 24px;box-shadow:var(--shadow-sm);margin:32px}.MyLeaves-no-data-icon{font-size:48px;color:var(--gray-400);margin-bottom:16px}.MyLeaves-no-data-cell h3,.MyLeaves-no-data-card h3{color:var(--gray-600);margin:0 0 8px;font-size:20px}.MyLeaves-no-data-cell p,.MyLeaves-no-data-card p{color:var(--gray-500);margin:0;font-size:14px}.MyLeaves-mobile-cards{padding:32px;display:flex;flex-direction:column;gap:16px}.MyLeaves-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)}.MyLeaves-mobile-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.MyLeaves-mobile-card-content{padding:20px}.MyLeaves-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.MyLeaves-mobile-card-header h3{margin:0;color:var(--gray-900);font-size:18px;font-weight:600;flex:1}.MyLeaves-mobile-status-chip{padding:6px 12px;border-radius:var(--border-radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.MyLeaves-mobile-card-date{color:var(--gray-600);font-size:14px;margin-bottom:12px;font-weight:500}.MyLeaves-mobile-card-reason{color:var(--gray-700);font-size:14px;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.MyLeaves-mobile-card-footer{display:flex;justify-content:space-between;align-items:center}.MyLeaves-mobile-days{color:var(--primary-blue);font-size:18px;font-weight:700}.MyLeaves-mobile-history-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border:none;border-radius:var(--border-radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.MyLeaves-mobile-history-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.MyLeaves-apply-tab{padding:32px}.MyLeaves-apply-form-container{max-width:600px;margin:0 auto}.MyLeaves-form-title{font-size:28px;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;text-align:center}.MyLeaves-form-subtitle{color:var(--gray-600);font-size:16px;margin:0 0 32px;text-align:center}.MyLeaves-form{display:flex;flex-direction:column;gap:24px}.MyLeaves-form-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}.MyLeaves-form-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue)}.MyLeaves-form-field{display:flex;flex-direction:column;gap:8px}.MyLeaves-form-field label{color:var(--gray-700);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.MyLeaves-form-input{padding:16px;border:2px solid var(--gray-200);border-radius:var(--border-radius-md);font-size:16px;color:var(--gray-800);transition:var(--transition)}.MyLeaves-form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue)}.MyLeaves-days-display{text-align:center;padding:20px;background:linear-gradient(135deg,var(--accent-blue),#e3f2fd);border-radius:var(--border-radius-md);margin:16px 0}.MyLeaves-days-display h3{margin:0;color:var(--primary-blue);font-size:24px;font-weight:700}.MyLeaves-form-textarea{padding:16px;border:2px solid var(--gray-200);border-radius:var(--border-radius-md);font-size:16px;color:var(--gray-800);transition:var(--transition);resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.MyLeaves-form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue)}.MyLeaves-submit-button{padding:18px 32px;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}.MyLeaves-submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue))}.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;animation:fadeIn .3s ease-out}.MyLeaves-modal-content{background:#fff;border-radius:var(--border-radius-lg);max-width:500px;width:100%;max-height:90vh;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)}}.MyLeaves-modal-header{padding:32px 32px 16px;text-align:center;border-bottom:2px solid var(--gray-200)}.MyLeaves-modal-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--gray-900)}.MyLeaves-modal-header p{margin:0;color:var(--gray-600);font-size:14px}.MyLeaves-modal-body{padding:24px 32px}.MyLeaves-history-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.MyLeaves-history-list::-webkit-scrollbar{width:6px}.MyLeaves-history-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.MyLeaves-history-list::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}.MyLeaves-history-list::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.MyLeaves-history-item{padding:16px;border-radius:var(--border-radius-md);background:var(--gray-50);border-left:4px solid var(--gray-400);transition:var(--transition-fast)}.MyLeaves-history-item:hover{transform:translate(4px);background:var(--gray-100)}.MyLeaves-history-approved{border-left-color:var(--success);background:var(--success-bg)}.MyLeaves-history-rejected{border-left-color:var(--error);background:var(--error-bg)}.MyLeaves-history-applied{border-left-color:var(--primary-blue);background:var(--accent-blue)}.MyLeaves-history-pending{border-left-color:var(--warning);background:var(--warning-bg)}.MyLeaves-history-item p{margin:0;color:var(--gray-800);font-size:14px;line-height:1.5}.MyLeaves-no-history{text-align:center;padding:40px 20px;color:var(--gray-500)}.MyLeaves-no-history-icon{font-size:48px;margin-bottom:16px;color:var(--gray-400)}.MyLeaves-no-history h3{margin:0;font-size:18px;font-weight:600;color:var(--gray-600)}.MyLeaves-modal-footer{padding:20px 32px 32px;text-align:center;border-top:2px solid var(--gray-200)}.MyLeaves-modal-close-button{padding:12px 32px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:#fff;border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.MyLeaves-modal-close-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,var(--primary-dark-blue),var(--primary-blue))}.MyLeaves-notification{position:fixed;bottom:24px;right:24px;background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;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)}}.MyLeaves-notification-success{border-left-color:var(--success)}.MyLeaves-notification-error{border-left-color:var(--error)}.MyLeaves-notification-content{display:flex;align-items:center;gap:12px;flex:1}.MyLeaves-notification-icon{font-size:20px}.MyLeaves-notification-success .MyLeaves-notification-icon{color:var(--success)}.MyLeaves-notification-error .MyLeaves-notification-icon{color:var(--error)}.MyLeaves-notification-message{color:var(--gray-800);font-size:14px;font-weight:500;flex:1}.MyLeaves-notification-close{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.MyLeaves-notification-close:hover{background:var(--gray-200);color:var(--gray-700)}@media (max-width: 768px){.MyLeaves-container{padding:40px 16px 16px}.MyLeaves-header{padding:20px}.MyLeaves-header-content{flex-direction:column;align-items:stretch}.MyLeaves-header-actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.MyLeaves-search-container{min-width:auto;flex:1}.MyLeaves-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.MyLeaves-stat-card{padding:20px}.MyLeaves-stat-value{font-size:28px}.MyLeaves-tabs-header{flex-direction:column;gap:1px}.MyLeaves-tab{justify-content:center;padding:16px}.MyLeaves-results-count{padding:20px 20px 0}.MyLeaves-table-container,.MyLeaves-mobile-cards,.MyLeaves-apply-tab{padding:20px}.MyLeaves-modal-content{margin:0}}@media (max-width: 480px){.MyLeaves-stats-grid{grid-template-columns:1fr}.MyLeaves-title{font-size:28px}.MyLeaves-form-title{font-size:24px}.MyLeaves-notification{left:16px;right:16px;bottom:16px;min-width:auto}}@media print{.MyLeaves-header-actions,.MyLeaves-icon-button,.MyLeaves-history-button,.MyLeaves-mobile-history-button,.MyLeaves-submit-button,.MyLeaves-modal-close-button{display:none!important}.MyLeaves-container{background:#fff;padding:0}.MyLeaves-tabs-container{box-shadow:none}}.MyTaskManagement-container{padding:1rem;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}@keyframes MyTaskManagement-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes MyTaskManagement-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes MyTaskManagement-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MyTaskManagement-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.MyTaskManagement-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:MyTaskManagement-spin 1s linear infinite}.MyTaskManagement-loading h3{color:#fff;font-weight:600}.MyTaskManagement-auth-error{display:flex;justify-content:center;align-items:center;min-height:50vh;padding:2rem}.MyTaskManagement-error-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:400px;width:100%;animation:MyTaskManagement-slideUp .3s ease}.MyTaskManagement-error-icon{font-size:3rem;margin-bottom:1rem}.MyTaskManagement-error-card h3{color:#333;margin-bottom:.5rem}.MyTaskManagement-error-card p{color:#666;margin-bottom:1.5rem}.MyTaskManagement-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.MyTaskManagement-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.MyTaskManagement-header{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000001a;animation:MyTaskManagement-slideUp .3s ease}.MyTaskManagement-header-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.MyTaskManagement-header-content{flex-direction:row;align-items:center;justify-content:space-between}}.MyTaskManagement-header-text h1{background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;margin-bottom:.5rem;font-size:1.75rem}.MyTaskManagement-header-text p{color:#666;font-size:.875rem}.MyTaskManagement-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.MyTaskManagement-notifications-btn{background:#f5f5f5;border:none;border-radius:8px;padding:.5rem;cursor:pointer;position:relative;transition:all .3s ease;font-size:1.25rem}.MyTaskManagement-notifications-btn:hover{background:#e5e5e5}.MyTaskManagement-notification-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;font-size:.7rem;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.MyTaskManagement-manage-groups-btn{background:transparent;border:2px solid #667eea;color:#667eea;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.MyTaskManagement-manage-groups-btn:hover{background:#667eea1a}.MyTaskManagement-create-task-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem}.MyTaskManagement-create-task-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.MyTaskManagement-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.MyTaskManagement-stats-grid{grid-template-columns:repeat(5,1fr)}}.MyTaskManagement-stat-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;animation:MyTaskManagement-slideUp .3s ease;position:relative;overflow:hidden}.MyTaskManagement-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.MyTaskManagement-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.MyTaskManagement-stat-card.MyTaskManagement-primary:before{background:#667eea}.MyTaskManagement-stat-card.MyTaskManagement-warning:before{background:#ffa502}.MyTaskManagement-stat-card.MyTaskManagement-info:before{background:#2ed573}.MyTaskManagement-stat-card.MyTaskManagement-success:before{background:#1e90ff}.MyTaskManagement-stat-card.MyTaskManagement-error:before{background:#ff4757}.MyTaskManagement-stat-content{display:flex;align-items:center;gap:1rem}.MyTaskManagement-stat-icon{font-size:1.5rem}.MyTaskManagement-stat-details{flex:1}.MyTaskManagement-stat-label{color:#666;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.MyTaskManagement-stat-value{color:#333;font-size:1.5rem;font-weight:700}.MyTaskManagement-tabs-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;animation:MyTaskManagement-slideUp .3s ease}.MyTaskManagement-tabs-header{display:flex;border-bottom:1px solid #e5e5e5;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.MyTaskManagement-tab{flex:1;background:none;border:none;padding:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#666;font-size:.875rem}.MyTaskManagement-tab:hover{background:#667eea1a}.MyTaskManagement-tab.MyTaskManagement-active-tab{color:#667eea;position:relative}.MyTaskManagement-tab.MyTaskManagement-active-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2)}.MyTaskManagement-tab-badge{background:#667eea;color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:10px;min-width:20px;text-align:center}.MyTaskManagement-tab-content{padding:1.5rem}.MyTaskManagement-filter-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e5}@media (min-width: 768px){.MyTaskManagement-filter-section{flex-direction:row;align-items:center;justify-content:space-between}}.MyTaskManagement-filter-control{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.MyTaskManagement-filter-control label{font-size:.875rem;font-weight:600;color:#333}.MyTaskManagement-filter-select{padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer}.MyTaskManagement-results-count{color:#666;font-size:.875rem;font-weight:600}.MyTaskManagement-date-group{margin-bottom:2rem;animation:MyTaskManagement-fadeIn .3s ease}.MyTaskManagement-date-header{color:#333;font-size:1.125rem;font-weight:600;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;margin-bottom:1rem;border-left:4px solid #667eea}.MyTaskManagement-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e5e5;background:#fff}.MyTaskManagement-table{width:100%;border-collapse:collapse;min-width:800px}.MyTaskManagement-table th{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:1rem;text-align:left;font-weight:700;color:#667eea;font-size:.875rem;border-bottom:1px solid #e5e5e5}.MyTaskManagement-table td{padding:1rem;border-bottom:1px solid #f0f0f0;font-size:.875rem}.MyTaskManagement-table-row{cursor:pointer;transition:all .3s ease;position:relative}.MyTaskManagement-table-row:hover{background:#667eea0d;transform:translate(4px)}.MyTaskManagement-table-row:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;border-radius:0 2px 2px 0}.MyTaskManagement-table-row.MyTaskManagement-status-pending:before{background:#ffa502}.MyTaskManagement-table-row.MyTaskManagement-status-in-progress:before{background:#2ed573}.MyTaskManagement-table-row.MyTaskManagement-status-completed:before{background:#1e90ff}.MyTaskManagement-table-row.MyTaskManagement-status-rejected:before{background:#ff4757}.MyTaskManagement-task-title{display:flex;align-items:center;gap:.5rem}.MyTaskManagement-task-title strong{color:#333;font-weight:600}.MyTaskManagement-recurring-icon{color:#1e90ff;font-size:.875rem}.MyTaskManagement-task-description{color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.MyTaskManagement-due-date{display:flex;align-items:center;gap:.5rem;color:#333}.MyTaskManagement-due-date.MyTaskManagement-overdue,.MyTaskManagement-overdue-icon{color:#ff4757}.MyTaskManagement-priority-chip,.MyTaskManagement-status-chip{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.MyTaskManagement-priority-low{background:#2ed57326;color:#2ed573;border:1px solid rgba(46,213,115,.3)}.MyTaskManagement-priority-medium{background:#ffa50226;color:#ffa502;border:1px solid rgba(255,165,2,.3)}.MyTaskManagement-priority-high{background:#ff475726;color:#ff4757;border:1px solid rgba(255,71,87,.3)}.MyTaskManagement-status-pending{background:#ffa50226;color:#ffa502;border:1px solid rgba(255,165,2,.3)}.MyTaskManagement-status-in-progress{background:#2ed57326;color:#2ed573;border:1px solid rgba(46,213,115,.3)}.MyTaskManagement-status-completed{background:#1e90ff26;color:#1e90ff;border:1px solid rgba(30,144,255,.3)}.MyTaskManagement-status-rejected{background:#ff475726;color:#ff4757;border:1px solid rgba(255,71,87,.3)}.MyTaskManagement-assigned-users{display:flex;flex-direction:column;gap:.5rem}.MyTaskManagement-user-status{display:flex;align-items:center;gap:.5rem}.MyTaskManagement-user-avatar{width:24px;height:24px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.MyTaskManagement-user-info{flex:1;min-width:0}.MyTaskManagement-user-name{font-size:.75rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MyTaskManagement-more-users{font-size:.75rem;color:#666}.MyTaskManagement-recurring-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#1e90ff26;color:#1e90ff;border-radius:10px;font-size:.75rem;font-weight:600;border:1px solid rgba(30,144,255,.3)}.MyTaskManagement-no-repeat,.MyTaskManagement-no-files{color:#999;font-size:.875rem}.MyTaskManagement-download-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease;color:#667eea}.MyTaskManagement-download-btn:hover{background:#667eea1a;transform:scale(1.1)}.MyTaskManagement-action-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.MyTaskManagement-action-btn{background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease;font-size:1rem}.MyTaskManagement-action-btn.MyTaskManagement-info:hover{background:#1e90ff1a;color:#1e90ff}.MyTaskManagement-action-btn.MyTaskManagement-primary:hover{background:#667eea1a;color:#667eea}.MyTaskManagement-action-btn.MyTaskManagement-warning:hover{background:#ffa5021a;color:#ffa502}.MyTaskManagement-action-btn.MyTaskManagement-error:hover{background:#ff47571a;color:#ff4757}.MyTaskManagement-status-select{padding:.5rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background:#fff;cursor:pointer;min-width:120px}.MyTaskManagement-status-select.MyTaskManagement-disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.MyTaskManagement-mobile-cards{display:flex;flex-direction:column;gap:1rem}.MyTaskManagement-mobile-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.MyTaskManagement-mobile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.MyTaskManagement-mobile-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.MyTaskManagement-mobile-card.MyTaskManagement-status-pending:before{background:#ffa502}.MyTaskManagement-mobile-card.MyTaskManagement-status-in-progress:before{background:#2ed573}.MyTaskManagement-mobile-card.MyTaskManagement-status-completed:before{background:#1e90ff}.MyTaskManagement-mobile-card.MyTaskManagement-status-rejected:before{background:#ff4757}.MyTaskManagement-mobile-card-content{display:flex;flex-direction:column;gap:.75rem}.MyTaskManagement-mobile-card-header{display:flex;flex-direction:column;gap:.5rem}.MyTaskManagement-mobile-card-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.MyTaskManagement-mobile-task-title{display:flex;align-items:center;gap:.5rem;flex:1}.MyTaskManagement-mobile-task-title strong{color:#333;font-weight:600;font-size:1rem}.MyTaskManagement-mobile-description{color:#666;font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.MyTaskManagement-recurring-info{display:flex;align-items:center;gap:.25rem;color:#1e90ff;font-size:.75rem;font-weight:600}.MyTaskManagement-mobile-card-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.MyTaskManagement-mobile-due-date{display:flex;align-items:center;gap:.25rem;color:#333;font-size:.875rem}.MyTaskManagement-mobile-due-date.MyTaskManagement-overdue{color:#ff4757}.MyTaskManagement-mobile-assigned-users{border-top:1px solid #f0f0f0;padding-top:.75rem}.MyTaskManagement-assigned-users-label{font-size:.75rem;font-weight:600;color:#666;margin-bottom:.5rem}.MyTaskManagement-mobile-users-list{display:flex;flex-direction:column;gap:.5rem}.MyTaskManagement-mobile-user-status{display:flex;align-items:center;gap:.5rem}.MyTaskManagement-mobile-user-info{flex:1;min-width:0}.MyTaskManagement-mobile-user-name{font-size:.75rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MyTaskManagement-mobile-more-users{font-size:.75rem;color:#666}.MyTaskManagement-mobile-files{border-top:1px solid #f0f0f0;padding-top:.75rem}.MyTaskManagement-files-label{font-size:.75rem;font-weight:600;color:#666;margin-bottom:.5rem}.MyTaskManagement-mobile-files-list{display:flex;gap:.5rem;align-items:center}.MyTaskManagement-mobile-download-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease;color:#667eea}.MyTaskManagement-mobile-download-btn:hover{background:#667eea1a}.MyTaskManagement-mobile-more-files{font-size:.75rem;color:#666}.MyTaskManagement-mobile-card-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid #f0f0f0;padding-top:.75rem}.MyTaskManagement-mobile-action-buttons{display:flex;gap:.25rem}.MyTaskManagement-mobile-status-select{min-width:100px}.MyTaskManagement-no-tasks{text-align:center;padding:3rem 1rem}.MyTaskManagement-no-tasks-icon{font-size:3rem;color:#ccc;margin-bottom:1rem}.MyTaskManagement-no-tasks h3{color:#666;font-weight:600;margin-bottom:.5rem}.MyTaskManagement-no-tasks p{color:#999;font-size:.875rem}.MyTaskManagement-groups-section{animation:MyTaskManagement-slideUp .3s ease}.MyTaskManagement-groups-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.MyTaskManagement-groups-header{flex-direction:row;align-items:center;justify-content:space-between}}.MyTaskManagement-groups-header h2{color:#333;font-weight:700}.MyTaskManagement-create-group-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.MyTaskManagement-create-group-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.MyTaskManagement-groups-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.MyTaskManagement-groups-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.MyTaskManagement-groups-grid{grid-template-columns:repeat(3,1fr)}}.MyTaskManagement-group-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.MyTaskManagement-group-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.MyTaskManagement-group-card-content{padding:1.5rem}.MyTaskManagement-group-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.MyTaskManagement-group-info{flex:1;min-width:0}.MyTaskManagement-group-info h3{color:#333;font-weight:600;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MyTaskManagement-group-info p{color:#666;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.MyTaskManagement-group-actions{display:flex;gap:.25rem}.MyTaskManagement-group-action-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease;font-size:1rem}.MyTaskManagement-group-action-btn.MyTaskManagement-edit:hover{background:#ffa5021a;color:#ffa502}.MyTaskManagement-group-action-btn.MyTaskManagement-delete:hover{background:#ff47571a;color:#ff4757}.MyTaskManagement-group-divider{height:1px;background:#f0f0f0;margin:1rem 0}.MyTaskManagement-group-members{margin-top:1rem}.MyTaskManagement-members-label{font-size:.75rem;font-weight:600;color:#666;margin-bottom:.5rem}.MyTaskManagement-members-list{display:flex;flex-direction:column;gap:.5rem}.MyTaskManagement-member-item{display:flex;align-items:center;gap:.5rem}.MyTaskManagement-member-avatar{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.MyTaskManagement-member-details{flex:1;min-width:0}.MyTaskManagement-member-name{font-size:.875rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MyTaskManagement-member-role,.MyTaskManagement-more-members{font-size:.75rem;color:#666}.MyTaskManagement-no-groups{text-align:center;padding:3rem 1rem}.MyTaskManagement-no-groups-icon{font-size:3rem;color:#ccc;margin-bottom:1rem}.MyTaskManagement-no-groups h3{color:#666;font-weight:600;margin-bottom:.5rem}.MyTaskManagement-no-groups p{color:#999;font-size:.875rem}.MyTaskManagement-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.MyTaskManagement-modal-overlay.MyTaskManagement-modal-open{opacity:1;visibility:visible}.MyTaskManagement-create-task-modal,.MyTaskManagement-group-modal,.MyTaskManagement-notifications-modal,.MyTaskManagement-remarks-modal,.MyTaskManagement-activity-modal,.MyTaskManagement-edit-task-modal,.MyTaskManagement-status-modal{background:#fff;border-radius:12px;max-width:90%;max-height:90vh;overflow-y:auto;animation:MyTaskManagement-slideUp .3s ease;width:100%}@media (min-width: 768px){.MyTaskManagement-create-task-modal{max-width:700px}.MyTaskManagement-group-modal,.MyTaskManagement-remarks-modal,.MyTaskManagement-activity-modal,.MyTaskManagement-edit-task-modal,.MyTaskManagement-status-modal{max-width:500px}.MyTaskManagement-notifications-modal{max-width:400px}}.MyTaskManagement-create-task-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px 12px 0 0}.MyTaskManagement-create-task-title h2{font-weight:700;margin-bottom:.25rem}.MyTaskManagement-create-task-title p{opacity:.9;font-size:.875rem}.MyTaskManagement-group-modal-header,.MyTaskManagement-notifications-header,.MyTaskManagement-remarks-header,.MyTaskManagement-activity-header,.MyTaskManagement-edit-task-header,.MyTaskManagement-status-modal-header{padding:1.5rem;border-bottom:1px solid #e5e5e5}.MyTaskManagement-group-modal-header h3,.MyTaskManagement-notifications-header h3,.MyTaskManagement-remarks-header h3,.MyTaskManagement-activity-header h3,.MyTaskManagement-edit-task-header h3,.MyTaskManagement-status-modal-header h3{color:#333;font-weight:700;margin-bottom:.25rem}.MyTaskManagement-group-modal-header p,.MyTaskManagement-status-modal-header p{color:#666;font-size:.875rem}.MyTaskManagement-create-task-content,.MyTaskManagement-group-modal-content,.MyTaskManagement-remarks-content,.MyTaskManagement-activity-content,.MyTaskManagement-edit-task-content,.MyTaskManagement-status-modal-content{padding:1.5rem}.MyTaskManagement-notifications-list{padding:1rem;max-height:400px;overflow-y:auto}.MyTaskManagement-create-task-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e5e5}.MyTaskManagement-create-task-section:last-child{margin-bottom:0;border-bottom:none}.MyTaskManagement-create-task-section h3{color:#333;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.MyTaskManagement-group-form-section{margin-bottom:1.5rem}.MyTaskManagement-group-form-section h4{color:#333;font-weight:600;margin-bottom:1rem}.MyTaskManagement-form-group{margin-bottom:1rem}.MyTaskManagement-form-group label{display:block;font-size:.875rem;font-weight:600;color:#333;margin-bottom:.5rem}.MyTaskManagement-form-input,.MyTaskManagement-form-textarea,.MyTaskManagement-form-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background:#fff}.MyTaskManagement-form-input:focus,.MyTaskManagement-form-textarea:focus,.MyTaskManagement-form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.MyTaskManagement-form-textarea{resize:vertical;min-height:80px}.MyTaskManagement-form-row{display:flex;gap:1rem;margin-bottom:1rem}.MyTaskManagement-form-group.MyTaskManagement-half{flex:1}.MyTaskManagement-multi-select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background:#fff;min-height:120px}.MyTaskManagement-upload-buttons{display:flex;gap:1rem;flex-wrap:wrap}.MyTaskManagement-upload-btn{background:#fff;border:2px dashed #ddd;color:#666;padding:1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:.5rem}.MyTaskManagement-upload-btn:hover{border-color:#667eea;color:#667eea;background:#667eea0d}.MyTaskManagement-week-days{margin-top:1rem}.MyTaskManagement-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:.5rem}.MyTaskManagement-day-chip{background:#fff;border:1px solid #ddd;color:#666;padding:.5rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.MyTaskManagement-day-chip:hover{border-color:#667eea;color:#667eea}.MyTaskManagement-day-chip.MyTaskManagement-day-selected{background:#667eea;border-color:#667eea;color:#fff}.MyTaskManagement-selected-users,.MyTaskManagement-selected-groups,.MyTaskManagement-selected-members{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.MyTaskManagement-selected-user-chip,.MyTaskManagement-selected-group-chip,.MyTaskManagement-selected-member-chip{background:#667eea26;color:#667eea;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.MyTaskManagement-notification-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:all .3s ease}.MyTaskManagement-notification-item.MyTaskManagement-unread{border-left:4px solid #667eea;background:#667eea0d}.MyTaskManagement-notification-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.MyTaskManagement-notification-content{display:flex;flex-direction:column;gap:.5rem}.MyTaskManagement-notification-title{font-weight:600;color:#333;font-size:.875rem}.MyTaskManagement-notification-message{color:#666;font-size:.875rem;line-height:1.4}.MyTaskManagement-notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.MyTaskManagement-notification-date{color:#999;font-size:.75rem}.MyTaskManagement-mark-read-btn{background:none;border:1px solid #667eea;color:#667eea;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.MyTaskManagement-mark-read-btn:hover{background:#667eea1a}.MyTaskManagement-mark-all-read-btn{background:none;border:1px solid #667eea;color:#667eea;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.MyTaskManagement-mark-all-read-btn:hover:not(:disabled){background:#667eea1a}.MyTaskManagement-mark-all-read-btn:disabled{opacity:.5;cursor:not-allowed}.MyTaskManagement-no-notifications{text-align:center;padding:2rem}.MyTaskManagement-no-notifications-icon{font-size:2rem;color:#ccc;margin-bottom:1rem}.MyTaskManagement-no-notifications p{color:#999;font-size:.875rem}.MyTaskManagement-remark-item,.MyTaskManagement-activity-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:1rem;margin-bottom:.75rem}.MyTaskManagement-remark-header,.MyTaskManagement-activity-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.MyTaskManagement-remark-user,.MyTaskManagement-activity-user{display:flex;align-items:center;gap:.5rem}.MyTaskManagement-remark-avatar,.MyTaskManagement-activity-avatar{width:32px;height:32px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.MyTaskManagement-remark-username,.MyTaskManagement-activity-username{font-weight:600;color:#333;font-size:.875rem}.MyTaskManagement-remark-userrole,.MyTaskManagement-activity-userrole{color:#666;font-size:.75rem}.MyTaskManagement-remark-date,.MyTaskManagement-activity-date{color:#999;font-size:.75rem}.MyTaskManagement-remark-text,.MyTaskManagement-activity-description{color:#333;font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.MyTaskManagement-activity-tags{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.MyTaskManagement-activity-action{background:#667eea26;color:#667eea;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.MyTaskManagement-activity-ip{color:#999;font-size:.75rem}.MyTaskManagement-no-remarks,.MyTaskManagement-no-activity{text-align:center;padding:2rem;color:#999;font-weight:500}.MyTaskManagement-add-remark{margin-bottom:2rem}.MyTaskManagement-add-remark h4{color:#333;font-weight:600;margin-bottom:1rem}.MyTaskManagement-remark-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;background:#fff;resize:vertical;min-height:80px;margin-bottom:1rem}.MyTaskManagement-add-remark-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.MyTaskManagement-add-remark-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.MyTaskManagement-add-remark-btn:disabled{opacity:.5;cursor:not-allowed}.MyTaskManagement-edit-form{display:flex;flex-direction:column;gap:1rem}.MyTaskManagement-create-task-footer,.MyTaskManagement-group-modal-footer,.MyTaskManagement-edit-task-footer,.MyTaskManagement-status-modal-footer{padding:1.5rem;border-top:1px solid #e5e5e5;display:flex;gap:1rem;justify-content:flex-end}.MyTaskManagement-cancel-btn,.MyTaskManagement-close-modal-btn{background:#f5f5f5;color:#666;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.MyTaskManagement-cancel-btn:hover,.MyTaskManagement-close-modal-btn:hover{background:#e5e5e5}.MyTaskManagement-create-btn,.MyTaskManagement-update-task-btn,.MyTaskManagement-update-status-btn,.MyTaskManagement-create-group-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.MyTaskManagement-create-btn:hover:not(:disabled),.MyTaskManagement-update-task-btn:hover:not(:disabled),.MyTaskManagement-update-status-btn:hover:not(:disabled),.MyTaskManagement-create-group-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.MyTaskManagement-create-btn:disabled,.MyTaskManagement-update-status-btn:disabled,.MyTaskManagement-create-group-submit-btn:disabled{opacity:.5;cursor:not-allowed}.MyTaskManagement-snackbar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);min-width:280px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;padding:1rem;z-index:1001;animation:MyTaskManagement-slideUp .3s ease}.MyTaskManagement-snackbar-success{background:linear-gradient(135deg,#2ed573,#1e90ff);color:#fff}.MyTaskManagement-snackbar-error{background:linear-gradient(135deg,#ff4757,#ffa502);color:#fff}.MyTaskManagement-snackbar-warning{background:linear-gradient(135deg,#ffa502,#2ed573);color:#fff}.MyTaskManagement-snackbar-content{display:flex;align-items:center;gap:.75rem;flex:1}.MyTaskManagement-snackbar-icon{font-size:1.25rem}.MyTaskManagement-snackbar-message{font-weight:600;font-size:.875rem}.MyTaskManagement-snackbar-close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:0;margin-left:1rem}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.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:center;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;padding-right:300px;line-height:1.2}.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-date-info{display:flex;align-items:center;gap:6px;color:#64748b;font-size:14px;font-weight:500}.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-user-welcome{font-size:14px;color:#6b7280;margin-top:4px;margin-bottom:10px;font-weight:500;padding-right:300px}.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-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-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-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-label{font-size:14px;color:#64748b;font-weight:500;margin-bottom:16px}.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-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-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)}.calendar-day.empty{background:#fff}.calendar-day.present{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 8px #10b98133}.calendar-day.halfday{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 8px #f59e0b33}.calendar-day.leave{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 8px #3b82f633}.calendar-day.absent{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 8px #ef444433}.calendar-day.weekend{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569}.day-today{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e5}.day-number{font-size:14px;font-weight:600}.day-status-icon{font-size:10px;margin-top:2px;opacity:.9}.today-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#4f46e5;border-radius:50%;animation:pulse 2s infinite}.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-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,#e2e8f0,#cbd5e1)}.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}.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-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-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-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}.activity-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.loading-text{font-size:14px;color:#64748b}.activity-footer{padding-top:20px;border-top:1px solid #e2e8f0;margin-top:16px}.activity-view-all{width:100%;padding:12px;background:transparent;border:none;font-size:14px;font-weight:600;color:#4f46e5;cursor:pointer;transition:all .2s ease;border-radius:8px}.activity-view-all:hover{background:#e0e7ff}.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}.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}.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}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@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}}@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}}:root{--primary-blue: #1976d2;--primary-dark-blue: #1565c0;--secondary-blue: #42a5f5;--accent-blue: #bbdefb;--success: #2e7d32;--success-light: #4caf50;--success-bg: #e8f5e9;--warning: #ed6c02;--warning-light: #ff9800;--warning-bg: #fff3e0;--error: #d32f2f;--error-light: #f44336;--error-bg: #ffebee;--info: #0288d1;--info-light: #03a9f4;--info-bg: #e1f5fe;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);--shadow-lg: 0 10px 20px rgba(0,0,0,.19), 0 6px 6px rgba(0,0,0,.23);--shadow-xl: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s ease}.employee-directory{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#f0f4f8);padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--gray-800)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-container p{font-size:16px;color:var(--gray-600);font-weight:500}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.employee-directory-header{margin-bottom:32px}.employee-directory-title{font-size:32px;font-weight:700;color:var(--gray-900);margin-bottom:8px;letter-spacing:-.5px}.employee-directory-subtitle{font-size:16px;color:var(--gray-600);margin-bottom:24px;line-height:1.5}.mobile-stats{background:#fff;border-radius:var(--border-radius-lg);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{text-align:center;padding:16px;background:var(--gray-50);border-radius:var(--border-radius-md);border:1px solid var(--gray-200)}.stat-value{font-size:28px;font-weight:700;color:var(--primary-blue);margin-bottom:4px;line-height:1}.stat-label{font-size:12px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-top:24px;flex-wrap:wrap;gap:16px}.total-count{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;gap:8px}.search-filter-container{background:#fff;border-radius:var(--border-radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.search-filter-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-filter-header h3{font-size:18px;font-weight:600;color:var(--gray-800);margin:0}.search-row{display:flex;gap:20px;flex-wrap:wrap}.search-input-container{flex:1;min-width:300px;position:relative}.search-input{width:100%;padding:12px 20px 12px 48px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:15px;transition:var(--transition);background:#fff}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1976d21a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:18px}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:16px;padding:4px;display:flex;align-items:center;justify-content:center}.clear-search:hover{color:var(--gray-600)}.role-filter{min-width:200px}.role-select{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:15px;color:var(--gray-700);background:#fff;cursor:pointer;transition:var(--transition)}.role-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1976d21a}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-primary{border-top:4px solid var(--primary-blue)}.stat-card-success{border-top:4px solid var(--success)}.stat-card-warning{border-top:4px solid var(--warning)}.stat-card-info{border-top:4px solid var(--info)}.stat-card-secondary{border-top:4px solid var(--gray-600)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon-primary{background:#1976d21a;color:var(--primary-blue)}.stat-icon-success{background:#2e7d321a;color:var(--success)}.stat-icon-warning{background:#ed6c021a;color:var(--warning)}.stat-icon-info{background:#0288d11a;color:var(--info)}.stat-icon-secondary{background:#7575751a;color:var(--gray-600)}.trend-chip{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:2px}.trend-chip-primary{background:#1976d21a;color:var(--primary-blue)}.trend-chip-success{background:#2e7d321a;color:var(--success)}.trend-chip-warning{background:#ed6c021a;color:var(--warning)}.trend-chip-info{background:#0288d11a;color:var(--info)}.trend-chip-secondary{background:#7575751a;color:var(--gray-600)}.stat-value{font-size:32px;font-weight:700;color:var(--gray-900);line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:var(--gray-600);font-weight:500}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.results-title{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 4px}.results-count{font-size:14px;color:var(--gray-600);margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.btn{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;text-decoration:none;font-family:inherit}.btn-contained{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-contained:hover:not(:disabled){background:var(--primary-dark-blue);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outlined{background:transparent;color:var(--primary-blue);border-color:var(--primary-blue)}.btn-outlined:hover:not(:disabled){background:#1976d20a}.btn-error{background:var(--error);color:#fff;border-color:var(--error)}.btn-error:hover:not(:disabled){background:var(--error-light);transform:translateY(-1px);box-shadow:0 4px 12px #d32f2f33}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}.employee-card{background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition);position:relative;cursor:pointer}.employee-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.employee-card-new{border:2px solid var(--success);position:relative}.employee-card-new:before{content:"NEW";position:absolute;top:12px;right:12px;background:var(--success);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:1}.employee-card-menu{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:1px solid var(--gray-300);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:var(--transition);color:var(--gray-700)}.employee-card-menu:hover{background:#fff;box-shadow:var(--shadow-sm);color:var(--primary-blue)}.employee-card-content{padding:24px}.employee-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.employee-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-info{flex:1;min-width:0}.employee-name{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-role{font-size:14px;color:var(--gray-600);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-tags{display:flex;flex-wrap:wrap;gap:6px}.employee-tag{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.employee-tag-technical{background:#2e7d321a;color:var(--success)}.employee-tag-non-technical{background:#ed6c021a;color:var(--warning)}.employee-tag-sales{background:#0288d11a;color:var(--info)}.employee-tag-intern{background:#9b27b01a;color:#9c27b0}.employee-tag-admin{background:#d32f2f1a;color:var(--error)}.employee-tag-manager{background:#ff98001a;color:var(--warning-light)}.employee-tag-hr{background:#0096881a;color:#009688}.employee-tag-user{background:#607d8b1a;color:#607d8b}.employee-tag-superadmin{background:linear-gradient(135deg,#9c27b01a,#673ab71a);color:#673ab7}.employee-details{margin-bottom:20px}.detail-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-icon-primary{background:#1976d21a;color:var(--primary-blue)}.detail-icon-success{background:#2e7d321a;color:var(--success)}.detail-text{font-size:14px;color:var(--gray-700);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-profile-btn{width:100%;padding:12px;background:transparent;color:var(--primary-blue);border:1px solid var(--primary-blue);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:8px}.view-profile-btn:hover{background:var(--primary-blue);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.employee-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.employee-list-item{background:#fff;border-radius:var(--border-radius-md);padding:16px;border:1px solid var(--gray-200);transition:var(--transition);cursor:pointer}.employee-list-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-sm);transform:translate(4px)}.employee-list-item-new{border-left:4px solid var(--success)}.employee-list-content{display:flex;align-items:center;gap:16px}.employee-list-content .employee-avatar{width:48px;height:48px;font-size:18px}.employee-list-content .employee-info{flex:1}.employee-list-content .employee-name{font-size:16px;margin-bottom:2px}.employee-list-content .employee-role{font-size:13px;margin-bottom:0}.employee-list-content .employee-tags{flex:2;justify-content:flex-end}.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;overflow-y:auto}.modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 32px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal-header-content{flex:1}.modal-title{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 4px}.modal-subtitle{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.modal-close{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.modal-close:hover{color:var(--gray-700);transform:rotate(90deg)}.modal-content{padding:32px;overflow-y:auto;flex:1}.modal-section{margin-bottom:32px}.modal-section:last-child{margin-bottom:0}.section-title{font-size:18px;font-weight:600;color:var(--gray-800);margin:0 0 16px;display:flex;align-items:center;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-item{padding:16px;background:var(--gray-50);border-radius:var(--border-radius-md);border:1px solid var(--gray-200)}.detail-label{font-size:12px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{font-size:15px;color:var(--gray-800);font-weight:500}.modal-footer{padding:20px 32px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:12px;background:var(--gray-50)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--gray-700)}.form-label:after{content:"";display:inline-block;width:4px;height:4px;background:var(--error);border-radius:50%;margin-left:4px;vertical-align:super}.form-label:not(:has(+*[required])):after{display:none}.form-input,.form-select,.form-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;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1976d21a}.form-textarea{resize:vertical;min-height:80px}.context-menu{position:fixed;background:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1100;overflow:hidden;border:1px solid var(--gray-200);animation:contextMenuFadeIn .2s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:12px;color:var(--gray-700);font-size:14px}.menu-item:hover{background:var(--gray-100)}.menu-item-text{flex:1}.snackbar{position:fixed;bottom:24px;right:24px;z-index:1200;animation:snackbarSlideIn .3s ease-out}@keyframes snackbarSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);min-width:300px;animation:alertFadeIn .3s ease-out}.alert-success{background:var(--success);color:#fff}.alert-error{background:var(--error);color:#fff}.alert-info{background:var(--info);color:#fff}.alert span{flex:1;font-size:14px;font-weight:500}.alert-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:var(--transition)}.alert-close:hover{opacity:1}.empty-state{text-align:center;padding:60px 40px;background:#fff;border-radius:var(--border-radius-lg);border:2px dashed var(--gray-300);margin:32px 0}.empty-state-icon{font-size:64px;color:var(--gray-400);margin-bottom:20px;display:flex;justify-content:center}.empty-state-text{font-size:15px;color:var(--gray-500);max-width:400px;margin:0 auto;line-height:1.5}@media (max-width: 768px){.employee-directory{padding:16px}.employee-directory-title{font-size:28px}.search-filter-container{padding:20px}.search-input-container{min-width:100%}.employee-grid{grid-template-columns:1fr}.modal{max-height:85vh;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;margin-top:auto;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header,.modal-content,.modal-footer{padding:20px}.detail-grid,.form-grid{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(2,1fr)}.employee-list-content{flex-wrap:wrap}.employee-list-content .employee-tags{flex:1 1 100%;margin-top:8px;justify-content:flex-start}}@media (max-width: 480px){.employee-directory-title{font-size:24px}.stats-container{grid-template-columns:1fr}.modal{width:100%;max-width:100%;border-radius:0}.snackbar{left:16px;right:16px;bottom:16px}.alert{min-width:auto;width:100%}}@media print{.employee-directory{background:#fff;padding:0}.employee-card,.employee-list-item,.modal,.search-filter-container{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.btn,.employee-card-menu,.view-profile-btn,.modal-overlay{display:none}.employee-grid,.employee-list{margin-bottom:20px}}.employee-leaves{padding:16px;background-color:#f8fafc;min-height:100vh}.leaves-header{background:linear-gradient(135deg,#1976d226,#9c27b01a);border-radius:24px;padding:32px;margin-bottom:24px;border:1px solid #e0e0e0;position:relative;overflow:hidden}.leaves-header:before{content:"";position:absolute;top:-50px;right:-50px;width:120px;height:120px;border-radius:50%;background:linear-gradient(45deg,rgba(25,118,210,.2),transparent)}.leaves-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1976d2,#9c27b0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.leaves-subtitle{color:#666;font-size:1.125rem}.header-actions{display:flex;gap:12px;align-items:center;margin-top:20px}.action-button{background:#fff;border:1px solid #ddd;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-button:hover{background-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.filter-section{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;border:1px solid #e0e0e0}.filter-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.filter-header h3{font-size:1.25rem;font-weight:600;color:#333}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-label{font-weight:600;color:#333;font-size:.875rem}.filter-input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;width:100%}.filter-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.filter-select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#1976d2}.filter-actions{grid-column:1 / -1;display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer;border-left:4px solid;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.stat-card-active{border-left-color:#1976d2;box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.stat-card-primary{border-left-color:#1976d2}.stat-card-success{border-left-color:#2e7d32}.stat-card-warning{border-left-color:#ed6c02}.stat-card-error{border-left-color:#d32f2f}.stat-card-info{border-left-color:#0288d1}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,currentColor,transparent);opacity:.6}.stat-card-primary:before{background:linear-gradient(90deg,#1976d2,#64b5f6)}.stat-card-success:before{background:linear-gradient(90deg,#2e7d32,#81c784)}.stat-card-warning:before{background:linear-gradient(90deg,#ed6c02,#ff9800)}.stat-card-error:before{background:linear-gradient(90deg,#d32f2f,#f44336)}.stat-card-info:before{background:linear-gradient(90deg,#0288d1,#4fc3f7)}.stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon-primary{background-color:#1976d21a;color:#1976d2}.stat-icon-success{background-color:#2e7d321a;color:#2e7d32}.stat-icon-warning{background-color:#ed6c021a;color:#ed6c02}.stat-icon-error{background-color:#d32f2f1a;color:#d32f2f}.stat-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{color:#666;font-size:.875rem;font-weight:600}.stat-description{color:#999;font-size:.75rem;margin-top:4px}.leaves-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e0e0e0;overflow:hidden}.table-header{padding:24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.table-title{font-size:1.25rem;font-weight:700;color:#333}.table-count{color:#666;font-size:.875rem}.leaves-table{width:100%;border-collapse:collapse}.leaves-table thead{background-color:#1976d214;border-bottom:2px solid #e0e0e0}.leaves-table th{padding:16px;text-align:left;font-weight:700;color:#333;font-size:.875rem}.leaves-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .3s ease}.leaves-table tbody tr:hover{background-color:#1976d20a}.row-pending{border-left:4px solid #ed6c02}.row-approved{border-left:4px solid #2e7d32}.row-rejected{border-left:4px solid #d32f2f}.leaves-table td{padding:16px;vertical-align:top}.employee-info{display:flex;align-items:center;gap:12px}.employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1976d2,#9c27b0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.employee-details{min-width:0}.employee-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-email{color:#666;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-details{display:flex;flex-direction:column;gap:8px}.leave-type{display:inline-flex;align-items:center;gap:6px}.leave-type-chip{padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600;display:inline-block}.leave-type-casual{background-color:#0288d126;color:#0288d1;border:1px solid rgba(2,136,209,.3)}.leave-type-sick{background-color:#9c27b026;color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.leave-type-paid{background-color:#2e7d3226;color:#2e7d32;border:1px solid rgba(46,125,50,.3)}.leave-type-unpaid{background-color:#ed6c0226;color:#ed6c02;border:1px solid rgba(237,108,2,.3)}.leave-reason{color:#666;font-size:.875rem;line-height:1.4}.duration-info{display:flex;flex-direction:column;gap:4px}.date-range{font-weight:600;font-size:.9rem}.date-separator{color:#999;font-size:.75rem;text-align:center}.days-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600;background-color:#1976d21a;color:#1976d2;margin-top:4px}.status-chip{padding:6px 12px;border-radius:20px;font-weight:700;font-size:.75rem;display:inline-block;text-transform:capitalize}.status-pending{background-color:#ed6c021a;color:#ed6c02;border:1px solid rgba(237,108,2,.3)}.status-approved{background-color:#2e7d321a;color:#2e7d32;border:1px solid rgba(46,125,50,.3)}.status-rejected{background-color:#d32f2f1a;color:#d32f2f;border:1px solid rgba(211,47,47,.3)}.actions-container{display:flex;gap:8px}.action-dropdown{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer;min-width:120px}.action-dropdown:focus{outline:none;border-color:#1976d2}.delete-button{background:#d32f2f1a;border:1px solid rgba(211,47,47,.3);color:#d32f2f;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.delete-button:hover{background-color:#d32f2f;color:#fff}.view-history-button{background:#fff;border:1px solid #1976d2;color:#1976d2;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.view-history-button:hover{background-color:#1976d21a}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{color:#999;margin-bottom:16px}.empty-state-title{font-size:1.5rem;font-weight:700;color:#666;margin-bottom:8px}.empty-state-text{color:#999;max-width:400px;margin:0 auto}.dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.dialog{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:auto;animation:dialogSlideIn .3s ease}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.dialog-title{font-size:1.25rem;font-weight:700;color:#333}.dialog-close{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px}.dialog-close:hover{background-color:#f5f5f5}.dialog-content{padding:20px}.dialog-actions{padding:20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.btn{padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-outlined{background:#fff;border:1px solid #1976d2;color:#1976d2}.btn-outlined:hover{background-color:#1976d21a}.btn-contained{background-color:#1976d2;color:#fff}.btn-contained:hover{background-color:#1565c0}.btn-error{background-color:#d32f2f;color:#fff}.btn-error:hover{background-color:#c62828}.snackbar{position:fixed;bottom:24px;right:24px;z-index:1000;animation:snackbarSlideIn .3s ease}@keyframes snackbarSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.snackbar-content{padding:16px;border-radius:12px;box-shadow:0 8px 20px #00000026;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px}.snackbar-success{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff}.snackbar-error{background:linear-gradient(135deg,#d32f2f,#f44336);color:#fff}.snackbar-info{background:linear-gradient(135deg,#0288d1,#4fc3f7);color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:12px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa}.history-action{font-weight:600;font-size:.875rem;margin-bottom:4px}.history-details{color:#666;font-size:.75rem}.history-remarks{margin-top:4px;font-style:italic;color:#999}.textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px}.textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}@media (max-width: 768px){.employee-leaves{padding:12px}.leaves-header{padding:20px;border-radius:16px}.leaves-title{font-size:1.5rem}.stats-container{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr}.leaves-table{display:block;overflow-x:auto}.header-actions{flex-wrap:wrap}.actions-container{flex-direction:column}.action-dropdown{width:100%}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}.filter-actions{flex-direction:column}.btn{width:100%}}.emp-assets-container{padding:16px;animation:fadeIn .5s ease}.emp-assets-header{background:#fff;padding:24px;margin-bottom:24px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.emp-assets-header h1{font-size:28px;font-weight:800;margin:0 0 8px;color:#1a202c}.emp-assets-header p{color:#718096;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:linear-gradient(135deg,#fff,#f7fafc);border-radius:12px;padding:20px;cursor:pointer;border-left:4px solid #e2e8f0;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-card.active{border-left-color:#3182ce;background:linear-gradient(135deg,#3182ce1a,#3182ce0d)}.stat-card.active-primary{border-left-color:#3182ce}.stat-card.active-warning{border-left-color:#d69e2e}.stat-card.active-success{border-left-color:#38a169}.stat-card.active-error{border-left-color:#e53e3e}.stat-content{display:flex;align-items:center;gap:16px}.stat-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.avatar-primary{background:#3182ce1a;color:#3182ce}.avatar-warning{background:#d69e2e1a;color:#d69e2e}.avatar-success{background:#38a1691a;color:#38a169}.avatar-error{background:#e53e3e1a;color:#e53e3e}.stat-info h3{font-size:12px;color:#718096;margin:0 0 4px}.stat-info h2{font-size:28px;font-weight:700;margin:0;color:#1a202c}.search-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width: 640px){.search-container{flex-direction:row}}.search-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;background:#fff}.search-input input{border:none;outline:none;flex:1;font-size:14px}.search-input input::placeholder{color:#a0aec0}.assets-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.assets-table{width:100%;border-collapse:collapse}.assets-table thead{background:#f7fafc;border-bottom:2px solid #e2e8f0}.assets-table th{padding:16px;text-align:left;font-weight:700;color:#1a202c;font-size:14px}.assets-table td{padding:16px;border-bottom:1px solid #e2e8f0;transition:background .2s ease}.assets-table tbody tr:hover{background:#f7fafc}.table-row-approved{border-left:4px solid #38a169}.table-row-pending{border-left:4px solid #d69e2e}.table-row-rejected{border-left:4px solid #e53e3e}.employee-cell{display:flex;align-items:center;gap:12px}.employee-avatar{width:40px;height:40px;border-radius:50%;background:#3182ce;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.employee-info h4{margin:0;font-weight:600;color:#1a202c}.employee-info p{margin:2px 0 0;font-size:12px;color:#718096}.chip{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;display:inline-block;border:1px solid transparent}.chip-status-approved{background:#38a1691a;color:#2f855a;border-color:#38a16933}.chip-status-pending{background:#d69e2e1a;color:#b7791f;border-color:#d69e2e33}.chip-status-rejected{background:#e53e3e1a;color:#c53030;border-color:#e53e3e33}.chip-asset-phone{background:#4299e11a;color:#2b6cb0}.chip-asset-laptop{background:#3182ce1a;color:#2c5282}.chip-asset-desktop{background:#9f7aea1a;color:#6b46c1}.chip-asset-headphone{background:#38a1691a;color:#2f855a}.chip-asset-sim{background:#d69e2e1a;color:#b7791f}.comment-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:background .2s ease}.comment-badge.has-comment{background:#4299e11a;color:#2b6cb0}.comment-badge.no-comment{background:#cbd5e01a;color:#718096}.comment-badge:hover{background:#4299e133}.actions-cell{text-align:center}.actions-container{display:flex;gap:8px;justify-content:center}.icon-button{padding:8px;border:none;border-radius:8px;background:none;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#f1f5f9}.icon-button.edit{color:#3182ce}.icon-button.delete{color:#e53e3e}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.dialog-header{padding:20px 24px;border-bottom:1px solid #e2e8f0}.dialog-header h2{margin:0;font-size:20px;color:#1a202c}.dialog-body{padding:24px}.dialog-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.btn{padding:8px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#e2e8f0;color:#4a5568}.btn-cancel:hover{background:#cbd5e0}.btn-save{background:#3182ce;color:#fff}.btn-save:hover{background:#2c5282}.textarea-field{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:vertical;min-height:100px}.textarea-field:focus{outline:none;border-color:#3182ce}.empty-state{text-align:center;padding:40px 20px;color:#718096}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-bar{width:100px;height:4px;background:linear-gradient(90deg,#3182ce,#63b3ed,#3182ce);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:2px}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.snackbar{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:1001}.snackbar-content{background:#38a169;color:#fff;padding:16px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026}.snackbar-content.error{background:#e53e3e}.snackbar-content.success{background:#38a169}:root{--primary-color: #1976d2;--primary-light: #e3f2fd;--primary-dark: #0d47a1;--secondary-color: #9c27b0;--success-color: #2e7d32;--success-light: #e8f5e9;--error-color: #d32f2f;--error-light: #ffebee;--warning-color: #ed6c02;--warning-light: #fff3e0;--info-color: #0288d1;--info-light: #e1f5fe;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--border-radius: 8px;--border-radius-sm: 4px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.employee-attendance{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4edf5);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;gap:24px}.loading-progress{width:300px;height:4px;background-color:var(--gray-200);border-radius:2px;overflow:hidden;position:relative}.loading-progress-bar{position:absolute;height:100%;width:60%;background:linear-gradient(90deg,var(--primary-color),#4fc3f7);border-radius:2px;animation:loading 1.5s infinite ease-in-out}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(200%)}}.loading-container p{color:var(--gray-600);font-size:14px;font-weight:500;margin-top:12px}.attendance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:24px;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border-left:4px solid var(--primary-color)}.attendance-title{font-size:28px;font-weight:700;color:var(--gray-900);margin:0 0 8px;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.attendance-subtitle{color:var(--gray-600);font-size:14px;font-weight:400;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.action-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:none;background:var(--primary-light);color:var(--primary-color);cursor:pointer;transition:var(--transition)}.action-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.date-chip{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:50px;font-weight:600;font-size:14px;box-shadow:var(--shadow-sm)}.filter-section{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin-bottom:32px;overflow:hidden;border:1px solid var(--gray-200)}.filter-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.filter-header h3{margin:0;font-size:16px;font-weight:600;color:var(--gray-800)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:24px}@media (min-width: 1200px){.filter-grid{grid-template-columns:repeat(4,1fr)}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:12px;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px}.filter-input{padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--border-radius-sm);font-size:14px;transition:var(--transition);background:#fff}.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}.filter-input:hover{border-color:var(--gray-400)}.filter-actions{display:flex;align-items:flex-end;gap:12px}.btn{padding:12px 24px;border-radius:var(--border-radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);border:2px solid transparent;min-width:100px}.btn-contained{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-contained:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outlined{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outlined:hover{background:var(--primary-light);transform:translateY(-2px)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:var(--border-radius);padding:24px;cursor:pointer;transition:var(--transition);border:1px solid var(--gray-200);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gray-300)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.stat-card-active{border-color:var(--primary-color);box-shadow:0 0 0 3px #1976d21a}.stat-card-primary:before{background:var(--primary-color)}.stat-card-success:before{background:var(--success-color)}.stat-card-error:before{background:var(--error-color)}.stat-card-warning:before{background:var(--warning-color)}.stat-card-info:before{background:var(--info-color)}.stat-card-secondary:before{background:var(--secondary-color)}.stat-content{display:flex;align-items:center;gap:20px}.stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;font-size:24px}.stat-icon-primary{background:var(--primary-light);color:var(--primary-color)}.stat-icon-success{background:var(--success-light);color:var(--success-color)}.stat-icon-error{background:var(--error-light);color:var(--error-color)}.stat-icon-warning{background:var(--warning-light);color:var(--warning-color)}.stat-icon-info{background:var(--info-light);color:var(--info-color)}.stat-icon-secondary{background:#9c27b01a;color:var(--secondary-color)}.stat-info{flex:1}.stat-value{font-size:32px;font-weight:700;color:var(--gray-900);line-height:1;margin-bottom:4px}.stat-label{font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:4px}.stat-description{font-size:12px;color:var(--gray-500);font-weight:400}.attendance-table-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);margin-bottom:3px;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.table-title{margin:0;font-size:18px;font-weight:600;color:var(--gray-800)}.table-count{font-size:14px;color:var(--gray-600);font-weight:500;padding:6px 12px;background:var(--gray-100);border-radius:20px}.attendance-table{width:100%;border-collapse:collapse;min-width:1200px}.attendance-table thead{background:var(--gray-50)}.attendance-table th{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:var(--gray-700);text-transform:uppercase;border-bottom:2px solid var(--gray-200);white-space:nowrap}.attendance-table tbody tr{border-bottom:1px solid var(--gray-100);transition:var(--transition)}.attendance-table tbody tr:hover{background:var(--gray-50)}.attendance-table td{padding:10px 2px;font-size:10px;color:var(--gray-800)}.row-present:hover{background:#1517150a!important}.row-absent:hover{background:#d32f2f0a!important}.row-halfday:hover{background:#ed6c020a!important}.employee-info{display:flex;align-items:center;gap:10px}.employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.employee-details{display:flex;flex-direction:column}.employee-name{font-weight:600;color:var(--gray-900)}.employee-email{font-size:12px;color:var(--gray-500)}.type-chip{display:inline-block;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.type-full-time{background:#2e7d321a;color:var(--success-color);border:1px solid rgba(46,125,50,.2)}.type-part-time{background:#0288d11a;color:var(--info-color);border:1px solid rgba(2,136,209,.2)}.type-contract{background:#9c27b01a;color:var(--secondary-color);border:1px solid rgba(156,39,176,.2)}.type-intern{background:#ed6c021a;color:var(--warning-color);border:1px solid rgba(237,108,2,.2)}.time-chip{display:inline-block;padding:8px 16px;background:var(--gray-100);color:var(--gray-700);border-radius:var(--border-radius-sm);font-family:SF Mono,monospace;font-size:13px;font-weight:500;min-width:80px;text-align:center}.status-chip{display:inline-block;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-present{background:#2e7d321a;color:var(--success-color);border:1px solid rgba(46,125,50,.2)}.status-absent{background:#d32f2f1a;color:var(--error-color);border:1px solid rgba(211,47,47,.2)}.status-halfday{background:#ed6c021a;color:var(--warning-color);border:1px solid rgba(237,108,2,.2)}.view-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-sm);border:1px solid var(--gray-300);background:#fff;color:var(--gray-600);cursor:pointer;transition:var(--transition)}.view-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state-icon{width:80px;height:80px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--gray-400)}.empty-state-title{font-size:20px;font-weight:600;color:var(--gray-700);margin:0 0 8px}.empty-state-text{font-size:14px;color:var(--gray-500);margin:0;max-width:400px;line-height:1.6}.snackbar{position:fixed;bottom:24px;right:24px;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.snackbar-content{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);color:#fff;min-width:300px;max-width:400px;animation:slideIn .3s ease-out}.snackbar-success{background:linear-gradient(135deg,var(--success-color),#4caf50);border-left:4px solid var(--success-color)}.snackbar-error{background:linear-gradient(135deg,var(--error-color),#f44336);border-left:4px solid var(--error-color)}.snackbar-info{background:linear-gradient(135deg,var(--info-color),#2196f3);border-left:4px solid var(--info-color)}.snackbar-content span{font-size:14px;font-weight:500;flex:1}.attendance-table-container::-webkit-scrollbar{height:8px}.attendance-table-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.attendance-table-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.attendance-table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 1024px){.employee-attendance{padding:16px}.attendance-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:flex-start}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.attendance-title{font-size:24px}.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.stats-container{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start;gap:12px}.stat-content{gap:16px}.stat-value{font-size:28px}}@media (max-width: 480px){.employee-attendance{padding:12px}.attendance-header,.filter-section,.attendance-table-container{padding:16px}.header-actions{flex-wrap:wrap}.date-chip{width:100%;justify-content:center;margin-top:12px}.snackbar{left:12px;right:12px;bottom:12px}.snackbar-content{min-width:auto;width:100%}}@media print{.employee-attendance{background:#fff;padding:0}.action-button,.btn,.view-button,.snackbar,.filter-section{display:none!important}.attendance-header,.attendance-table-container{box-shadow:none;border:1px solid var(--gray-300);margin-bottom:20px}.stat-card{break-inside:avoid;page-break-inside:avoid}}.export-container{position:relative}.export-button{display:flex;align-items:center;justify-content:center;padding:8px 16px}.export-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;min-width:200px;margin-top:8px}.export-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:all .2s ease}.export-option:hover{background-color:#f5f5f5}.export-option:not(:last-child){border-bottom:1px solid #f0f0f0}.pdf-export .attendance-table{width:100%!important;font-size:12px!important}.pdf-export .employee-avatar{min-width:30px!important;height:30px!important;font-size:10px!important}.pdf-export .type-chip,.pdf-export .status-chip,.pdf-export .time-chip{padding:3px 8px!important;font-size:10px!important}.image-export{background:#fff!important}.image-export .attendance-table{border-collapse:collapse!important}.image-export th,.image-export td{border:1px solid #ddd!important;padding:8px!important}.employee-attendance.loading-export:after{content:"";position:fixed;inset:0;background:#fffc;z-index:9999;display:flex;align-items:center;justify-content:center}.employee-attendance.loading-export:before{content:"Exporting...";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 4px 20px #0003;z-index:10000;font-weight:500}.table-count{display:flex;align-items:center}.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}.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:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.emp-all-task-modal{background:#fff;border-radius:1rem;width:100%;max-width:900px;height:85vh;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(102,126,234,.2);box-shadow:0 25px 50px #00000040}.emp-all-task-modal-header{padding:1.5rem;background:linear-gradient(135deg,#667eea14,#764ba20d);border-bottom:1px solid rgba(102,126,234,.15);position:relative}.emp-all-task-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.emp-all-task-modal-title-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.emp-all-task-modal-user-info{display:flex;align-items:center;gap:1rem}.emp-all-task-modal-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;border:3px solid white;box-shadow:0 8px 24px #667eea66}.emp-all-task-modal-title{font-size:1.8rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.emp-all-task-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;transition:color .2s ease}.emp-all-task-modal-close:hover{color:#111827}.emp-all-task-modal-content{flex:1;overflow-y:auto;padding:1rem}.emp-all-task-list-container{display:flex;flex-direction:column;height:100%}.emp-all-task-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.emp-all-task-search-container{display:flex;gap:1rem;align-items:center}.emp-all-task-task-search{min-width:300px;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem}.emp-all-task-task-list{display:flex;flex-direction:column;gap:1rem}.emp-all-task-task-item{padding:1rem;border-radius:.5rem;border:1px solid rgba(102,126,234,.15);border-left:4px solid #667eea;background:#fff;transition:all .3s ease}.emp-all-task-task-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.emp-all-task-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.emp-all-task-task-title{font-weight:700;font-size:1rem;color:#111827}.emp-all-task-task-priority{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.emp-all-task-task-priority-high{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.emp-all-task-task-priority-medium{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.emp-all-task-task-priority-low{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.emp-all-task-task-description{color:#4b5563;font-size:.875rem;margin-bottom:.5rem}.emp-all-task-task-footer{display:flex;gap:1rem;font-size:.75rem;color:#6b7280}@media (max-width: 768px){.emp-all-task-section{padding:.5rem}.emp-all-task-header{padding:1.5rem}.emp-all-task-card{padding:1rem}.emp-all-task-header-top,.emp-all-task-card-header{flex-direction:column;align-items:flex-start}.emp-all-task-filter-section{flex-direction:column;width:100%}.emp-all-task-search-input,.emp-all-task-select-input{width:100%;min-width:unset}.emp-all-task-modal{margin-top:60px;border-radius:20px;max-height:80vh}}.emp-all-task-extra-filters{display:flex;gap:.5rem;margin-top:.5rem}.emp-all-task-extra-filters select{padding:.4rem .6rem;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.8rem;cursor:pointer}.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}.AdminProject-container{padding:16px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);min-height:100vh}@media (min-width: 768px){.AdminProject-container{padding:24px}}.AdminProject-snackbar{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;max-width:400px;border-radius:8px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;overflow:hidden;animation:AdminProject-slideIn .3s ease}.AdminProject-snackbar-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.AdminProject-snackbar-success{border-left:4px solid #2e7d32}.AdminProject-snackbar-error{border-left:4px solid #d32f2f}.AdminProject-snackbar-warning{border-left:4px solid #ed6c02}.AdminProject-snackbar-info{border-left:4px solid #0288d1}.AdminProject-snackbar-message{flex:1;font-size:14px;line-height:1.5}.AdminProject-snackbar-close{background:none;border:none;cursor:pointer;padding:4px;color:inherit;opacity:.7;transition:opacity .2s}.AdminProject-snackbar-close:hover{opacity:1}@keyframes AdminProject-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.AdminProject-header{margin-bottom:32px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 32px #0000000d;border:1px solid rgba(255,255,255,.2)}.AdminProject-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.AdminProject-header-title{font-size:2.5rem;font-weight:800;color:#667eea;margin-bottom:8px;line-height:1.2}.AdminProject-header-subtitle{font-size:1rem;color:#666}.AdminProject-stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px;margin-bottom:32px}@media (min-width: 600px){.AdminProject-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.AdminProject-stats-grid{grid-template-columns:repeat(4,1fr)}}.AdminProject-stat-card{height:100%;background:linear-gradient(135deg,#667eea1a,#667eea0d);border:1px solid rgba(102,126,234,.2);border-radius:12px;position:relative;overflow:visible;transition:all .3s ease}.AdminProject-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #667eea26}.AdminProject-stat-card-green{background:linear-gradient(135deg,#66bb6a1a,#66bb6a0d);border:1px solid rgba(102,187,106,.2)}.AdminProject-stat-card-blue{background:linear-gradient(135deg,#29b6f61a,#29b6f60d);border:1px solid rgba(41,182,246,.2)}.AdminProject-stat-card-red{background:linear-gradient(135deg,#ef53501a,#ef53500d);border:1px solid rgba(239,83,80,.2)}.AdminProject-stat-content{padding:20px}.AdminProject-stat-content-inner{display:flex;align-items:center;justify-content:space-between}.AdminProject-stat-value{font-size:2.5rem;font-weight:800;color:#667eea;margin-bottom:8px;line-height:1}.AdminProject-stat-label{font-size:.875rem;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.AdminProject-stat-subtext{font-size:.75rem;color:#888}.AdminProject-stat-icon-container{width:56px;height:56px;border-radius:8px;background:linear-gradient(135deg,#667eea33,#667eea1a);display:flex;align-items:center;justify-content:center;color:#667eea;font-size:28px}.AdminProject-form-card{margin-bottom:32px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000000d;border:1px solid rgba(255,255,255,.2)}.AdminProject-form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px}.AdminProject-form-header-content{display:flex;justify-content:space-between;align-items:center}.AdminProject-form-title{font-size:1.5rem;font-weight:800;margin-bottom:4px}.AdminProject-form-subtitle{font-size:.875rem;opacity:.9;margin-top:4px}.AdminProject-form-content{padding:24px;background:#fff}.AdminProject-form-stack{display:flex;flex-direction:column;gap:24px}.AdminProject-form-group{margin-bottom:16px}.AdminProject-form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.AdminProject-form-label-required:after{content:" *";color:#d32f2f}.AdminProject-textfield{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.AdminProject-textfield:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.AdminProject-textfield-error{border-color:#d32f2f}.AdminProject-textfield-error:focus{border-color:#d32f2f;box-shadow:0 0 0 2px #d32f2f33}.AdminProject-helper-text{margin-top:4px;font-size:.75rem;color:#666}.AdminProject-helper-text-error{color:#d32f2f}.AdminProject-textarea{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s,box-shadow .2s}.AdminProject-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.AdminProject-form-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media (min-width: 960px){.AdminProject-form-grid{grid-template-columns:repeat(2,1fr)}}.AdminProject-select{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.AdminProject-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.AdminProject-select-multiple{padding:8px;min-height:120px}.AdminProject-option{padding:8px 12px;cursor:pointer}.AdminProject-option:hover{background:#f5f5f5}.AdminProject-avatar-group{display:flex;align-items:center;gap:8px;margin-bottom:8px}.AdminProject-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:600}.AdminProject-avatar-group-multiple{display:flex;align-items:center;gap:-8px}.AdminProject-avatar-multiple{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:600;border:2px solid white;margin-left:-8px}.AdminProject-avatar-multiple:first-child{margin-left:0}.AdminProject-file-upload{display:inline-block;padding:12px 24px;border:2px dashed #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:center;margin-bottom:16px}.AdminProject-file-upload:hover{border-color:#667eea;background:#f8f9ff}.AdminProject-file-input{display:none}.AdminProject-file-info{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.875rem;color:#666}.AdminProject-button-group{display:flex;gap:16px;margin-top:16px}.AdminProject-button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.AdminProject-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.AdminProject-button-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a3f8c);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.AdminProject-button-outline{background:#fff;color:#667eea;border:1px solid #667eea}.AdminProject-button-outline:hover{background:#f8f9ff}.AdminProject-button:disabled{opacity:.6;cursor:not-allowed}.AdminProject-list-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 32px #0000000d;border:1px solid rgba(255,255,255,.2)}.AdminProject-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.AdminProject-list-title{font-size:1.5rem;font-weight:800;margin-bottom:4px}.AdminProject-list-subtitle{font-size:.875rem;color:#666}.AdminProject-list-controls{display:flex;gap:16px;align-items:center}.AdminProject-search{width:250px;padding:8px 16px 8px 40px;border:1px solid #ddd;border-radius:8px;font-size:.875rem;position:relative}.AdminProject-search:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.AdminProject-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.AdminProject-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media (min-width: 960px){.AdminProject-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.AdminProject-grid{grid-template-columns:repeat(3,1fr)}}.AdminProject-project-card{border-radius:12px;height:100%;position:relative;overflow:visible;background:linear-gradient(135deg,#fffffff2,#fffffffa);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000000d;transition:all .3s ease}.AdminProject-project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:#667eea4d}.AdminProject-project-top-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--status-color) 0%,var(--priority-color) 100%);border-top-left-radius:12px;border-top-right-radius:12px}.AdminProject-project-content{padding:24px}.AdminProject-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.AdminProject-project-title{font-size:1.25rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.AdminProject-chip-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.AdminProject-chip{padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:4px}.AdminProject-chip-status{background:rgba(var(--status-color-rgb),.15);color:var(--status-color);border:1px solid rgba(var(--status-color-rgb),.3)}.AdminProject-chip-priority{background:rgba(var(--priority-color-rgb),.15);color:var(--priority-color);border:1px solid rgba(var(--priority-color-rgb),.3)}.AdminProject-project-description{margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;font-size:.875rem;line-height:1.5}.AdminProject-progress-container{margin-bottom:16px}.AdminProject-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.AdminProject-progress-label{font-size:.75rem;color:#666}.AdminProject-progress-value{font-size:.875rem;font-weight:600;color:#667eea}.AdminProject-progress-bar{height:6px;background:#667eea1a;border-radius:3px;overflow:hidden}.AdminProject-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.AdminProject-project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.75rem;color:#666}.AdminProject-dropdown-container{position:relative;width:100%;margin-bottom:8px}.AdminProject-dropdown-trigger{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s}.AdminProject-dropdown-trigger:hover{border-color:#6b7280}.AdminProject-dropdown-placeholder{color:#6b7280;font-size:14px}.AdminProject-dropdown-arrow{transition:transform .2s;font-size:12px;color:#6b7280}.AdminProject-dropdown-arrow.open{transform:rotate(180deg)}.AdminProject-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 20px #0000001a;z-index:1000;margin-top:4px;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.AdminProject-dropdown-search{padding:8px;border-bottom:1px solid #e5e7eb}.AdminProject-dropdown-search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.AdminProject-dropdown-search-input:focus{outline:none;border-color:#3b82f6}.AdminProject-dropdown-options{overflow-y:auto;max-height:200px}.AdminProject-dropdown-option{padding:10px 12px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s}.AdminProject-dropdown-option:hover{background-color:#f9fafb}.AdminProject-dropdown-option.selected{background-color:#eff6ff}.AdminProject-dropdown-option-checkbox{margin-right:10px}.AdminProject-checkbox{width:16px;height:16px;cursor:pointer}.AdminProject-dropdown-option-avatar{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:10px}.AdminProject-dropdown-option-info{flex:1}.AdminProject-dropdown-option-name{font-weight:500;font-size:14px}.AdminProject-dropdown-option-email{font-size:12px;color:#6b7280}.AdminProject-dropdown-no-results{padding:20px;text-align:center;color:#9ca3af;font-size:14px}.AdminProject-dropdown-footer{padding:8px;border-top:1px solid #e5e7eb;text-align:right}.AdminProject-dropdown-close-btn{padding:6px 16px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.AdminProject-dropdown-close-btn:hover{background:#2563eb}.AdminProject-avatar-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.AdminProject-avatar{position:relative;width:36px;height:36px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.AdminProject-avatar-remove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:#ef4444;color:#fff;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.AdminProject-avatar:hover .AdminProject-avatar-remove{opacity:1}.AdminProject-project-meta-left,.AdminProject-project-meta-right{display:flex;align-items:center;gap:8px}.AdminProject-divider{height:1px;background:#eee;margin:16px 0}.AdminProject-project-actions{display:flex;justify-content:space-between;align-items:center}.AdminProject-pdf-actions,.AdminProject-action-buttons{display:flex;gap:8px}.AdminProject-icon-button{width:32px;height:32px;border-radius:50%;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#667eea;transition:background .2s}.AdminProject-icon-button:hover{background:#667eea1a}.AdminProject-icon-button-red{color:#d32f2f}.AdminProject-icon-button-red:hover{background:#d32f2f1a}.AdminProject-icon-button-green{color:#2e7d32}.AdminProject-icon-button-green:hover{background:#2e7d321a}.AdminProject-empty-state{text-align:center;padding:48px 24px}.AdminProject-empty-icon{font-size:64px;color:#667eea4d;margin-bottom:16px}.AdminProject-empty-title{font-size:1.25rem;color:#666;margin-bottom:8px}.AdminProject-empty-description{font-size:.875rem;color:#888;margin-bottom:24px}.AdminProject-dialog-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;padding:16px}.AdminProject-dialog{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;animation:AdminProject-dialog-appear .3s ease}@keyframes AdminProject-dialog-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.AdminProject-dialog-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.AdminProject-dialog-title{font-size:1.25rem;font-weight:700}.AdminProject-dialog-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.AdminProject-dialog-content{padding:0;max-height:calc(90vh - 64px);overflow-y:auto}.AdminProject-tabs{display:flex;border-bottom:1px solid #eee;background:#f5f7fa80}.AdminProject-tab{padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;color:#666;transition:all .2s}.AdminProject-tab:hover{color:#667eea;background:#667eea0d}.AdminProject-tab-active{color:#667eea;border-bottom-color:#667eea;background:#667eea0d}.AdminProject-tab-panel{padding:24px}.AdminProject-task-list{display:flex;flex-direction:column;gap:12px}.AdminProject-task-item{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:all .2s ease}.AdminProject-task-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.AdminProject-task-content{padding:16px}.AdminProject-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.AdminProject-task-title{font-size:1rem;font-weight:600;color:#333}.AdminProject-task-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.AdminProject-task-info{display:flex;align-items:center;gap:16px;font-size:.75rem;color:#666}@media (max-width: 768px){.AdminProject-header-content,.AdminProject-form-header-content,.AdminProject-list-header{flex-direction:column;align-items:flex-start;gap:16px}.AdminProject-list-controls{width:100%;flex-direction:column}.AdminProject-search{width:100%}.AdminProject-button-group{flex-direction:column}}.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{visibility:hidden;background-color:#333;color:#fff;text-align:center;padding:5px 10px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.75rem;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}}.client-management{padding:1rem;min-height:100vh}.client-management-header{background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;height:100%}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-card--primary{border-left:4px solid #667eea}.stat-card--success{border-left:4px solid #10b981}.stat-card--warning{border-left:4px solid #f59e0b}.stat-card--error{border-left:4px solid #ef4444}.stat-card--info{border-left:4px solid #3b82f6}.stat-card .card__content{padding:1.25rem}.stat-card .avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.main-content-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;margin-top:1.5rem}.main-content-card .card__header{color:#fff;padding:1.5rem}.avatar-circle{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.active-indicator{display:flex;align-items:center;gap:.5rem;background:#fff3;padding:.5rem 1rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-bar{padding:1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.search-input{position:relative;width:100%}.search-input input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;transition:all .3s ease}.search-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.table-container{overflow-x:auto;padding:0 1.5rem}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead{background:#f1f5f9}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap}.data-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tr{transition:background-color .2s ease}.data-table tr:hover{background-color:#f8fafc}.status-chip{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;gap:.35rem}.status-chip--active{background:#d1fae5;color:#065f46}.status-chip--on-hold{background:#fef3c7;color:#92400e}.status-chip--default{background:#e5e7eb;color:#374151}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge--success{background:#d1fae5;color:#065f46}.badge--warning{background:#fef3c7;color:#92400e}.badge--error{background:#fee2e2;color:#991b1b}.badge--info{background:#dbeafe;color:#1e40af}.badge--primary{background:#e0e7ff;color:#3730a3}.progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:3px;transition:width .3s ease}.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)}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .3s ease}.task-item:hover{border-color:#667eea;box-shadow:0 4px 12px #0000000d}.task-item__checkbox{padding-top:.25rem}.task-item__checkbox input[type=checkbox]{width:18px;height:18px;border-radius:4px;border:2px solid #cbd5e1;cursor:pointer}.task-item__content{flex:1;min-width:0}.task-item__actions{display:flex;gap:.5rem;flex-shrink:0}.service-list{display:flex;flex-direction:column;gap:.5rem}.service-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:10px;transition:all .3s ease}.service-item:hover{background:#f1f5f9;transform:translate(4px)}.service-item__icon{width:40px;height:40px;background:#e0e7ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4f46e5}.service-item__content{flex:1}.service-item__actions{opacity:0;transition:opacity .3s ease}.service-item:hover .service-item__actions{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn--outlined{background:transparent;border-color:#cbd5e1;color:#64748b}.btn--outlined:hover{border-color:#667eea;color:#667eea;background:#667eea0d}.btn--error{background:#ef4444;color:#fff}.btn--error:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.action-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;transition:all .3s ease}.action-button:hover{background:#e2e8f0;transform:translateY(-2px)}.action-button--primary{background:#e0e7ff;color:#4f46e5}.action-button--primary:hover{background:#c7d2fe}.action-button--error{background:#fee2e2;color:#dc2626}.action-button--error:hover{background:#fecaca}.action-button--success{background:#d1fae5;color:#059669}.action-button--success:hover{background:#a7f3d0}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;margin-top:10px;padding-top:3rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:800px;width:100vh;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-lg{max-width:1000px}.modal__header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.modal__content{padding:1.5rem;overflow-y:auto;flex:1}.modal__footer{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pagination-container{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width: 768px){.pagination-container{flex-direction:row;justify-content:space-between;align-items:center}}.pagination{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination__item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination__item:hover{border-color:#667eea;color:#667eea}.pagination__item--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.alert{padding:1rem 1.5rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert--success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert--error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.bg-grey-50{background-color:#f9fafb}.text-muted{color:#6b7280}.text-bold{font-weight:600}.text-large{font-size:1.125rem;font-weight:600}.flex-justify-between{display:flex;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.border{border:1px solid #e2e8f0}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.block{display:block}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.col-span-3{grid-column:span 3}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}@media (max-width: 768px){.client-management{padding:.75rem}.stat-card .card__content{padding:1rem}.modal{margin:.5rem}.modal__header,.modal__content,.modal__footer{padding:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.filter-bar .grid{grid-template-columns:1fr;gap:1rem}.table-container{padding:0 .75rem}.data-table th,.data-table td{padding:.75rem .5rem}}@media (max-width: 640px){.data-table{font-size:.875rem}.btn{padding:.625rem 1rem;font-size:.875rem}.action-button{width:32px;height:32px}.pagination__item{width:36px;height:36px;font-size:.875rem}}@media print{.client-management{background:#fff;padding:0}.modal-overlay{position:static;background:none}.modal{box-shadow:none;max-width:none}.btn,.action-button,.filter-bar,.refresh-button{display:none!important}}.flex-align-center{display:flex;align-items:center}.flex-col{display:flex;flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-grow-1{flex-grow:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-4{gap:16px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-4{margin-right:16px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-8{padding-top:32px;padding-bottom:32px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.w-full,.w-100{width:100%}.w-20{width:80px}.w-32{width:128px}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.hidden{display:none}.inline-block{display:inline-block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-large{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-primary{color:#1976d2}.text-success{color:#2e7d32}.text-warning{color:#ed6c02}.text-error{color:#d32f2f}.text-info{color:#0288d1}.text-muted{color:#666}.text-white{color:#fff}.text-line-through{text-decoration:line-through}.bg-grey-50{background-color:#fafafa}.bg-white{background-color:#fff}.border{border:1px solid #ddd}.border-dashed{border-style:dashed}.border-0{border:none}.border-radius-1{border-radius:4px}.border-radius-2{border-radius:8px}.rounded{border-radius:4px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.max-h-40{max-height:160px}.col-span-2{grid-column:span 2}.bg-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.active-indicator{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:8px;color:#fff}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.refresh-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:rotate(45deg)}.search-input{position:relative}.search-input input{width:100%;padding-left:36px}.search-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#667eea}.filter-bar{padding:16px;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0}.pagination-container{padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px;background:linear-gradient(180deg,#f8fafc,#fff);border-top:1px solid #e2e8f0}@media (min-width: 768px){.pagination-container{flex-direction:row;justify-content:space-between}.md\:flex-row{flex-direction:row}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.md\:col-span-1{grid-column:span 1}.md\:col-span-2{grid-column:span 2}.md\:table-cell{display:table-cell}}@media (min-width: 640px){.sm\:table-cell{display:table-cell}.sm\:flex-row{flex-direction:row}.sm\:w-auto{width:auto}}.modal-lg{max-width:800px}.manager-info{padding:12px;border:1px solid #ddd;border-radius:4px;margin-bottom:8px;background-color:#fafafa}.service-item{display:flex;align-items:center;padding:8px;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:4px;transition:all .2s ease}.service-item:hover{background-color:#f5f5f5;transform:translateY(-1px)}.service-item__icon{margin-right:12px;color:#1976d2}.service-item__content{flex-grow:1}.service-item__actions{margin-left:12px}.task-list{max-height:300px;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px dashed #ddd;border-radius:4px;background-color:#fafafa}: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%}.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{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.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}*{margin:0;padding:0;box-sizing:border-box}.navbar{background-color:var(--bg-color);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;width:100%}.navbar-container{max-width:1300px;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%}}.client-meeting-container{padding:24px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:#1a1a1a;margin:0}.page-subtitle{color:#666;margin:4px 0 0;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:8px;border:1px solid #e1e5e9;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-number{font-size:28px;font-weight:600;color:#2563eb;line-height:1}.stat-label{font-size:13px;color:#666;margin-top:8px}.filters-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-wrapper{position:relative;flex:1;min-width:200px}.search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.filter-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:140px}.btn-primary{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-icon{background:transparent;border:1px solid #d1d5db;border-radius:4px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f3f4f6;border-color:#9ca3af}.btn-delete:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}.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:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{background:#f3f4f6}.modal-body{padding:24px}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.form-grid,.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.form-group label:after{content:"*";color:#ef4444;margin-left:4px}.form-group label:not([for*="*"]):after{content:""}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:80px}.table-wrapper{background:#fff;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden}.empty-state{padding:64px 24px;text-align:center}.empty-state svg{color:#9ca3af;margin-bottom:16px}.empty-state h4{margin:0 0 8px;color:#111827;font-size:16px}.empty-state p{margin:0 0 20px;color:#6b7280;font-size:14px}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb}.data-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.data-table td{padding:16px;border-bottom:1px solid #e5e7eb;font-size:14px}.data-table tbody tr:hover{background:#f9fafb}.client-cell{min-width:200px}.client-name{font-weight:500;color:#111827;margin-bottom:4px}.client-meta{font-size:12px;color:#6b7280;display:flex;gap:8px}.datetime-cell{min-width:120px}.datetime-cell .time{font-size:12px;color:#6b7280;margin-top:2px}.meeting-type{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.meeting-type.online{background:#dbeafe;color:#1d4ed8}.meeting-type.demo{background:#fef3c7;color:#92400e}.meeting-type.discussion{background:#dcfce7;color:#166534}.meeting-type.sales{background:#fce7f3;color:#9d174d}.priority-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.priority-high{background:#fee2e2;color:#dc2626}.priority-normal{background:#fef3c7;color:#92400e}.priority-low{background:#dcfce7;color:#166534}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;background:#dbeafe;color:#1d4ed8}.action-buttons{display:flex;gap:8px}@media (max-width: 768px){.client-meeting-container{padding:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.form-grid,.form-row{grid-template-columns:1fr}.filters-row{flex-direction:column}.search-wrapper{min-width:100%}.data-table{display:block;overflow-x:auto}.modal-content{margin:0;max-height:100vh;border-radius:0}}