@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@layer components;/*! tailwindcss v4.1.11 | 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-border-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--animate-spin:spin 1s linear infinite;--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}:-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 utilities{.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-bottom-\[250px\]{bottom:-250px}.mr-\[11px\]{margin-right:11px}.mb-\[32px\]{margin-bottom:32px}.flex{display:flex}.hidden{display:none}.h-16{height:calc(var(--spacing)*16)}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.w-16{width:calc(var(--spacing)*16)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[4px\]{gap:4px}.gap-\[10px\]{gap:10px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:3.40282e38px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-transparent{border-color:#0000}.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,)}@media (min-width:48rem){.md\:top-\[60px\]{top:60px}.md\:-right-10{right:calc(var(--spacing)*-10)}}}:root{--primary-black:#040612;--main:#60e5ae;--text-heading:#1f1f1f;--gray-500:#667085;--black:#161616}.task-status.pending-color{--svg-fill-color:#e343e6}.task-status.done-color{--svg-fill-color:#21d789}.task-status.inprogress-color{--svg-fill-color:#dd9221}body{background-color:#fafafa}@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-border-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}@keyframes spin{to{transform:rotate(360deg)}}.not-found-container{min-height:1024px;background-color:#fafafa;position:relative}.not-found-container .not-found-bg{height:174px;width:100dvw;background:url(/svg/header.svg);background-repeat:no-repeat;background-size:cover}.not-found-container .not-found-content-container{padding:101px 368px 74px;position:relative;background-color:#fff;max-width:1320px;margin:auto;top:-100px;left:0;right:0;border-radius:15px;display:flex;flex-direction:column;gap:87px;justify-content:center;align-items:center}.not-found-container .not-found-content-container .not-found-action-button{cursor:pointer;display:flex;width:550px;padding:15px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--main);color:#1f1f1f;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize}.not-found-container .not-found-content-container .not-found-action-button:active{scale:.98}@media (max-width: 576px){.not-found-container{min-height:100dvh;background-color:#fafafa;position:relative}.not-found-container .not-found-bg{display:none}.not-found-container .not-found-content-container{padding:10px;position:relative;background-color:#fff;max-width:576px;margin:auto;top:80px;left:0;right:0;border-radius:15px;display:flex;flex-direction:column;gap:87px;justify-content:center;align-items:center}.not-found-container .not-found-content-container .not-found-action-button{width:360px}}.login-container{min-height:100dvh;display:flex}.login-container .iamge-div{flex:1;background:url(/images/auth/login-roadmap.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.login-container .login-content-div{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-container .login-content-div h2{color:var(--text-heading);font-size:40px;font-style:normal;font-family:Poppins;font-weight:600;line-height:132%;letter-spacing:-.8px;margin-bottom:3px}.login-container .login-content-div p{color:var(--gray-500);text-align:center;font-size:16px;font-family:Poppins;font-style:normal;font-weight:500;line-height:164%;margin-bottom:33px}.login-container .login-content-div .form-container .error-text{color:#df5c5c;font-weight:500;font-size:16px}.login-container .login-content-div .form-container .input-field{display:flex;flex-direction:column;width:560px}.login-container .login-content-div .form-container .input-field .hook-form-error{color:red}.login-container .login-content-div .form-container .input-field label{color:var(--text-heading);font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px;font-family:Poppins;margin-bottom:12px}.login-container .login-content-div .form-container .input-field input{display:flex;width:558px;height:52px;padding:11px 15px;align-items:center;gap:10px;border-radius:5px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--gray-500);font-size:16px;font-style:normal;font-weight:500;line-height:164%;font-family:Plus Jakarta Sans}.login-container .login-content-div .form-container .password-input-field{position:relative}.login-container .login-content-div .form-container .password-input-field .eye-toggle{color:#97a0af;position:absolute;right:32px;top:48px}.login-container .login-content-div .form-container .remember-me-field{display:flex;justify-content:space-between;margin:10px 0 50px;color:var(--gray-500);font-size:16px;font-style:normal;font-weight:500;line-height:164%}.login-container .login-content-div .form-container .remember-me-field .checkbox-container{display:flex;align-items:center;justify-content:center;gap:11px}.login-container .login-content-div .form-container .remember-me-field .checkbox-container input[type=checkbox]{width:20px;height:20px;accent-color:var(--main, #10b981)}.login-container .login-content-div .form-container .remember-me-field .checkbox-container input[type=checkbox]:checked{background-color:var(--main, #10b981);border-color:var(--main, #10b981)}.login-container .login-content-div .form-container .login-btn{display:inline-flex;padding:15px 253px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--main);color:#1f1f1f;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;font-family:Plus Jakarta Sans}.login-container .login-content-div .form-container .login-btn:active{transform:scale(.97)}.login-container .login-content-div .sign-up-navigate{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin-top:25px}.login-container .login-content-div .sign-up-navigate .or-text-div{color:var(--gray-500);display:flex;justify-content:center;align-items:center;gap:10px}.login-container .login-content-div .sign-up-navigate .or-text-div span{font-size:16px;font-style:normal;font-weight:500;line-height:164%}.login-container .login-content-div .sign-up-navigate .or-text-div .stroke{height:1.5px;width:216px;background-color:var(--gray-500)}.login-container .login-content-div .sign-up-navigate .sign-up-navigate-btn{color:var(--gray-500);font-size:16px;font-style:normal;font-weight:500;line-height:164%}.login-container .login-content-div .sign-up-navigate .sign-up-navigate-btn .sign-up-text{color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:164%}@media (max-width: 576px){.login-container{max-width:576px;overflow:hidden;padding:20px}.login-container .iamge-div{display:none}.login-container .login-content-div{justify-content:center;align-items:start}.login-container .login-content-div h2{font-weight:500}.login-container .login-content-div .form-container .error-text{color:#df5c5c;font-weight:500;font-size:16px}.login-container .login-content-div .form-container .input-field{display:flex;flex-direction:column;width:360px}.login-container .login-content-div .form-container .input-field .hook-form-error{color:red}.login-container .login-content-div .form-container .input-field label{font-weight:500}.login-container .login-content-div .form-container .input-field input{display:flex;width:360px}.login-container .login-content-div .form-container .login-btn{display:inline-flex;padding:15px 160px;font-weight:500}.login-container .login-content-div .sign-up-navigate .or-text-div .stroke{width:160px}}.signup-container{min-height:100dvh;display:flex}.signup-container .iamge-div{background:url(/images/auth/signup.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;flex:1}.signup-container .signup-content-div{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.signup-container .signup-content-div h2{color:var(--text-heading);font-family:Poppins;font-size:40px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.8px;margin-bottom:3px}.signup-container .signup-content-div p{color:var(--gray-500);text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:164%;margin-bottom:33px}.signup-container .signup-content-div .form-container .error-message{color:#e04545;font-weight:500;font-size:16px;margin-top:12px}.signup-container .signup-content-div .form-container .input-field{display:flex;flex-direction:column;width:560px}.signup-container .signup-content-div .form-container .input-field label{color:var(--text-heading);font-size:16px;font-style:normal;font-weight:600;font-family:Poppins;line-height:132%;letter-spacing:-.32px;margin-bottom:12px}.signup-container .signup-content-div .form-container .input-field input{display:flex;width:558px;height:52px;padding:11px 15px;font-family:Plus Jakarta Sans;align-items:center;gap:10px;border-radius:5px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--gray-500);font-size:16px;font-style:normal;font-weight:500;line-height:164%}.signup-container .signup-content-div .form-container .password-input-field{position:relative}.signup-container .signup-content-div .form-container .password-input-field .eye-toggle{color:#97a0af;position:absolute;right:32px;top:48px}.signup-container .signup-content-div .form-container .remember-me-field{display:flex;justify-content:space-between;margin:10px 0 50px;color:var(--gray-500);font-size:16px;font-style:normal;font-weight:500;line-height:164%}.signup-container .signup-content-div .form-container .remember-me-field .checkbox-container{display:flex;align-items:center;justify-content:center;gap:11px}.signup-container .signup-content-div .form-container .remember-me-field .checkbox-container input[type=checkbox]{width:20px;height:20px;color:var(--gray-500)}.signup-container .signup-content-div .form-container .signup-btn{margin-top:50px;display:inline-flex;padding:15px 253px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--main);font-family:Plus Jakarta Sans;color:#1f1f1f;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;cursor:pointer}.signup-container .signup-content-div .form-container .signup-btn:active{scale:.98}.signup-container .signup-content-div .login-navigate{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin-top:25px}.signup-container .signup-content-div .login-navigate .or-text-div{color:var(--gray-500);display:flex;justify-content:center;align-items:center;gap:10px}.signup-container .signup-content-div .login-navigate .or-text-div span{font-size:16px;font-style:normal;font-weight:500;line-height:164%}.signup-container .signup-content-div .login-navigate .or-text-div .stroke{height:1.5px;width:216px;background-color:var(--gray-500)}.signup-container .signup-content-div .login-navigate .login-navigate-btn{color:var(--gray-500);font-size:16px;font-style:normal;font-weight:500;line-height:164%}.signup-container .signup-content-div .login-navigate .login-navigate-btn .login-text{color:#000;font-size:16px;font-style:normal;font-weight:700;line-height:164%}@media (max-width: 576px){.signup-container{padding:20px;max-width:576px;overflow:hidden;min-height:100dvh;display:flex}.signup-container .iamge-div{display:none}.signup-container .signup-content-div{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:start}.signup-container .signup-content-div .form-container .input-field{display:flex;flex-direction:column;width:360px}.signup-container .signup-content-div .form-container .input-field label{font-weight:500}.signup-container .signup-content-div .form-container .input-field input{width:360px}.signup-container .signup-content-div .form-container .signup-btn{padding:15px 150px;font-weight:500}.signup-container .signup-content-div .login-navigate{padding-bottom:40px}.signup-container .signup-content-div .login-navigate .or-text-div .stroke{width:160px}}.dashboard-header-container{height:306px;background:url(/svg/dashboard-header.svg);background-repeat:no-repeat;background-size:cover;padding-top:30px}.dashboard-header-container header{max-width:1320px;margin:auto auto 52px;display:flex;justify-content:space-between;align-items:center;position:relative}.dashboard-header-container header .logo{display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px}.dashboard-header-container header .logo img{width:32px;height:32px;flex-shrink:0;padding:7px;border-radius:8px;background-color:#477267}.dashboard-header-container header .nav-menu{display:flex;align-items:center;justify-content:center;gap:50px;color:#fff}.dashboard-header-container header .nav-menu .nav-menu-item{font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:500;line-height:164%;text-transform:capitalize}.dashboard-header-container header .nav-menu .nav-menu-item:hover{color:var(--main)}.dashboard-header-container header .nav-menu .nav-menu-item.active{color:var(--main)}.dashboard-header-container header .user-icon .notification-icon{background-color:#ffffff1a;margin-right:28px;padding:6px;border-radius:50%}.dashboard-header-container header .user-icon .notification-icon img{height:22px;width:22px}.dashboard-header-container header .user-icon .badge{margin-right:28px;display:flex;padding:2px 6px;justify-content:center;align-items:center;gap:18px;border-radius:114px;background:#b690f038;-webkit-backdrop-filter:blur(45.75px);backdrop-filter:blur(45.75px)}.dashboard-header-container header .user-icon .badge .badge-icon-div img{height:28px;width:28px}.dashboard-header-container header .user-icon .badge .badge-level{color:var(--60-background-white, #fff);font-family:Plus Jakarta Sans;font-size:14px;font-style:normal;font-weight:500;line-height:164%;text-transform:capitalize;padding-right:8px}.dashboard-header-container header .user-icon .logout-toggle-div{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:4px}.dashboard-header-container header .user-icon .logout-toggle-div .user-dp{border-radius:50%;margin-right:10px}.dashboard-header-container header .user-icon .logout-toggle-div .user-dp img{border-radius:50%}.dashboard-header-container header .user-icon .logout-toggle-div h3{color:#fff;font-size:18px;font-style:normal;font-weight:500;line-height:164%;text-transform:capitalize}.dashboard-header-container .welcome-message{max-width:1320px;margin:auto}.dashboard-header-container .welcome-message p{color:var(--main);font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px;margin-bottom:4px}.dashboard-header-container .welcome-message h3{color:#fff;font-family:Poppins;font-size:40px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.8px}@media (max-width: 576px){.dashboard-header-container{height:700px;padding:20px;max-width:576px;overflow:hidden}.dashboard-header-container header{flex-direction:column;margin-bottom:52px;align-items:center;position:relative}.dashboard-header-container header .logo{margin-bottom:32px;font-size:28px;line-height:162%;letter-spacing:.58px}.dashboard-header-container header .logo img{width:42px;height:42px;flex-shrink:0;padding:8px}.dashboard-header-container header .nav-menu{flex-direction:column;align-items:start}.dashboard-header-container header .user-icon{margin-top:28px}.dashboard-header-container .welcome-message{max-width:576px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard-header-container .welcome-message h3{margin-top:12px;font-size:30px}}.logout-btn{cursor:pointer;display:flex;width:200px;padding:12px 14px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:8px;background:var(--Main, #60e5ae);color:#1f1f1f;font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize}.logout-btn:active{scale:.98}.header-container{height:174px;background:url(/svg/header.svg);background-repeat:no-repeat;background-size:cover;padding-top:30px}@media (max-width: 576px){.header-container{height:auto;padding:20px;background-position:center bottom}.header-container header{max-width:100%;flex-direction:column;justify-content:flex-start;margin-bottom:30px;align-items:flex-start}.header-container header .logo{margin-bottom:20px;font-size:24px;letter-spacing:-.48px}.header-container header .logo img{width:32px;height:32px}.header-container header .nav-menu{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:20px;width:100%}.header-container header .nav-menu .nav-menu-item{width:100%;padding:8px 0}.header-container header .user-icon{flex-direction:column;align-items:flex-start;gap:15px;width:100%}.header-container header .user-icon .notification-icon,.header-container header .user-icon .badge,.header-container header .user-icon .logout-toggle-div{margin-right:0}.header-container header .user-icon .logout-dropdown{position:absolute;inset:auto auto 0 0;transform:translateY(100%);width:auto;min-width:150px}}.task-list-container .task-list-heading-div{display:flex;justify-content:space-between;align-items:center}.task-list-container .task-list-heading-div h3{color:var(--text-heading);font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px}.task-list-container .task-list-heading-div .filter-div{display:flex;align-items:center;gap:16px}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper{position:relative;min-width:200px}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-button,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-button{display:flex;height:50px;padding:12px 16px 12px 16.5px;justify-content:space-between;align-items:center;width:300px;border-radius:8px;border:1px solid #e1e1e1;background:#fff;cursor:pointer;transition:all .2s ease;font-family:Poppins}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-button:hover,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-button:hover{border-color:#d1d5db}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-button .dropdown-text,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-button .dropdown-text{color:var(--gray-500);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:500;line-height:164%;text-align:left}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-button .dropdown-icon,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-button .dropdown-icon{display:flex;width:20px;height:20px;justify-content:center;align-items:center;color:var(--gray-500);flex-shrink:0}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:4px;border-radius:8px;background:#fff;border:1px solid #e1e1e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-content,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-content{padding:8px;display:flex;flex-direction:column;gap:4px}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item:hover,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item:hover{background-color:#f8f9fa}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item.selected,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item.selected{background-color:#e7fbf3}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item.selected .dropdown-label,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item.selected .dropdown-label{color:var(--text-heading);font-family:Plus Sans;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;appearance:none;background:#fff;transition:all .2s ease}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox:checked,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox:checked{background-color:var(--main);border-color:var(--main)}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark .checkmark-icon,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark .checkmark-icon{width:10px;height:10px;color:#000;stroke-width:4.5}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .dropdown-label,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu .dropdown-item .dropdown-label{color:var(--text-heading);font-family:Plus Jakarta Sans;font-size:14px;font-style:normal;font-weight:400;line-height:18px;transition:all .2s ease}.task-list-container .task-list-heading-div .filter-div .add-task-button{cursor:pointer;display:flex;width:231px;padding:12px 24px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:8px;background:var(--main);color:var(--text-heading);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;border:none;transition:all .2s ease}.task-list-container .task-list-heading-div .filter-div .add-task-button:hover{opacity:.9}.task-list-container .task-list-heading-div .filter-div .add-task-button:active{scale:.98;transform:translateY(1px)}.task-list-container .no-task-div{margin-top:114px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px}.task-list-container .no-task-div img{height:336px;width:432px}.task-list-container .no-task-div h3{color:var(--text-heading);font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px}.task-list-container .task-card-div{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.task-list-container .task-card-div .task-single-card{cursor:pointer;width:400px;display:inline-flex;padding:20px 22px;flex-direction:column;align-items:flex-start;gap:28px;border-radius:8px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;transition:all .2s ease}.task-list-container .task-card-div .task-single-card:hover{border:1px solid var(--main);box-shadow:0 4px 6px -1px #0000001a}.task-list-container .task-card-div .task-single-card .task-card-header{display:flex;justify-content:space-between;align-items:start;width:100%;gap:14px}.task-list-container .task-card-div .task-single-card .task-card-header .icon-cat-div{display:flex;align-items:start;justify-content:center;gap:14px}.task-list-container .task-card-div .task-single-card .task-card-header .icon-cat-div .icon{width:43px;height:43px;flex-shrink:0;background-color:var(--main);border-radius:50%;display:flex;justify-content:center;align-items:center}.task-list-container .task-card-div .task-single-card .task-card-header .icon-cat-div .task-category{color:var(--black);font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px}.task-list-container .task-card-div .task-single-card .task-card-header .task-details{width:100%;margin-top:6px;color:var(--gray-500);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:164%}.task-list-container .task-card-div .task-single-card .task-card-header .trash{cursor:pointer;height:60px;width:60px;display:flex;align-items:start;justify-content:end}.task-list-container .task-card-div .task-single-card .task-card-header .trash img{height:20px;width:20px}.task-list-container .task-card-div .task-single-card .task-card-footer{width:100%;display:flex;justify-content:space-between;align-items:center}.task-list-container .task-card-div .task-single-card .task-card-footer .task-deadline{display:flex;align-items:flex-start;gap:12px;justify-content:center;color:var(--text-heading);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:164%}.task-list-container .task-card-div .task-single-card .task-card-footer .task-status{display:flex;align-items:center;justify-content:center;gap:8px}.task-list-container .task-card-div .task-single-card .task-card-footer .task-status .status-text{text-align:right;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:164%}@media (max-width: 576px){.task-list-container{max-width:100%;overflow:visible}.task-list-container .task-list-heading-div{flex-direction:column;justify-content:flex-start;align-items:flex-start}.task-list-container .task-list-heading-div .filter-div{margin-top:30px;flex-direction:column;align-items:flex-start;gap:26px;width:100%}.task-list-container .task-list-heading-div .filter-div .category-selection,.task-list-container .task-list-heading-div .filter-div .status-selection{width:100%}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper{min-width:unset;width:100%}.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-button,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-button,.task-list-container .task-list-heading-div .filter-div .category-selection .dropdown-wrapper .dropdown-menu,.task-list-container .task-list-heading-div .filter-div .status-selection .dropdown-wrapper .dropdown-menu,.task-list-container .task-list-heading-div .filter-div .add-task-button{width:100%}.task-list-container .no-task-div{margin-top:60px}.task-list-container .no-task-div img{width:100%;height:auto;max-width:336px}.task-list-container .no-task-div h3{font-size:18px;text-align:center;padding:0 10px}.task-list-container .task-card-div{margin-top:55px;grid-template-columns:repeat(1,1fr);gap:20px}.task-list-container .task-card-div .task-single-card{width:100%;padding:15px}.task-list-container .task-card-div .task-single-card .task-card-header{flex-direction:column;gap:10px;align-items:flex-start}.task-list-container .task-card-div .task-single-card .task-card-header .icon-cat-div{flex-direction:row;align-items:center;gap:10px}.task-list-container .task-card-div .task-single-card .task-card-header .icon-cat-div .icon{width:36px;height:36px}.task-list-container .task-card-div .task-single-card .task-card-header .icon-cat-div .task-category{font-size:18px;font-weight:600}.task-list-container .task-card-div .task-single-card .task-card-header .task-details{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.task-list-container .task-card-div .task-single-card .task-card-header .trash{display:none}.task-list-container .task-card-div .task-single-card .task-card-footer{flex-direction:column;gap:10px;align-items:flex-start}}.add-task-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.add-task-modal-content{background:url(/svg/auth/signup/banner.sv);background-color:#fff;padding:34px 76px;border-radius:16px;text-align:center;position:relative;box-sizing:border-box}.add-task-modal-content .heading h2{text-align:start;margin-bottom:24px;font-size:30px;font-weight:600;color:var(--text-heading);font-family:Poppins;font-style:normal;line-height:132%;letter-spacing:-.48px}.add-task-modal-content .modal-close-button{cursor:pointer;display:flex;justify-content:flex-end;width:100%;margin-bottom:45px}.add-task-modal-content .form-container form{display:flex;flex-direction:column;gap:22px;align-items:flex-start;justify-content:center}.add-task-modal-content .form-container form .form-group{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.add-task-modal-content .form-container form .form-group label{color:var(--text-heading);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px;margin-bottom:12px}.add-task-modal-content .form-container form .form-group select,.add-task-modal-content .form-container form .form-group input[type=text]{width:300px;display:flex;height:50px;padding:12px 16px;justify-content:center;align-items:center;gap:90.5px;border-radius:8px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--gray-500);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:500;line-height:164%;box-sizing:border-box}.add-task-modal-content .form-container form .form-group select:focus,.add-task-modal-content .form-container form .form-group input[type=text]:focus{outline:none;border-color:var(--main)}.add-task-modal-content .form-container form .form-group select option{color:#00000080;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:400;line-height:18px}.add-task-modal-content .form-container form .form-group .custom-datepicker-input{width:300px;display:flex;height:50px;padding:12px 16px;border-radius:8px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--gray-500);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:500;line-height:164%;box-sizing:border-box;cursor:pointer}.add-task-modal-content .form-container form .form-group .custom-datepicker-input:focus{outline:none;border-color:var(--main)}.add-task-modal-content .form-container form .form-group .react-datepicker{border:1px solid #e1e1e1;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:Plus Jakarta Sans}.add-task-modal-content .form-container form .form-group .react-datepicker__header{background-color:var(--main);border-bottom:none;padding-top:10px;border-top-left-radius:8px;border-top-right-radius:8px}.add-task-modal-content .form-container form .form-group .react-datepicker__current-month,.add-task-modal-content .form-container form .form-group .react-datepicker__day-name{color:#fff}.add-task-modal-content .form-container form .form-group .react-datepicker__navigation--previous,.add-task-modal-content .form-container form .form-group .react-datepicker__navigation--next{top:10px;border:none}.add-task-modal-content .form-container form .form-group .react-datepicker__navigation-icon:before{border-color:#fff}.add-task-modal-content .form-container form .form-group .react-datepicker__day--selected,.add-task-modal-content .form-container form .form-group .react-datepicker__day--keyboard-selected{background-color:var(--main);color:#fff;border-radius:50%}.add-task-modal-content .form-container form .form-group .react-datepicker__day--outside-month{color:#ccc}.add-task-modal-content .form-container form .form-group .react-datepicker__day:hover{background-color:#f0f0f0;border-radius:50%}.add-task-modal-content .form-container form .form-group .error-message{color:red;font-size:12px;margin-top:5px}.add-task-modal-content .form-container form button[type=submit]{cursor:pointer;display:flex;width:300px;padding:15px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--main);color:#fff;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;border:none;color:var(--text-heading)}.add-task-modal-content .form-container form button[type=submit]:active{scale:.98;transform:translateY(1px)}.add-task-modal-content .form-container form button[type=submit]:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 576px){.add-task-modal-content{padding:34px 46px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.dashboard-container{background-color:#fafafa;min-height:100dvh;position:relative;padding-bottom:40px}.dashboard-container .taskList-div{background-color:#fff;position:relative;top:-60px;max-width:1320px;margin:auto;border-radius:15px;padding:30px 30px 94px}.header-container{height:174px;background:url(/svg/header.svg);background-repeat:no-repeat;background-size:cover;padding-top:30px}.header-container header{max-width:1320px;margin:auto auto 52px;display:flex;justify-content:space-between;align-items:center;z-index:1000}.header-container header .logo{display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px}.header-container header .logo img{width:32px;height:32px;flex-shrink:0;padding:7px;border-radius:8px;background-color:#477267}.header-container header .nav-menu{display:flex;align-items:center;justify-content:center;gap:50px;color:#fff}.header-container header .nav-menu .nav-menu-item{font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:500;line-height:164%;text-transform:capitalize}.header-container header .nav-menu .nav-menu-item:hover{color:var(--main)}.header-container header .nav-menu .nav-menu-item.active{color:var(--main)}.header-container header .user-icon .notification-icon{background-color:#ffffff1a;margin-right:28px;padding:6px;border-radius:50%}.header-container header .user-icon .notification-icon img{height:22px;width:22px}.header-container header .user-icon .badge{margin-right:28px;display:flex;padding:2px 6px;justify-content:center;align-items:center;gap:18px;border-radius:114px;background:#b690f038;-webkit-backdrop-filter:blur(45.75px);backdrop-filter:blur(45.75px)}.header-container header .user-icon .badge .badge-icon-div img{height:28px;width:28px}.header-container header .user-icon .badge .badge-level{color:var(--60-background-white, #fff);font-family:Plus Jakarta Sans;font-size:14px;font-style:normal;font-weight:500;line-height:164%;text-transform:capitalize;padding-right:8px}.header-container header .user-icon .logout-toggle-div{display:flex;justify-content:center;align-items:center;gap:4px}.header-container header .user-icon .logout-toggle-div h3{color:#fff;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:500;line-height:164%;text-transform:capitalize}.header-container header .user-icon .logout-dropdown{position:absolute;right:180px;top:80px;z-index:20}@media (max-width: 576px){.header-container{max-width:576px;overflow:hidden;height:600px;padding:20px}.header-container header{max-width:576px;flex-direction:column;justify-content:center;margin-bottom:52px;align-items:start;z-index:1000}.header-container header .logo{margin-bottom:30px;font-size:28px;letter-spacing:.48px}.header-container header .logo img{width:42px;height:42px}.header-container header .nav-menu{display:flex;flex-direction:column;align-items:start;margin-bottom:32px}.header-container header .user-icon{display:flex;flex-direction:column;align-items:start;gap:24px;position:relative}.header-container header .user-icon .logout-dropdown{position:absolute;left:150px;bottom:60px}}.task-details-container{position:relative;top:-70px;max-width:1320px;margin:auto;padding:40px;border-radius:15px;background:#fff;box-shadow:0 1px 3px #0000001f,0 23px 44px #b0b7c324}.task-details-container .task-details-header{display:flex;justify-content:space-between;align-items:center}.task-details-container .task-details-header h3{color:var(--text-heading);font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px}.task-details-container .task-details-header .task-header-btns{display:flex;justify-content:center;align-items:center;gap:18px}.task-details-container .task-details-header .task-header-btns .task-points{color:#c716f3;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px;margin-right:60px}.task-details-container .task-details-header .task-header-btns .edit-btn{cursor:pointer;display:flex;justify-content:center;display:inline-flex;padding:10px 24px;align-items:center;gap:14px;border-radius:8px;background:#ffab001a;color:var(#ffab00);font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;border:none;transition:all .2s ease}.task-details-container .task-details-header .task-header-btns .edit-btn:hover{opacity:.9}.task-details-container .task-details-header .task-header-btns .back-btn{cursor:pointer;display:flex;width:146px;padding:12px 24px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:#60e5ae;color:var(--text-heading);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;border:none;transition:all .2s ease}.task-details-container .task-details-header .task-header-btns .back-btn:hover{opacity:.9}.task-details-container .border-bottom{width:1260px;height:1px;background:#e1e1e1;margin-top:40px}.task-details-container .task-details-data{display:flex;gap:24px;align-items:start;margin-top:42px}.task-details-container .task-details-data .icon{display:flex;align-items:center;justify-content:center;width:119px;height:119px;flex-shrink:0;background-color:var(--main);border-radius:50%}.task-details-container .task-details-data .icon img{height:66px;width:66px}.task-details-container .task-details-data .details{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:62px}.task-details-container .task-details-data .details .cat-details h3{color:var(--black);font-family:Poppins;font-size:30.8px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.616px}.task-details-container .task-details-data .details .cat-details p{color:var(--gray-500);font-family:Poppins;font-size:17.967px;font-style:normal;font-weight:400;line-height:164%}.task-details-container .task-details-data .details .timeline-status{display:flex;gap:42px;align-items:center;justify-content:center}.task-details-container .task-details-data .details .timeline-status .left-div{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:18px}.task-details-container .task-details-data .details .timeline-status .left-div p{color:var(--text-heading);font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.36px}.task-details-container .task-details-data .details .timeline-status .left-div .calendar-date{display:flex;gap:14px;align-items:center}.task-details-container .task-details-data .details .timeline-status .left-div .calendar-date img{height:36px;width:36px}.task-details-container .task-details-data .details .timeline-status .left-div .calendar-date span{color:var(--text-heading);font-family:Poppins;font-size:20.615px;font-style:normal;font-weight:400;line-height:164%}.task-details-container .task-details-data .details .timeline-status .right-div{display:flex;align-items:center;gap:18px}.task-details-container .task-details-data .details .timeline-status .right-div .task-status{display:flex;align-items:center;justify-content:center;gap:18px}.task-details-container .task-details-data .details .timeline-status .right-div .task-status .status-text{text-align:right;font-family:Poppins;font-size:32.228px;font-style:normal;font-weight:500;line-height:164%}.task-details-container .task-details-data .details .timeline-status .border-vertical{width:1.5px;height:74px;background:#e1e1e1}.task-details-container .task-details-data .details .change-status{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:12px;margin-bottom:100px}.task-details-container .task-details-data .details .change-status h3{color:var(--text-heading);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper{position:relative;width:413px}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-button{display:flex;width:100%;padding:12px 22px;justify-content:space-between;align-items:center;border-radius:5px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;cursor:pointer;transition:all .2s ease}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-button:hover{border-color:#d1d5db}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-button .dropdown-text{color:var(--gray-500);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:500;line-height:164%;text-align:left}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-button .dropdown-icon{width:20px;height:20px;color:var(--gray-500);flex-shrink:0}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:4px;border-radius:8px;background:#fff;border:1px solid #e1e1e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-content{padding:8px;display:flex;flex-direction:column;gap:4px}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item:hover{background-color:#f8f9fa}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item.selected{background-color:#e7fbf3}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item.selected .dropdown-label{color:#06110a;font-weight:500}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;appearance:none;background:#fff;transition:all .2s ease}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox:checked{background-color:var(--main, #10b981);border-color:var(--main, #10b981)}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark .checkmark-icon{width:10px;height:10px;color:#000;stroke-width:4.5}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper .dropdown-menu .dropdown-item .dropdown-label{color:var(--text-heading);font-family:Plus Jakarta Sans;font-size:14px;font-style:normal;font-weight:400;line-height:18px;transition:all .2s ease}.task-details-container .task-details-footer{display:flex;justify-content:end;align-items:center}.task-details-container .task-details-footer .task-details-footer-btns{display:flex;justify-content:center;align-items:center;gap:20px}.task-details-container .task-details-footer .task-details-footer-btns .dlt-btn{cursor:pointer;display:flex;width:270px;padding:16px 24px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:#ff4c2426;color:#ff4c24;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;border:none;transition:all .2s ease}.task-details-container .task-details-footer .task-details-footer-btns .dlt-btn:hover{opacity:.9}.task-details-container .task-details-footer .task-details-footer-btns .submit-btn{cursor:pointer;display:flex;width:270px;padding:16px 24px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--main);color:#1f1f1f;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;border:none;transition:all .2s ease}.task-details-container .task-details-footer .task-details-footer-btns .submit-btn:hover{opacity:.9}@media (max-width: 576px){.task-details-container{max-width:576px;overflow:hidden;margin:auto;padding:20px}.task-details-container .task-details-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.task-details-container .task-details-header .task-header-btns{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.task-details-container .task-details-header .task-header-btns .task-points{display:none}.task-details-container .task-details-header .task-header-btns .edit-btn{cursor:pointer;width:150px;gap:14px;padding:5px 12px;align-items:center;border-radius:6px;font-size:16px;font-style:normal;font-weight:500}.task-details-container .task-details-header .task-header-btns .back-btn{cursor:pointer;width:150px;padding:6px 12px;border-radius:6px}.task-details-container .border-bottom{display:flex;justify-content:center;align-items:center;width:100%}.task-details-container .task-details-data{display:flex;flex-direction:column}.task-details-container .task-details-data .icon{width:60px;height:60px}.task-details-container .task-details-data .icon img{height:36px;width:36px}.task-details-container .task-details-data .details{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:18px}.task-details-container .task-details-data .details .cat-details h3{font-size:26.8px;font-weight:500}.task-details-container .task-details-data .details .timeline-status{display:flex;gap:32px;flex-direction:column}.task-details-container .task-details-data .details .timeline-status .left-div .calendar-date{display:flex;flex-direction:column;gap:14px;align-items:start}.task-details-container .task-details-data .details .timeline-status .right-div{width:100%;display:flex;gap:18px}.task-details-container .task-details-data .details .timeline-status .right-div .task-status{display:flex;align-items:center;justify-content:center;gap:18px}.task-details-container .task-details-data .details .timeline-status .right-div .task-status .status-text{font-size:28.228px}.task-details-container .task-details-data .details .timeline-status .border-vertical{display:none}.task-details-container .task-details-data .details .change-status .status-change-dropdown .dropdown-wrapper{position:relative;width:360px}.task-details-container .task-details-footer{display:flex;flex-direction:column;justify-content:center;align-items:center}.task-details-container .task-details-footer .task-details-footer-btns{width:100%;padding-bottom:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.task-details-container .task-details-footer .task-details-footer-btns .dlt-btn{width:100%}.task-details-container .task-details-footer .task-details-footer-btns .submit-btn{cursor:pointer;width:100%}}.pending-color{color:#e343e6}.pending-color .svg circle{fill:#e343e6}.inprogress-color{color:#dd9221}.inprogress-color .svg circle{fill:#dd9221}.done-color{color:#21d789}.done-color .svg circle{fill:#21d789}.collaborative-color{color:#3b82f6}.collaborative-color .svg circle{fill:#3b82f6}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:16px;text-align:center;position:relative;max-width:680px;box-sizing:border-box}.modal-content .modal-close-button{width:100%;display:flex;justify-content:end;align-items:center;cursor:pointer}.modal-content .modal-body{padding:36px 44px}.modal-content .modal-body .congrats-svg{margin-bottom:45px}.modal-content .modal-body .main-message{color:var(--text-heading);text-align:center;font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px;margin-bottom:8px}.modal-content .modal-body .reward-message{color:var(--Greys-Blue-Grey-700, #737791);text-align:center;font-family:Poppins;font-size:18px;font-style:normal;font-weight:400;line-height:28px}.warning-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.warning-modal-content{background-color:#fff;padding:34px 76px;border-radius:16px;text-align:center;position:relative;max-width:580px;box-sizing:border-box}.warning-modal-content h2{color:var(--text-heading);font-family:Poppins;font-size:40px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.8px;margin-top:22px}.warning-modal-content p{color:#737791;font-family:Poppins;font-size:18px;font-style:normal;font-weight:400;line-height:24px}.warning-modal-content .modal-footer-btns{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:20px}.warning-modal-content .modal-footer-btns button{display:flex;width:144px;height:49px;padding:16px 40px;justify-content:center;align-items:center;gap:10px}.warning-modal-content .modal-footer-btns .yes-btn{cursor:pointer;border-radius:8px;background:var(--main);box-shadow:0 1px 2px #1018280d;color:var(--Text-Heading, #1f1f1f);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.warning-modal-content .modal-footer-btns .no-btn{border-radius:8px;background:#ff4c2426;box-shadow:0 1px 2px #1018280d;color:#ff4c24;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:24px;cursor:pointer}@media (max-width: 576px){.warning-modal-content{padding:34px 46px}}.edit-task-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-task-modal-content{background-color:#fff;padding:34px 76px;border-radius:16px;text-align:center;position:relative;box-sizing:border-box}.edit-task-modal-content .modal-close-button{cursor:pointer;display:flex;justify-content:flex-end;width:100%;margin-bottom:45px}.edit-task-modal-content .form-container form{display:flex;flex-direction:column;gap:22px;align-items:flex-start;justify-content:center}.edit-task-modal-content .form-container form .form-group{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.edit-task-modal-content .form-container form .form-group label{color:var(--text-heading);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px;margin-bottom:12px}.edit-task-modal-content .form-container form .form-group select,.edit-task-modal-content .form-container form .form-group input[type=text]{width:300px;display:flex;height:50px;padding:12px 16px;justify-content:center;align-items:center;gap:90.5px;border-radius:8px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--gray-500);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:500;line-height:164%;box-sizing:border-box}.edit-task-modal-content .form-container form .form-group select:focus,.edit-task-modal-content .form-container form .form-group input[type=text]:focus{outline:none;border-color:var(--main)}.edit-task-modal-content .form-container form .form-group select option{color:#00000080;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:400;line-height:18px}.edit-task-modal-content .form-container form .form-group .custom-datepicker-input{width:300px;display:flex;height:50px;padding:12px 16px;border-radius:8px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--gray-500);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:500;line-height:164%;box-sizing:border-box;cursor:pointer}.edit-task-modal-content .form-container form .form-group .custom-datepicker-input:focus{outline:none;border-color:var(--main)}.edit-task-modal-content .form-container form .form-group .react-datepicker{border:1px solid #e1e1e1;border-radius:8px;box-shadow:0 4px 12px #00000026;font-family:Plus Jakarta Sans}.edit-task-modal-content .form-container form .form-group .react-datepicker__header{background-color:var(--main);border-bottom:none;padding-top:10px;border-top-left-radius:8px;border-top-right-radius:8px}.edit-task-modal-content .form-container form .form-group .react-datepicker__current-month,.edit-task-modal-content .form-container form .form-group .react-datepicker__day-name{color:#fff}.edit-task-modal-content .form-container form .form-group .react-datepicker__navigation--previous,.edit-task-modal-content .form-container form .form-group .react-datepicker__navigation--next{top:10px;border:none}.edit-task-modal-content .form-container form .form-group .react-datepicker__navigation-icon:before{border-color:#fff}.edit-task-modal-content .form-container form .form-group .react-datepicker__day--selected,.edit-task-modal-content .form-container form .form-group .react-datepicker__day--keyboard-selected{background-color:var(--main);color:#fff;border-radius:50%}.edit-task-modal-content .form-container form .form-group .react-datepicker__day--outside-month{color:#ccc}.edit-task-modal-content .form-container form .form-group .react-datepicker__day:hover{background-color:#f0f0f0;border-radius:50%}.edit-task-modal-content .form-container form .form-group .error-message{color:red;font-size:12px;margin-top:5px}.edit-task-modal-content .form-container form button[type=submit]{cursor:pointer;display:flex;width:300px;padding:15px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--main);color:#fff;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;border:none;color:var(--text-heading)}.edit-task-modal-content .form-container form button[type=submit]:active{scale:.98;transform:translateY(1px)}.edit-task-modal-content .form-container form button[type=submit]:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 576px){.edit-task-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-task-modal-content{padding:34px 46px}}.spin-container{max-width:1320px;min-height:760px;margin:auto;background-color:#fff;top:-42px;position:relative;padding:30px;border-radius:15px;background:#fff;box-shadow:0 1px 3px #0000001f,0 23px 44px #b0b7c324;display:flex;justify-content:space-between;align-items:start}.spin-container .left-div{width:20%}.spin-container .left-div h3{color:var(--text-heading);font-family:Poppins;font-size:24px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.48px}.spin-container .middle-div{width:60%;margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.spin-container .middle-div .circle{height:64px;width:64px;border-radius:50%;position:absolute;top:34%}.spin-container .middle-div .spinner{transform:rotate(133deg)}.spin-container .middle-div p{margin-top:82px;color:var(--text-heading);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px}.spin-container .middle-div .spin-buttons{margin-top:50px;display:flex;gap:24px}.spin-container .middle-div .spin-buttons button{cursor:pointer;display:flex;width:270px;padding:16px 24px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--main);color:#1f1f1f;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:700;line-height:164%;text-transform:capitalize}.spin-container .middle-div .spin-buttons button:active{scale:.98}.spin-container .right-div{width:20%}.spin-container .right-div h4{color:var(--text-heading);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px}.spin-container .right-div .category-selection{margin-top:20px}.spin-container .right-div .category-selection .dropdown-wrapper{position:relative;width:260px}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-button{width:100%;display:flex;padding:12px 22px;justify-content:space-between;align-items:center;border-radius:5px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;cursor:pointer;transition:all .2s ease}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-button:hover{border-color:#d1d5db}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-button .dropdown-text{color:var(--gray-500);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:500;line-height:164%;text-align:left}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-button .dropdown-icon{width:20px;height:20px;color:var(--gray-500);flex-shrink:0}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:4px;border-radius:8px;background:#fff;border:1px solid #e1e1e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-content{padding:8px;display:flex;flex-direction:column;gap:4px}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item:hover{background-color:#f8f9fa}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item.selected{background-color:#e7fbf3}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item.selected .dropdown-label{color:#06110a;font-weight:500}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;appearance:none;background:#fff;transition:all .2s ease}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox:checked{background-color:var(--main, #10b981);border-color:var(--main, #10b981)}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark .checkmark-icon{width:10px;height:10px;color:#000;stroke-width:4.5}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .dropdown-label{color:var(--text-heading);font-family:Plus Jakarta Sans;font-size:14px;font-style:normal;font-weight:400;line-height:18px;transition:all .2s ease}@media (max-width: 576px){.spin-container{padding-bottom:320px;max-width:576px;display:flex;flex-direction:column;justify-content:space-between;align-items:start}.spin-container .left-div{width:100%;display:flex;justify-content:center;align-items:center}.spin-container .middle-div{width:100%}.spin-container .middle-div .spin-buttons{margin-top:50px;display:flex;flex-direction:column;gap:24px}.spin-container .right-div{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.spin-container .right-div h4{color:var(--text-heading);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px}.spin-container .right-div .category-selection{margin-top:20px}.spin-container .right-div .category-selection .dropdown-wrapper{position:relative;width:260px}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-button{width:100%;display:flex;padding:12px 22px;justify-content:space-between;align-items:center;border-radius:5px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;cursor:pointer;transition:all .2s ease}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-button:hover{border-color:#d1d5db}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-button .dropdown-text{color:var(--gray-500);font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:500;line-height:164%;text-align:left}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-button .dropdown-icon{width:20px;height:20px;color:var(--gray-500);flex-shrink:0}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:4px;border-radius:8px;background:#fff;border:1px solid #e1e1e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-content{padding:8px;display:flex;flex-direction:column;gap:4px}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item:hover{background-color:#f8f9fa}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item.selected{background-color:#e7fbf3}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item.selected .dropdown-label{color:#06110a;font-weight:500}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;appearance:none;background:#fff;transition:all .2s ease}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .dropdown-checkbox:checked{background-color:var(--main, #10b981);border-color:var(--main, #10b981)}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .checkbox-wrapper .checkbox-checkmark .checkmark-icon{width:10px;height:10px;color:#000;stroke-width:4.5}.spin-container .right-div .category-selection .dropdown-wrapper .dropdown-menu .dropdown-item .dropdown-label{color:var(--text-heading);font-family:Plus Jakarta Sans;font-size:14px;font-style:normal;font-weight:400;line-height:18px;transition:all .2s ease}}.reset-pass-container .header-bg{height:174px;background:url(/svg/header.svg);background-repeat:no-repeat;background-size:cover;background-position:center}.reset-pass-container .reset-pass-contents{position:relative;padding-bottom:88px;top:-60px;max-width:1320px;border-radius:15px;background:#fff;box-shadow:0 1px 3px #0000001f,0 23px 44px #b0b7c324;margin:auto}.reset-pass-container .reset-pass-contents .header{padding:88px;display:flex;flex-direction:column;justify-content:center;align-items:center}.reset-pass-container .reset-pass-contents .header .icon{display:flex;justify-content:center;align-items:center;width:96.75px;height:96.75px;flex-shrink:0;border-radius:24.188px;background:linear-gradient(102deg,#05e389 3.72%,#009a62 80.82%)}.reset-pass-container .reset-pass-contents .header .icon img{height:60px;width:60px}.reset-pass-container .reset-pass-contents .header h3{color:var(--text-heading);font-family:Poppins;font-size:40px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.8px;margin-top:30px}.reset-pass-container .reset-pass-contents .header p{margin-top:12px;color:var(--gray-500);text-align:center;font-family:Poppins;font-size:18px;font-style:normal;font-weight:400;line-height:164%}.reset-pass-container .reset-pass-contents .form-content{display:flex;justify-content:center;align-items:center}.reset-pass-container .reset-pass-contents .form-content .form-div{width:558px}.reset-pass-container .reset-pass-contents .form-content .form-div .input-field{display:flex;flex-direction:column}.reset-pass-container .reset-pass-contents .form-content .form-div .input-field label{color:var(--text-heading);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:132%;letter-spacing:-.32px;margin-bottom:12px}.reset-pass-container .reset-pass-contents .form-content .form-div .input-field input{display:flex;width:558px;height:52px;padding:11px 15px;align-items:center;font-family:Plus Jakarta Sans;gap:10px;border-radius:5px;border:1px solid #e1e1e1;background:#fff;box-shadow:0 1px 3px #0000001f;margin-bottom:32px}.reset-pass-container .reset-pass-contents .form-content .form-div .password-input-field{position:relative}.reset-pass-container .reset-pass-contents .form-content .form-div .password-input-field .eye-toggle{color:#97a0af;position:absolute;right:32px;top:48px}.reset-pass-container .reset-pass-contents .form-content .form-div .reset-pass-btn{display:flex;width:558px;padding:15px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:var(--main);color:var(--text-heading);font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:600;line-height:164%;text-transform:capitalize;cursor:pointer}.reset-pass-container .reset-pass-contents .form-content .form-div .reset-pass-btn:active{scale:.98}.reset-pass-container .reset-pass-contents .form-content .form-div .error-message{color:#e15151;font-weight:500;margin-bottom:12px;display:flex}@media (max-width: 576px){.reset-pass-container{max-width:576px;overflow:hidden;padding:20px}.reset-pass-container .header-bg{display:none}.reset-pass-container .reset-pass-contents{max-width:576px}.reset-pass-container .reset-pass-contents .header{padding:120px 10px}.reset-pass-container .reset-pass-contents .header .icon{width:66.75px;height:66.75px;border-radius:18.88px}.reset-pass-container .reset-pass-contents .header .icon img{height:40px;width:40px}.reset-pass-container .reset-pass-contents .header h3{text-align:center}.reset-pass-container .reset-pass-contents .form-content .form-div{width:360px}.reset-pass-container .reset-pass-contents .form-content .form-div .input-field label{font-weight:500}.reset-pass-container .reset-pass-contents .form-content .form-div .input-field input,.reset-pass-container .reset-pass-contents .form-content .form-div .reset-pass-btn{width:360px}}