@charset "UTF-8";html{font-size:62.5%}body,html{padding:0}body{font-family:Montserrat,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--background-color:#f5f8ff;--main-text-color:#000;--sidebar-color:#000;--header-background-color:#f8f8f8;--header-black-text-color:#000;--header-box-shadow:0.2rem 0.4rem 0.4rem #0000;--popUp-calendar-border-color:#000;--button-red-background-color:#ff6767;----button-red-hover-background-color:#fda2a2;--button-red-item-color:#fff;--section-border-color:#d9d9d9;--text-ash-color:#a1a3ab;--search-background-color:#f5f8ff;--search-placeholder-color:#a1a3ab;--red-text-color:#ff6767;--form-border-color:#d9d9d9;--signIn-border-color:#565454;--black-icon-color:#212427;--signIn-text-color:#212427;--createOne-text-color:#008bd9;--static-white-color:#fff;--input-background-color:#0000;--input-placeholder-color:#999;--Calendar-background-color:#f5f8ff;--notification-background-color:#d3d3d3;--box-shadow:#0000004d;--sidepane-border-color:#000;--description-text-color:#747474;--button-orange-background-color:#f24e1e;--pop-up-background-color:#f9f9f9;--success-message-color:#04b104;--error-message-color:#d93c19}[data-theme=dark]{--background-color:#000;--main-text-color:#fff;--sidebar-color:#000;--header-background-color:#272727;--header-box-shadow:0.2rem 0.4rem 0.4rem hsla(0,0%,100%,.568);--popUp-calendar-border-color:#fff;--button-red-background-color:#464545;--button-red-item-color:#fff;--section-border-color:#a1a3ab;--search-background-color:#f5f8ff;--black-icon-color:#999;--signIn-text-color:#999;--input-background-color:#797979;--input-placeholder-color:#dfdfdf;--Calendar-background-color:#272727;--notification-background-color:#272727;--box-shadow:#ffffff4d;--sidepane-border-color:#fff;--pop-up-background-color:#272727}@font-face{font-display:swap;font-family:Hanken Grotesk;font-style:normal;font-weight:100;src:url(/static/media/hanken-grotesk-v12-latin-100.9dba71143b1eb2344ff6.woff2) format("woff2")}@font-face{font-display:swap;font-family:Hanken Grotesk;font-style:normal;font-weight:200;src:url(/static/media/hanken-grotesk-v12-latin-200.bca4da9043a8ed295c31.woff2) format("woff2")}@font-face{font-display:swap;font-family:Hanken Grotesk;font-style:normal;font-weight:300;src:url(/static/media/hanken-grotesk-v12-latin-300.c6ae2b4cb932bd4e2075.woff2) format("woff2")}@font-face{font-display:swap;font-family:Hanken Grotesk;font-style:normal;font-weight:400;src:url(/static/media/hanken-grotesk-v12-latin-regular.a09acf567544b53ce4b0.woff2) format("woff2")}@font-face{font-display:swap;font-family:Hanken Grotesk;font-style:normal;font-weight:500;src:url(/static/media/hanken-grotesk-v12-latin-500.731555fcd7a8850f43bb.woff2) format("woff2")}@font-face{font-display:swap;font-family:Hanken Grotesk;font-style:normal;font-weight:600;src:url(/static/media/hanken-grotesk-v12-latin-600.4e8b7b98fc5a95df419c.woff2) format("woff2")}@font-face{font-display:swap;font-family:Hanken Grotesk;font-style:normal;font-weight:700;src:url(/static/media/hanken-grotesk-v12-latin-700.47466b1694ff703b46ec.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:200;src:url(/static/media/poppins-v24-latin-200.7498246ad20e0ba71240.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(/static/media/poppins-v24-latin-300.39576fe9df8a22cc1bcc.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/media/poppins-v24-latin-regular.405055dd680fa1dcdfa2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(/static/media/poppins-v24-latin-500.08491d3f7fe7ae88ef44.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(/static/media/poppins-v24-latin-600.91145014c0350c248ed2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(/static/media/poppins-v24-latin-700.d86662fe776dae29ea78.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:800;src:url(/static/media/poppins-v24-latin-800.ca6a92cea2062ebec667.woff2) format("woff2")}body{background-color:var(--background-color);color:var(--main-text-color);font-family:Poppins,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}body,html{height:100%;margin:0}.page-structure{grid-gap:5rem;display:grid;gap:5rem;grid-template-areas:"header header" "sidepane main";grid-template-columns:320px 1fr;grid-template-rows:auto 1fr;height:100vh;position:relative}header{background:#d1e7dd;grid-area:header;padding:1rem}.sidepane{background:#000;border:1px solid var(--sidepane-border-color);border-radius:0 .8rem .8rem 0;grid-area:sidepane;min-height:0;width:32rem;z-index:1000}main{border:1px solid var(--section-border-color);border-radius:.8rem;box-shadow:.2rem .4rem .4rem var(--box-shadow);grid-area:main;overflow:auto}.excluded-page{font-size:2rem;margin:0 4rem 2rem 0;padding:2rem}@media (max-width:576px){.page-structure{grid-gap:0;display:grid;gap:0;grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden;position:relative}header{background:#d1e7dd;padding:1rem}.sidepane{display:none;min-height:0;padding:1rem}main{grid-area:main;overflow-y:auto;padding:1rem}.excluded-page{margin:1rem}}.task-container{border:1px solid var(--section-border-color);border-radius:.8rem;height:16.6rem;position:relative;width:100%}.task-detailed{background-color:#cecece}.task-link{align-items:center;display:flex;height:100%;padding:1rem 1rem 5rem;text-decoration:none;width:100%}.task-status-icon{align-self:flex-start}.task-details{height:100%;padding:0 1.5rem}.task-details h3{color:var(--main-text-color);font-size:1.6rem;font-weight:semi-bold;margin-bottom:1rem}.task-description{-webkit-box-orient:vertical;-webkit-line-clamp:4;color:var(--text-ash-color);display:-webkit-box;font-size:1.4rem;font-weight:regular;overflow:hidden}.completed-meta-text,.task-meta{bottom:1rem;color:var(--main-text-color);display:flex;font-size:1.2rem;font-size:1rem;font-weight:regular;gap:.5rem;position:absolute}.completed-meta-text{flex-direction:column}.completed-days-container,.completed-task-status,.task-image-date-container{color:var(--text-ash-color)}.task-image-date-container{align-items:right;display:flex;flex-direction:column;gap:.5rem;position:relative}.task-image-date-container img{height:8.8rem;padding-right:1.5rem;width:8.8rem}.details-icon{align-items:center;display:flex;justify-content:flex-end;width:100%}.details-icon,.details-icon:active{background-color:initial}.created-on{text-wrap:nowrap;bottom:-3.5rem;position:absolute;right:1.5rem}.task-options{position:absolute;right:1rem;top:1rem;z-index:1200}.task-options-buttons{align-items:center;background-color:var(--background-color);border-radius:.8rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;width:auto}.task-options-buttons button{text-wrap:nowrap;background-color:initial;color:var(--main-text-color);cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.2rem;height:100%;padding:0 3.6rem 0 .5rem;text-align:left;width:auto}.task-options-buttons button:hover{text-decoration:underline}.error-dismiss-container{background-color:var(--background-color);border-radius:.8rem;width:auto}.error-dismiss{text-wrap:nowrap;background:none;border:none;color:red;cursor:pointer;font-size:1.2rem;margin:.5rem 0;padding:0 10px;text-decoration:underline;width:100%}@media (max-width:576px){.task-details{padding:0 .3rem}.task-image-date-container img{height:8.8rem;padding-right:.7rem;width:8.8rem}.created-on{text-wrap:nowrap;bottom:-3.5rem;position:absolute;right:.7rem}}header{align-items:center;background-color:var(--header-background-color);color:var(--header-black-text-color);display:flex;font-family:inter;height:auto;justify-content:space-between;padding:2rem 7.2rem;position:fixed;position:relative;top:0;width:100%}header h1{font-size:3.2rem;font-weight:semi-bold;text-shadow:var(--header-box-shadow)}button{align-items:center;background:var(--button-red-background-color);border:none;border-radius:.8rem;cursor:pointer;display:flex;height:3.4rem;justify-content:center;width:3.4rem}button:active{background:var(----button-red-hover-background-color)}.search-input{height:3.6rem;position:relative;width:69.5rem}.search-input-button{height:3.6rem;position:absolute;right:0;top:0;width:3.6rem}.search-input>input{background:var(--search-background-color);border:none;border-radius:.8rem;box-shadow:.2rem .4rem .4rem #0000001a;height:100%;padding:.5rem 1rem;width:100%}.search-input>input,.search-input>input::placeholder{color:var(--search-placeholder-color)}.search-bar-list{align-items:center;background-color:#fff;border:1px solid #000;border-radius:4px;display:flex;flex-direction:column;justify-content:flex-start;list-style:none;padding:0 10px;width:400px;z-index:2000}.search-bar-list li{margin:.5rem 0;width:100%}.search-bar-list-button{background-color:#ccc;border-radius:4px;padding:10px;position:static;width:100%}.header-icons-and-date{align-items:center;display:flex;gap:2rem}.header-buttons{align-items:center;display:flex;gap:1rem}.date-display{font-size:1.5rem;font-weight:medium}.actual-day{color:var(--main-text-color)}.actual-date{color:#3abeff;font-size:1.4rem;font-weight:medium}.notification-container{background-color:var(--background-color);border-radius:.8rem;display:flex;flex-direction:column;height:48.9rem;width:37.8rem}.calendar-container,.notification-container{border:1px solid var(--popUp-calendar-border-color);position:absolute;right:8.5rem;top:8rem}.dropdown{display:none}@media (max-width:576px){header{display:flex;flex-direction:column-reverse;padding:1rem;text-align:center}.search-input{display:none}.header-icons-and-date{display:flex;flex-direction:column-reverse;justify-content:center;margin-top:1rem}.dropdown{display:block}.header-buttons{display:flex;justify-content:space-evenly;margin:1rem 0}.date-display{align-items:center;display:flex;gap:1rem;justify-content:center}.calendar-container,.notification-container,.sidepane{left:1rem;position:absolute;top:17rem;width:95%}.sidepane{border-radius:.8rem}.searchClicked{display:block;width:100%}.search-bar-list{width:100%}}.notification-section{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:1rem 3.2rem;z-index:100}.notification-section>h2{color:var(--main-text-color);font-size:1.6rem;font-weight:700}.notification-section>button{background-color:initial}.today-text{color:#a1a3ab;font-size:1.4rem;font-weight:medium;padding:1rem 3.2rem}.notifications-body{background-color:var(--notification-background-color);border-radius:.8rem;color:var(--main-text-color);display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:auto;padding:0}.notifications-body button{background:#0000;border-radius:0;display:block;display:flex;gap:1.6rem;height:9.7rem;justify-content:space-between;padding:1.2rem 2rem;width:100%}.notification-content{color:var(--main-text-color);font-size:1.5rem;text-align:left}.notification-bold{font-weight:700}.priority-container{font-size:1.2rem;font-weight:medium;margin:.5rem 0}.priority-high{color:#f21e1e}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__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{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.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{line-height:0;z-index:1}.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{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.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;margin:2px;width:4rem}.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;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;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{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.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{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected: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{background-color:#bad9f1;border-radius:.3rem;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__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__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__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__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__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__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__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{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.calendar-container{background-color:var(--Calendar-background-color);border-radius:1rem;box-sizing:border-box;color:var(--main-text-color);font-family:sans-serif;height:47rem;padding:1.6rem;width:37.8rem;z-index:100}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.6rem;padding:0 1rem}.calendar-header button{background-color:initial}.react-datepicker__day-names{background-color:#f5f8ff;display:flex;font-size:1.2rem;justify-content:space-between;padding:0 1.7rem}.custom-input{background-color:#fff;border:1px solid #ccc;border-radius:.6rem;cursor:default;font-size:1.4rem;margin-bottom:1rem;padding:.8rem 1rem;width:100%}.react-datepicker{background-color:#f5f8ff;border:none;width:100%}.react-datepicker__month-container{width:100%}.react-datepicker__header,.react-datepicker__month-container{background-color:var(--Calendar-background-color);color:var(--main-text-color)}.react-datepicker__header{border-bottom:none}.react-datepicker__day{background-color:var(--Calendar-background-color);border-radius:8px;border-radius:.8rem;color:var(--main-text-color);font-size:1.2rem;height:4.5rem;line-height:4.5rem;margin:0 2px;text-align:center;transition:all .2s ease;width:4.5rem}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#3211ff;border-radius:50%;color:#fff}.react-datepicker__day:hover{background-color:#dce2f7;color:#000}.custom-header{align-items:center;display:flex;font-size:1.6rem;font-weight:700;justify-content:space-between;margin-bottom:1rem}.custom-header button{background-color:initial;border:1px solid #000;border-radius:4px;color:var(--main-text-color);cursor:pointer;padding:.6rem}.custom-header button:hover{scale:1.05}.profile-sidepane,a{text-decoration:none}.profile-sidepane{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:inter;font-size:1.4rem;font-weight:semi-bold;justify-content:center;padding:.3rem;position:absolute;top:8rem;width:32rem}.profile-sidepane img{height:8.6rem;width:8.6rem}.navigation-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:calc(100% - 8rem);justify-content:space-between;margin:8rem 0 0;padding:0 1rem 2rem}.navigation-button{align-items:center;background:#0000;border:none;border-radius:1.4rem;color:var(--static-white-color);cursor:pointer;display:flex;font-family:inter;font-size:1.6rem;font-weight:medium;gap:1.2rem;height:5.9rem;justify-content:left;padding:.1rem .8rem;transition:all .3s ease;width:28.8rem}.button-active{background-color:var(--static-white-color);color:var(--red-text-color)}.navigation-button:hover{background-color:var(--red-text-color);color:var(--static-white-color)}@media (max-width:576px){.profile-sidepane{margin-top:2rem;position:static;width:95%}.navigation-container{margin-top:2rem}}.dashboard-main{border:none;box-shadow:none;display:flex;flex-direction:column;font-family:inter;justify-content:space-between;padding:0 5rem 1rem 2rem}.dashboard-content-container{grid-gap:1rem;border:1px solid var(--section-border-color);display:grid;grid-template-areas:"to-do-task task-status" "to-do-task completed-task";grid-template-columns:1fr 1fr;grid-template-rows:240px 1fr;overflow-y:auto;padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;width:100%}.page-header h2{font-size:2.8rem;font-weight:400;width:100%}.images-and-invite{align-items:center;display:flex;gap:1rem;justify-content:center;margin:.5rem 0;width:20rem;width:40rem}.invite-button{background:#0000;border:1px solid var(--red-text-color);border-radius:.8rem;color:var(--red-text-color);height:3.6rem;width:9.8rem}.invite-button>span{margin-left:.5rem}.images-container{gap:1rem;position:relative}.extra-members-number,.images-container{align-items:center;display:flex;justify-content:center}.extra-members-number{background-color:initial;border-radius:.4rem;color:#fff;font-size:2rem;height:4rem;position:absolute;right:0;width:4rem}.to-do-task{border-radius:1.4rem;box-shadow:2px 4px 6px var(--box-shadow);display:flex;flex-direction:column;grid-area:to-do-task;padding:1.5rem}.to-do-task-header{font-size:1.2rem;font-weight:400;padding:.5rem 0;width:100%}.to-do-header-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.to-do-header-content>span{color:var(--red-text-color);font-size:1.5rem}.to-do-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.add-task-button{background-color:initial;border:none;color:var(--text-ash-color);height:3.6rem;width:9.8rem}.add-task-button,.date-today{display:flex;font-size:1.4rem}.date-today{align-items:center;color:var(--main-text-color);padding:.5rem 0}.date-today>span{align-items:center;color:var(--text-ash-color);display:flex;font-size:1.4rem;margin-left:1rem}.to-do-task-list{height:100%;overflow-y:auto;padding:.3rem;scrollbar-width:none}.to-do-task-list>div{margin-bottom:.5rem}.task-status{border-radius:.8rem;box-shadow:2px 4px 6px var(--box-shadow);grid-area:task-status;padding:2rem}.task-status>h3{align-items:center;color:var(--red-text-color);display:flex;font-size:1.5rem;font-weight:400;gap:.5rem;padding:.5rem 0}.completed-task{border-radius:.8rem;box-shadow:2px 4px 6px var(--box-shadow);display:flex;flex-direction:column;grid-area:completed-task;overflow:hidden;padding:2rem}.completed-task>h3{align-items:center;color:var(--red-text-color);display:flex;font-size:1.5rem;font-weight:400;gap:.5rem;padding:.5rem 0}.completed-task-list{display:flex;flex-direction:column;height:100%;overflow:auto;scrollbar-width:none}.completed-task-list>div{margin-bottom:.5rem}@media (max-width:576px){.dashboard-main{font-family:inter;height:100%;justify-content:center;padding:.5rem}.page-header{display:block;padding:.5rem 0;width:100%}.images-and-invite{align-items:center;display:flex;justify-content:space-between;margin:.5rem 0;width:100%}.dashboard-content-container{grid-gap:1rem;display:grid;grid-template-areas:"to-do-task" "task-status" "completed-task";grid-template-columns:1fr;grid-template-rows:500px 250px 200px;height:auto;overflow-y:auto;padding:.5rem}.to-do-task{display:flex;flex-direction:column;grid-area:to-do-task;padding:.5rem}.to-do-task-list>div{margin-bottom:.5rem}.task-status{display:flex;flex-direction:column;gap:1rem;grid-area:task-status;padding:.5rem}.completed-task{grid-area:completed-task;grid-row:3;overflow:auto;padding:.5rem}.task-status-chart-container{align-items:center;display:flex;gap:1rem;justify-content:center}}.chart-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:1rem}.circular-chart{transform:rotate(0deg)}.progress{transition:stroke-dashoffset 1s ease}.chart-label{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px;margin-top:.5rem}.page{min-height:100vh;z-index:2000}.page,.popup-overlay{align-items:center;display:flex;justify-content:center;position:fixed}.popup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;height:100%;left:0;top:0;width:100%;z-index:1000}.popup-box{align-items:center;background:var(--pop-up-background-color);border-radius:.8rem;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:1.4rem;height:57.9rem;justify-content:left;overflow:auto;padding:2.5rem;text-align:center;width:60.2rem;z-index:1001}.popup-content{align-items:left;border:1px solid var(--section-border-color);display:flex;flex:1 1;flex-direction:column;width:100%}.popup-box-header{align-items:center;display:flex;font-size:1.6rem;height:auto;justify-content:space-between;margin-bottom:1rem;width:100%}.popup-box-header span{position:relative}.popup-box-header span:after{background-color:var(--button-orange-background-color);bottom:-3px;content:"";height:.3rem;left:0;position:absolute;width:8rem}.go-back{text-wrap:nowrap;background:none;border:none;color:var(--main-text-color);cursor:pointer;font-size:1.6rem;margin-right:1.5rem;text-decoration:underline}.invite-section{align-items:center;display:flex;flex-direction:column;justify-content:left;padding:1rem 2rem}.popup-content-header{text-align:left;width:100%}.invite-input{align-items:center;display:flex;gap:2rem;height:3.7rem;justify-content:space-between;width:100%}.invite-input input{border:1px solid var(--section-border-color);border-radius:.8rem;height:100%;width:100%}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #555;border-radius:4px;cursor:pointer;height:20px;outline:none;position:relative;width:20px}input[type=radio]:checked{background-color:#555}.invite-input button{text-wrap:nowrap;background-color:var(--button-orange-background-color);color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.2rem;height:100%;padding:0 1.8rem;width:auto}.members-section{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:10rem;justify-content:left;overflow:hidden;width:auto}.members-content-header{padding:1rem 2rem;text-align:left;width:100%}.members{display:flex;flex-direction:column;gap:1rem;height:100%;overflow:auto;padding:0 2rem 2rem;scrollbar-width:none;width:100%}.members-container{align-items:center;cursor:pointer;display:flex;gap:1.5rem;height:4.5rem}.members-container img{border-radius:50%;height:4.5rem;width:4.5rem}.members-container div{align-items:center;display:flex;flex-direction:column;justify-content:left}.members-container div p{text-align:left;width:100%}.task-form-container{height:100%;justify-content:left}.task-form,.task-form-container{display:flex;flex-direction:column;width:100%}.task-form{border:1px solid var(--form-border-color);flex-grow:1;padding:1rem}.form-group{align-items:center;display:flex;flex-direction:column;justify-content:left;margin-bottom:1.5rem;width:100%}.form-group label{font-weight:700;margin-bottom:.5rem;text-align:left;width:100%}.form-group input[type=date],.form-group input[type=text],textarea{align-self:flex-start;border:1px solid var(--form-border-color);border-radius:5px;padding:1rem;width:80%}textarea{height:10rem;resize:none}.priority-group{align-items:center;display:flex;gap:2rem;padding:1rem 0}.priority-span{font-weight:700;text-align:left;width:100%}.priority-group label{align-items:center;display:flex;font-weight:400;gap:.5rem}.dot{border-radius:50%;display:inline-block;height:.8rem;width:.8rem}.red{background:red}.blue{background:#00bfff}.green{background:green}.form-flex{display:flex;flex-grow:1;gap:2rem}.form-flex-text-area{height:100%;width:100%}.description{flex:2 1}.upload{flex:1 1}.btn-done{background:var(--button-orange-background-color);border:none;border-radius:.5rem;color:"#ffffff";cursor:pointer;height:auto;margin-top:1.5rem;padding:1rem 2rem;width:fit-content}.form-button-group{display:flex;gap:1rem;justify-content:flex-start}.register-main{display:block;height:100vh;justify-content:space-between;overflow-x:hidden;padding:0}.register-main,section{box-sizing:border-box;display:flex;margin:0}section{flex-direction:column;height:100%;padding:.5rem 2rem .5rem 0}section h1{color:var(--signIn-text-color);font-size:3.6rem;font-weight:700;margin-bottom:1.5rem;text-shadow:1px 2px 4px #0009;z-index:10}.register-main form{z-index:10}.register-main form div{margin:.5rem 0;width:auto}.register-main form .input-group{display:flex;position:relative}.register-main form .input-group>input{background-color:var(--input-background-color);border:1px solid var(--signIn-border-color);border-radius:.8rem;height:7rem;padding:1rem 1rem 1rem 6rem;position:relative;width:65rem}.register-main form .input-group>input::placeholder{color:var(--input-placeholder-color)}.register-main form button{background-color:var(----button-red-hover-background-color);border:none;border-radius:.8rem;color:var(--button-red-item-color);cursor:pointer;font-size:1.6rem;font-weight:medium;height:7.5rem;margin:1.5rem 0;transition:background-color .3s ease;width:15rem}.register-main form button:hover{background-color:var(--button-red-background-color)}.register-main form button:hover span{scale:1.1}.social-register-no-account-container{font-size:1.6rem;font-weight:medium;z-index:10}.social-register{align-items:center;display:flex;gap:1rem}.social-register span{margin-right:1rem}@media (max-width:576px){.register-main{overflow-x:hidden;padding:2rem .5rem}section{height:auto;margin:0;padding:3rem 0;width:100%}.register-main form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.register-main form .input-group>input{width:100%}.register-second-bg{height:100%;opacity:.5;pointer-events:none;position:fixed;right:0;top:10;width:100%}}.login-main{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;padding:0 0 0 2rem;width:100%}.login-main h1{color:var(--signIn-text-color);font-size:3.6rem;font-weight:700;margin-bottom:30px;text-shadow:1px 2px 4px #0009;z-index:10}.login-main form{z-index:10}.login-main form div{margin:1.5rem 0}.login-main form .input-group{display:flex;position:relative}.login-main form .input-group>input{background-color:var(--input-background-color);border:1px solid var(--signIn-border-color);border-radius:.8rem;height:7.5rem;padding:1rem 1rem 1rem 4rem;position:relative;width:65rem}.remember-me{align-items:center;color:var(--signIn-text-color);display:flex;font-size:1.6rem;font-weight:medium;gap:.5rem}.remember-me input{display:inline-block;width:auto}.login-main form button{background-color:var(----button-red-hover-background-color);border:none;border-radius:.8rem;color:var(--button-red-item-color);cursor:pointer;font-size:1.6rem;font-weight:medium;height:7.5rem;margin:1.5rem 0;transition:background-color .3s ease;width:15rem}.login-main form button:active{scale:.9}.login-main form button:active,.login-main form button:hover{background-color:var(--button-red-background-color)}.login-main form button:hover span{scale:1.1}.social-login-no-account-container{font-size:1.6rem;font-weight:medium;z-index:10}.social-login{align-items:center;display:flex;gap:1rem}.social-login span{margin-right:1rem}.create-one{color:var(--createOne-text-color);text-decoration:none}.login-second-bg{bottom:-100px;height:100%;object-fit:contain;opacity:.4;pointer-events:none;position:fixed;right:-350px;width:100%;z-index:9}@media (max-width:576px){.login-main{padding:1rem}.login-main form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.login-main form .input-group>input{width:100%}.login-second-bg{bottom:-300px;position:fixed;right:0}}.myTasks-main{grid-gap:4rem;border:none;box-shadow:none;display:grid;grid-template-areas:"myTask-task-list-container myTask-task-description" "myTask-task-list-container myTask-task-description";grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:2rem}.myTask-task-list-container{border:1px solid var(--section-border-color);border-radius:1.4rem;grid-area:myTask-task-list-container;overflow-y:hidden;padding:1.5rem;scrollbar-width:none}.myTask-task-list-container-h3{font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:semibold;padding:1rem 0 1.5rem;position:relative}.myTask-task-list-container-h3:after{background-color:#f24e1e;bottom:1rem;content:"";height:3px;left:0;position:absolute;width:60px}.myTask-task-list{gap:1rem;overflow-y:auto}.myTask-task-description,.myTask-task-list{display:flex;flex-direction:column;height:100%}.myTask-task-description{border:1px solid var(--section-border-color);border-radius:1.4rem;grid-area:myTask-task-description;padding:1.5rem}.myTask-task-description-heading{align-items:end;display:flex;gap:2rem}.myTask-task-description-heading-details{align-items:flex-start;display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;justify-content:left}.myTask-task-description-heading-details h3{color:var(--black-text-color);font-size:1.6rem;font-weight:semibold}.myTask-task-description-main-body{color:var(--description-text-color);flex:1 1;font-size:1.6rem;font-weight:400;margin:3rem 0;overflow-y:auto}.myTask-task-description-main-body ol{padding:2rem}.myTask-task-description-buttons{align-items:center;display:flex;justify-content:right}.myTask-task-description-buttons button{margin:0 .5rem}@media (max-width:576px){.myTasks-main{grid-gap:1rem;display:grid;grid-template-areas:"myTask-task-list-container" "myTask-task-description";grid-template-columns:1fr;grid-template-rows:20rem 1fr;overflow-y:auto;padding:.5rem}.myTask-task-list-container{grid-area:myTask-task-list-container}.myTask-task-description{grid-area:myTask-task-description;overflow-y:auto}}.vitals-main{grid-gap:4rem;border:none;box-shadow:none;display:grid;grid-template-areas:"vital-task-list-container vital-task-description" "vital-task-list-container vital-task-description";grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:2rem}.vital-task-list-container{border:1px solid var(--section-border-color);border-radius:1.4rem;grid-area:vital-task-list-container;overflow-y:hidden;padding:1.5rem}.vital-task-list-container-h3{font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:semibold;padding:1rem 0 1.5rem;position:relative}.vital-task-list-container-h3:after{background-color:#f24e1e;bottom:1rem;content:"";height:3px;left:0;position:absolute;width:60px}.vital-task-list{gap:1rem;overflow-y:auto}.vital-task-description,.vital-task-list{display:flex;flex-direction:column;height:100%}.vital-task-description{border:1px solid var(--section-border-color);border-radius:1.4rem;grid-area:vital-task-description;padding:1.5rem}.vital-task-description-heading{align-items:end;display:flex;gap:2rem}.vital-task-description-heading-details{align-items:flex-start;display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;justify-content:left}.vital-task-description-heading-details h3{color:var(--black-text-color);font-size:1.6rem;font-weight:semibold}.vital-task-description-main-body{color:var(--description-text-color);flex:1 1;font-size:1.6rem;font-weight:400;margin:3rem 0;overflow-y:auto}.vital-task-description-main-body ol{padding:2rem}.vital-task-description-buttons{align-items:center;display:flex;justify-content:right}.vital-task-description-buttons button{margin:0 .5rem}@media (max-width:576px){.vitals-main{grid-gap:1rem;display:grid;grid-template-areas:"vital-task-list-container" "vital-task-description";grid-template-columns:1fr;grid-template-rows:20rem 1fr;overflow-y:auto;padding:.5rem}.vital-task-list-container{grid-area:vital-task-list-container}.vital-task-description{grid-area:vital-task-description;overflow-y:auto}}.task-details-main{grid-template-columns:1fr;grid-template-rows:21.69rem auto 3.4rem;margin:0 2rem 2rem}.task-details-description{border:1px solid var(--section-border-color);border-radius:1.4rem;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem}.task-details-description-heading{display:flex;gap:2rem}.task-details-description-heading img{border-radius:.8rem;height:21.69rem;width:21rem}.task-details-description-heading-details{align-items:flex-start;display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;justify-content:left;width:100%}.task-details-description-heading-details h3{color:var(--black-text-color);font-size:1.6rem;font-weight:semibold}.task-details-title-container{display:flex;justify-content:space-between;width:100%}.red-span{color:red}.created-on-p{color:#a1a2a3;font-size:1rem}.task-details-description-main-body{color:var(--description-text-color);flex-grow:1;font-size:1.6rem;font-weight:400;margin:3rem 0}.task-details-description-main-body ol{padding:2rem}.task-details-description-buttons{align-items:center;display:flex;justify-content:right}.task-details-description-buttons button{margin:0 .5rem}@media (max-width:576px){.task-details-description{overflow-y:auto}.task-details-description-heading img{border-radius:.8rem;height:17.69rem;width:17rem}.task-details-title-container{display:flex;flex-direction:column-reverse;width:100%}}.non-existent-page-main{align-items:center;display:flex;flex-direction:column;font-size:5rem;font-weight:bolder;height:100vh;justify-content:center}.non-existent-page-main button{padding:1rem;text-decoration:none;width:auto}.non-existent-page-main button a{color:#fff}.taskCategories-main{border-radius:.8rem;margin:0 4rem 2rem 0}.taskCategories-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem;width:100%}.taskCategories-header-h3{font-size:2.4rem;font-weight:semi-bold;position:relative}.taskCategories-header-h4{position:relative}.taskCategories-header-h3:after{background-color:var(--button-orange-background-color);bottom:-.5rem;content:"";height:3px;left:0;position:absolute;width:40px}.taskCategories-header-p{padding:0 2rem}.add-category-button{color:#fff;margin:.2rem 0;padding:1rem 2rem;width:auto}.taskStatus-section{padding:0 2rem 2rem;width:100%}.taskStatus-header-p{align-items:center;display:flex;justify-content:space-between}.add-taskStatus-span{align-items:center;cursor:pointer;display:flex;gap:.5rem}.add-taskStatus-span span{color:var(--text-ash-color)}.taskStatus-table{border:1px solid var(--section-border-color);border-radius:.8rem;box-shadow:.2rem .4rem .4rem var(--box-shadow);margin-top:1rem;width:100%}tr{text-align:center}tr :last-child{border-right:none}th{border-bottom:1px solid var(--section-border-color)}td,th{border-right:1px solid var(--section-border-color);margin:0;padding:1rem}.priority-section{margin-top:2rem}.taskStatus-table tbody tr td:first-child,.taskStatus-table thead tr th:first-child{text-align:center;width:5rem}.action-td{text-wrap:none;border-right:none;display:inline-flex;max-width:15rem;padding:.2rem 0}.action-td,.action-td button{align-items:center;justify-content:center}.action-td button{border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;margin:0 .2rem;padding:.1rem 1rem;width:auto}.add-new-category-container{padding:2rem}.add-new-category-container input{border-radius:.6rem;height:3.7rem;margin-bottom:3rem;width:51.1rem}.create-category-form-buttons{display:flex;gap:1rem}.create-category-form-buttons button{background-color:var(--button-orange-background-color);color:#fff;height:3.4rem;width:13.1rem}@media (max-width:576px){.taskCategories-main{margin:1rem}.taskCategories-header{padding:.5rem}.taskCategories-header-p{padding:0 .5rem}.taskStatus-section{padding:0 .5rem 2rem;width:100%}}.account-main{align-items:flex-start;display:flex;flex-direction:column;justify-content:left;margin:0 4rem 1rem 1rem;padding:2rem}.success-message{color:var(--success-message-color)}.error-message{color:var(--error-message-color)}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.account-header-h3{font-family:Inter,sans-serif;font-size:2.4rem;font-weight:semi-bold;position:relative}.account-header-h3:after{background-color:var(--button-orange-background-color);bottom:-.5rem;content:"";height:3px;left:0;position:absolute;width:60px}.go-back-div{color:var(--primary-color);cursor:pointer;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:400;text-decoration:underline}.account-info-image{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:2rem;font-weight:semi-bold;gap:1rem;justify-content:left;margin-bottom:2rem;width:100%}.account-name-email{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:400}.form-toggle-buttons{flex-grow:1;height:100%;width:100%}.account-form,.form-toggle-buttons{display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:semi-bold}.account-form{gap:.5rem}.account-form-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:51.1rem}.account-form-group input{background:#0000;border:1px solid var(--section-border-color);border-radius:.6rem;height:3.7rem;width:100%}.account-form-group-buttons{align-items:center;display:flex;gap:2rem;justify-content:left;margin:2rem 0}.account-form-group-buttons button{background-color:var(--button-orange-background-color);color:var(--static-white-color);padding:1rem;transition:transform .5s ease-in-out;width:auto}.change-password-button a{color:var(--static-white-color)}.animate-left{animation:moveBack 2s ease-in-out}.animate-right{animation:moveFront 2s ease-in-out}@keyframes moveBack{0%{transform:translateX(0)}50%{transform:translateX(20px)}to{transform:translateX(0)}}@keyframes moveFront{0%{transform:translateX(0)}50%{transform:translateX(-20px)}to{transform:translateX(0)}}@media (max-width:576px){.account-main{margin:0 1rem 1rem;padding:1rem}.account-form,.account-form-group{width:100%}.account-name-email{font-size:1.2rem}}
/*# sourceMappingURL=main.78de6ce9.css.map*/