@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Courgette&family=Kanit&family=Pacifico&family=Satisfy&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mende+Kikakui&family=Poppins:wght@400;500;600;700;800&family=Ysabeau+SC:wght@500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mende+Kikakui&family=Roboto&display=swap";.App{min-width:none}header{background-color:#0b3954;color:#b7d7ea;padding:20px;height:28px;font-family:Work Sans,HelveticaNeue,Helvetica Neue,sans-serif;line-height:1.3}nav{display:flex;align-items:center;justify-content:flex-end}nav a .AppTitle{font-family:Poppins,sans-serif;font-weight:500;font-size:36px;position:absolute;top:10px;left:6%;color:#eee0e0}.image{position:absolute;left:15px;top:15px;width:70px;height:34px;cursor:pointer;filter:brightness(.1) invert(1);object-fit:contain}.header-ul{display:flex;list-style-type:none;text-decoration:none;justify-content:center;align-items:center;margin:0;padding:0}li{margin:0 10px}ul a li{text-decoration:none;color:#f0f6f9;font-weight:700;font-size:18px;transition:color .3s ease;position:relative}ul a{text-decoration:none}ul a li:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#424242;transform:scaleX(0);transition:transform .3s ease}ul a li:hover{color:#fff}ul a li:hover:after{transform:scaleX(1)}.icons{display:flex;align-items:center}.icon{margin-left:10px;color:#fff;font-size:20px}.svg-icon{width:20px;height:22px;margin:0 5px;fill:#b7d7ea;cursor:pointer}header>nav .active{color:#2f2f33!important}.header-login nav{justify-content:center}@media screen and (min-width: 1900px){nav a .AppTitle{font-family:Poppins,sans-serif;font-weight:500;font-size:36px;position:absolute;top:10px;left:4.5%;color:#eee0e0}}@media screen and (max-width: 740px){.AppTitle{display:none}}footer{max-height:3vh;background-color:#0b3954;color:#f0f6f9;padding:20px;text-align:center}footer p{margin:5px 0;font-size:14px}footer p:first-child{font-weight:700}.LandingPage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:81.5vh;background-color:#c7ecff;box-sizing:border-box}.Information{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}#motto,#LogoText{color:#3d3d3d;margin:0;padding:0}#LogoText{margin-bottom:30px}#loginBtn,#registerBtn{display:inline-block;width:110px;height:25px;padding:7px;border-radius:6%;background-color:#0b3954;color:#bfd7ea;font-size:14px;text-decoration:none;cursor:pointer;font-family:inherit;font-weight:600;transition:background-color .3s ease;margin:15px;text-align:center}#loginBtn:hover,#registerBtn:hover{background-color:#fff;color:#0b3954}.Buttons{text-align:center;line-height:25px}.Metrics{display:flex;flex-direction:row;align-items:center;margin-top:0}.Metric{display:flex;flex-direction:column;background-color:#0b3954;border-radius:8px;padding:20px;width:140px;margin:60px;height:170px}.Metric h3{font-size:18px;margin-bottom:10px;color:#f0f6f9}.Metric a{color:#3999ff;text-decoration:none;padding-top:20px}.Metric a:hover{text-decoration:none}@media screen and (min-width: 1900px) and (max-width: 1920px){.LandingPage{display:flex;flex-direction:column;justify-content:center;align-items:center;height:87vh;background-color:#b7d7ea;box-sizing:border-box}.Information{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}#motto,#LogoText{font-size:26px;color:#3d3d3d;margin:0;padding:0}#LogoText{margin-bottom:30px;font-size:38px}.logo>img{min-height:100px;min-width:150px;margin-bottom:20px}#loginBtn,#registerBtn{display:inline-block;width:130px;height:30px;padding:7px;border-radius:8px;background-color:#0b3954;color:#bfd7ea;font-size:16px;text-decoration:none;cursor:pointer;font-family:inherit;font-weight:600;transition:background-color .3s ease-in-out;margin:50px 10px 10px;text-align:center}#loginBtn:hover,#registerBtn:hover{background-color:#f0f8ff;color:#0b3954}.Buttons{text-align:center;line-height:30px}}.MainContainer{margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:81.6vh;font-family:Jost,sans-serif;background-color:#bfd7ea}.main{width:300px;height:450px;background:red;overflow:hidden;background:url(https://doc-08-2c-docs.googleusercontent.com/docs/securesc/68c90smiglihng9534mvqmq1946dmis5/fo0picsp1nhiucmc0l25s29respgpr4j/1631524275000/03522360960922298374/03522360960922298374/1Sx0jhdpEpnNIydS4rnN4kHSJtU1EyWka?e=view&authuser=0&nonce=gcrocepgbb17m&user=03522360960922298374&hash=tfhgbs86ka6divo3llbvp93mg4csvb38) no-repeat center/cover;border-radius:10px;box-shadow:5px 20px 50px #000;margin-bottom:30px;overflow:1}#chk{display:none}.signup{position:relative;width:100%;height:100%}label{color:#0b3954;font-size:2.3em;justify-content:center;display:flex;margin:95px;font-weight:700;cursor:pointer;transition:.5s ease-in-out}#signUpLabel{color:#0b3954;font-size:2.3em;justify-content:center;display:flex;margin:35px;font-weight:700;cursor:pointer;transition:.5s ease-in-out;border-bottom:2px solid #0b3954;border-radius:60%/30%}input{width:60%;height:20px;background:white;justify-content:center;display:flex;margin:15px auto;padding:10px;border:none;outline:none;border-radius:5px}button{width:60%;height:40px;margin:20px auto 10px;justify-content:center;display:block;color:#fff;background:#0b3954;font-size:1em;font-weight:700;outline:none;border:none;border-radius:5px;transition:.2s ease-in;cursor:pointer}#loginButton{width:60%;height:40px;margin:20px auto 10px;justify-content:center;display:block;color:#fff;background:#bfd7ea;font-size:1em;font-weight:700;outline:none;border:none;border-radius:5px;transition:.2s ease-in;cursor:pointer}button:hover{background:#6d44b8}button>a{text-decoration:none}.login{height:460px;background:#0b3954;border-radius:60%/10%;transform:translateY(-180px);transition:.8s ease-in-out}.login label{color:#fff;transform:scale(.6)}#chk:checked~.login{transform:translateY(-500px)}#chk:checked~.login label{transform:scale(1)}#chk:checked~.signup label{transform:scale(.6)}@media screen and (min-width: 1920px){.main{width:320px;height:470px}.MainContainer{min-height:86.7vh}}.WorkSession{display:flex}.workSessionContent{min-width:900px;display:flex;flex-direction:column;padding:50px 80px;gap:5px;align-items:center;color:#4b4848}.Headings>h2{font-size:28px;display:flex;padding:10px;gap:10px;flex-direction:column;align-items:center;color:#4b4848}.add-task-button{background-color:transparent;color:#007bff;border:2px solid #007bff;padding-block:6px;border-radius:5px;cursor:pointer;width:140px;min-height:45px;text-align:center;justify-content:center;align-items:center;display:flex;margin-right:20px;font-size:12px;font-weight:700}section{margin-bottom:20px}section h3{margin-top:0}.taskList{list-style-type:none;padding:0;flex-direction:column}.taskList.tasks{display:flex;flex-direction:column;align-items:flex-start}.taskList li{width:950px;border-bottom:1px solid #ccc;padding:5px;position:relative}.taskList.tasks li:last-child{border-bottom:none}.taskList.tasks li button.add-task-button{background-color:transparent;color:#28a745;border:2px solid #28a745;padding:5px 10px;border-radius:5px;cursor:pointer}.more-details{position:absolute;top:0;right:0;display:flex;align-items:center}.more-details:after{margin-right:0}.subTaskList{list-style-type:none;padding:0;margin-top:10px;margin-left:20px;display:flex;flex-direction:column}.subTaskList li{padding:5px 0}.subTaskList li:after{content:"";width:1px;height:calc(100% + 14px);background-color:#ccc;position:absolute;left:-35px;top:-7px}.subTaskList .subTaskBullet{width:24px;height:24px;border:2px solid #ccc;border-radius:50%;background-color:transparent;position:absolute;left:-40px;top:50%;transform:translateY(-50%)}.more-details{margin-top:5px}section h3 svg{margin-right:10px;fill:#425242}.taskList li .taskBullet svg{margin-right:10px}.subTaskList li svg{margin-right:10px}.Headings{display:flex;flex-direction:column;margin-bottom:15px}.add-task-button{margin-top:0}.Headings h3{margin-bottom:1px}.add-task-button:hover{color:#fff}.notfiicationBell svg{height:40px}.notfiicationBell{position:absolute;top:6;right:10%}section ul li{transition:transform .3s,background-color .3s}section ul li:hover{background-color:#f5f5f5;transform:scale(1.05)}.popupContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080}.popupContainer form{background-color:#fff;padding:30px;min-width:700px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.popupContainer .form-group{margin-bottom:10px}.popupContainer label{display:block;font-weight:700;margin-bottom:5px}.popupContainer input[type=text],.popupContainer input[type=date]{width:97.5%;padding:8px;border:1px solid #ccc;border-radius:4px}.popupContainer select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.popupContainer input[type=submit]{display:block;width:100%;padding:10px;border:none;background-color:#4caf50;color:#fff;font-size:16px;font-weight:700;text-align:center;border-radius:4px;cursor:pointer}.popupContainer input[type=submit]:hover{background-color:#45a049}.popupContainer input[type=text]:focus,.popupContainer input[type=date]:focus{outline:none;border-color:#2196f3}.forma{min-width:450px;max-height:700px;padding:20px;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;overflow-y:auto;max-height:80vh}.notificationBell svg{position:absolute;top:17%;right:10%;height:30px}.forma>.form-group>label{padding:0;margin:10px}.formButtons{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:400px}.formButtons button{margin:20px}.form-group{width:80%}.subtask-input-container{display:flex;align-items:baseline}.remove-subtask-button{flex:1;margin-left:10px}.input-subtask{flex:6}.add-subtask-button{width:100%}.ButtonsAdd{display:flex}.TaskSectionContainer{display:flex;flex-direction:column;align-items:flex-start;min-width:1000px;padding-top:10px}@media screen and (min-width: 1600px) and (max-width: 1920px){.WorkSession{min-height:87vh;background-color:#f2f2f2}.TaskSectionContainer{display:flex;flex-direction:column;align-items:flex-start;min-width:1580px;padding-top:10px}.popupContainer form{background-color:#fff;min-width:80vh;padding:25px;border-radius:4px;box-shadow:0 2px 4px #0000001a}.notificationBell svg{position:absolute;top:12%;right:4%;height:34px}.workSessionContent{min-width:1500px;display:flex;flex-direction:column;padding:50px 80px;gap:10px;align-items:center}.Headings>h2{font-size:32px;display:flex;padding:10px;gap:10px;flex-direction:column;align-items:center}.add-task-button{background-color:transparent;color:#007bff;border:2px solid #007bff;padding-block:6px;border-radius:5px;justify-content:center;align-items:center;cursor:pointer;width:180px;min-height:50px;text-align:center;display:flex;margin:15px;font-size:16px;font-weight:700}}@media screen and (min-width: 700px) and (max-width: 820px){.WorkSession{display:flex}.workSessionContent{width:600px}.taskSections{flex-wrap:wrap}.popupContainer{position:fixed;top:67px;left:140px;bottom:0;min-width:450px;max-height:700px;width:680px;height:1160px;display:flex;align-items:center;justify-content:center;background-color:#00000080}.popupContent{position:fixed;width:450px;display:flex;flex-direction:column;align-items:center}.popupContent div{display:flex;flex-direction:column;align-items:center}.popupContent ul{display:flex;margin:5px;padding:5px;flex-direction:column;align-items:center;justify-content:center}.popupContent li{display:flex;flex-direction:column;align-items:center;justify-content:center}.popupContent button{width:100px}.popupContent h3{font-size:24px}}@media screen and (max-width: 370px){.sidebar{width:15px}}.sidebar{width:200px;background-color:#087e8b;padding:20px;display:flex;flex-direction:column;min-height:95vh}.sidebar a{display:block;color:#bfd7ea;text-decoration:none;padding:10px}.sidebar a:hover{color:#ccc}.sidebar a.active{color:#9ea2c5}@media screen and (min-width: 1900px) and (max-width: 1920px){.sidebar{width:200px;background-color:#087e8b;padding:20px;display:flex;flex-direction:column;min-height:82vh}}.TaskSectionContainer :hover{color:#8854d0;border-radius:5px;cursor:pointer;transition:.2s ease-in-out}.TaskSectionContainer .selectedText{list-style:circle}.selectedText{position:absolute;color:#fff;z-index:-1}.TaskSectionContainer li{padding:8px}.TaskSectionContainer h3{margin:4px}.TaskSectionContainer li:hover{color:#8854d0;border-radius:5px;cursor:pointer;transition:.2s ease-in-out}.TaskSectionContainer .taskList li:before{content:"•";display:inline-block;width:1em;margin-left:-1em}.TaskSectionContainer .subTaskList li:before{content:"•";display:inline-block;width:1em;margin-left:-1em}.smallResultModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.smallResultModalContent{background-color:#f0f8ff;padding:20px;border-radius:5px;min-width:300px;min-height:200px;text-align:center}.popupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.popupContent{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 6px #0000004d;min-width:450px;max-height:700px;overflow-y:scroll}.closeBtn{display:flex;justify-content:flex-end;align-items:center;min-width:720px;height:50px;margin-top:5px}.popupCloseBtn{display:flex;align-items:center;background-color:transparent;font-weight:800;font-size:24px;margin:0;padding:0;max-width:50px;max-height:40px}.popupContentDetails{display:flex;min-width:350px;flex-direction:column;align-items:center}.popupContent h3{font-size:24px;margin-bottom:10px}.popupContent p{margin-bottom:10px}.popupContent h4{font-size:18px;margin-bottom:10px}.popupContent ul{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0;list-style:none}.popupContent li{margin-bottom:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.popupContent textarea{display:flex;flex-direction:column;padding:15px;min-height:50px;min-width:220px}.popupContent button{color:#fff;width:130px;padding:5px 10px;border:none;border-radius:4px;cursor:pointer;margin-right:20px;margin-left:20px}.ButtonsPopUp{display:flex}.disabled-li{opacity:.5}@media screen and (max-width: 600px){.popupContent{max-width:90%}}.resultModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.resultModalContent{background-color:#f0f8ff;padding:20px;border-radius:5px;min-width:300px;min-height:200px;text-align:center}.bar-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;width:900px;margin-top:0;padding:90px 160px}.bar-chart h2{font-size:32px;margin:0 0 0 160px;padding:0 0 40px}.toggleChartBtn{background-color:#0b3954;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:5px;padding:5px 10px;width:65%;display:block;min-height:40px;margin-left:235px;transition:.2s ease-in;cursor:pointer}@media screen and (min-width: 1600px) and (max-width: 1920px){.bar-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;width:1000px;margin-top:0;padding:100px 200px}.bar-chart h2{font-size:36px;margin:0 0 0 160px;padding:0 0 40px}.toggleChartBtn{background-color:#0b3954;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:5px;padding:5px 10px;width:65%;display:block;min-height:40px;margin-left:250px;transition:.2s ease-in;cursor:pointer}}.StatisticsMain{display:flex;background-color:#f2f2f2;color:#4b4848}@media screen and (min-width: 1600px) and (max-width: 1920px){.StatisticsMain{background-color:#f2f2f2;display:flex;min-height:86.7vh}}.RemindersMain{display:flex}.reminders-container{padding:20px}.reminders-list{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:32px}.reminder-card{min-height:100px;min-width:80px;background-color:#0b3954;color:#b7d7ea;font-weight:400;line-height:1.3;border-radius:5px;padding:10px;display:flex;flex-direction:column;aspect-ratio:1;justify-content:space-between}.reminders-container h1{color:#4b4848;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.reminders-container h1 svg{left:48.5%;top:16%;width:40px}.reminder-title{margin-bottom:10px}.reminder-delete-btn{background-color:#087e8b;border:none;padding:5px 10px;cursor:pointer;min-width:fit-content;min-height:fit-content}.reminder-delete-btn:hover{background-color:#087e8b;color:#ccc}.polite-message{color:#4b4848;text-align:center;margin-bottom:30px}@media screen and (min-width: 1600px) and (max-width: 1920px){.RemindersMain{display:flex;min-height:87vh}.reminders-container{padding:20px;display:flex;flex-direction:column;align-items:center}.reminders-container h1{color:#4b4848;margin:18px;display:flex;justify-content:center;align-items:center}.reminders-list{list-style-type:none;padding:0 60px;display:grid;grid-template-columns:repeat(5,235px);grid-gap:70px}.reminder-card{background-color:#0b3954;color:#b7d7ea;font-weight:400;line-height:1.3;border-radius:5px;padding:15px;display:flex;flex-direction:column;align-items:center;aspect-ratio:1;justify-content:space-between}.reminder-title{margin-bottom:10px}.reminder-delete-btn{background-color:#087e8b;border:none;padding:5px 10px;cursor:pointer}.reminder-delete-btn:hover{background-color:#087e8b;color:#ccc}.reminders-container h1 svg{left:48.5%;top:10.9%;width:40px}}@media screen and (min-width: 620px) and (max-width: 918px){.reminders-list{grid-template-columns:repeat(3,1fr);grid-gap:20px}}@media screen and (max-width: 620px){.reminders-list{grid-template-columns:repeat(1,1fr);grid-gap:20px}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.ProductivityTips{display:flex;background-color:#f2f2f2}.TipsContent{flex:1;max-width:800px;max-height:450px;padding:20px;background-color:#f2f2f2;box-shadow:0 2px 5px #0000001a;border-radius:5px;margin:70px 70px 70px 150px}.TipsContent h1{font-size:32px;color:#4b4848;text-align:center;margin-bottom:20px}.TipsContent p{font-size:18px;line-height:1.5;color:#666;margin-bottom:20px}.TipsContent ul{list-style-type:disc;margin-left:30px;margin-bottom:20px}.TipsContent li{font-size:16px;line-height:1.5;color:#4b4848}@media screen and (min-width: 1600px) and (max-width: 1920px){.ProductivityTips{background-color:#f2f2f2}.TipsContent{flex:1;min-width:1200px;max-height:75vh;margin:40px auto;background-color:#f2f2f2;box-shadow:0 2px 5px #0000001a;border-radius:5px}.container{min-height:670px;min-width:1100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.TipsContent h1{font-size:32px;color:#4b4848;text-align:center;margin-bottom:20px}.TipsContent p{font-size:22px;line-height:1.5;color:#666;margin-bottom:20px}.TipsContent ul{list-style-type:disc;color:#4b4848;margin-left:30px;margin-bottom:20px}.TipsContent li{font-size:18px;line-height:1.5;color:#4b4848}.links{font-size:16px;display:inline-block;background-color:#087e8b;color:#fff;text-decoration:none;padding:10px 20px;margin:0 0 25px 10px;border-radius:5px;transition:background-color .3s ease}.links:hover{color:#ccc}}@media screen and (max-width: 980px){.TipsContent{flex:1;width:30%;min-height:auto;margin:5px;background-color:#fff;box-shadow:0 2px 5px #0000001a;border-radius:5px}}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{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-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.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}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.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__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.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}.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:white;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:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.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:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text: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:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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--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:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range: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:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected: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:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem}.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__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}.DatePickingPageContainer{display:flex;height:101vh}.DatePickingPage{color:#4b4848;display:flex;flex:1;flex-direction:column;align-items:center;padding:20px;background-color:#f2f2f2;box-shadow:0 2px 5px #0000001a;border-radius:10px}.DatePickerContainer{margin-bottom:20px}.custom-calendar{width:100%;max-width:400px;background:#fff;border:none;font-family:Arial,sans-serif}.custom-day{color:#333}.TasksContainer{flex:1;width:100%;max-width:500px;display:flex;justify-content:center;margin-top:20px}.TasksContainer h2{font-size:22px;margin-bottom:20px}.TasksContainer p{font-size:18px;color:#666;margin-bottom:20px}.TasksContainer ul{list-style-type:none;padding:0;margin-bottom:20px;display:flex;flex-direction:column}.TasksContainer li{font-size:16px;line-height:1.5;color:#333;padding:10px;background-color:#fff;border-radius:5px;margin-bottom:10px;box-shadow:0 2px 5px #0000001a}.AddTaskContainer{display:flex;align-items:baseline}.AddTaskContainer input{height:40px;padding:0 10px;font-size:16px;border:.5px solid #ccc;border-radius:5px 0 0 5px;margin-top:19px;color:#4b4848}.AddTaskButton{height:40px;padding:0 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer}.AddTaskButton:hover{background-color:#0056b3}.AddTaskContainer>input{min-width:300px}.TasksContainer ul li{width:600px;height:30px}.DeleteTaskButton{width:50px;margin:20px auto}.DatePickingPageContainer{display:flex;height:100vh}.DatePickingPage{display:flex;flex:1;flex-direction:column;align-items:center;padding:20px;background-color:#f2f2f2;box-shadow:0 2px 5px #0000001a;border-radius:10px;overflow:auto}.react-datepicker-wrapper{margin:0}.TasksContainer ul{position:relative;padding:0;margin-bottom:20px}.TasksContainer ul li{display:flex;align-items:center;font-size:16px;line-height:1.5;color:#333;padding:px;background-color:#fff;border-radius:5px;margin-bottom:10px;box-shadow:0 2px 5px #0000001a}.TasksContainer ul li span{flex:1}.DeleteTaskButton{align-content:center}.sidebar{width:200px;background-color:#087e8b;padding:20px;display:flex;flex-direction:column}.input-alert{border:2px solid black}.alert-bubble{border:1px solid black;position:absolute;top:300px;z-index:1;background-color:#fff;color:#000;padding:7px;border-radius:10px;font-size:12px}#addTasksTitle{font-size:28px;margin:25px 0 0;padding:0}@media screen and (min-width: 1600px) and (max-width: 1920px){.DatePickingPageContainer{display:flex;max-height:86.55vh}.DatePickingPage{display:flex;flex:1;flex-direction:column;align-items:center;padding:20px;gap:20px;background-color:#f2f2f2;box-shadow:0 2px 5px #0000001a;border-radius:10px}.react-datepicker__input-container{margin:10px 0 0;width:200px}.react-datepicker__input-container input{display:flex;justify-content:center;border:.5px solid #ccc;border-radius:5px 0 0 5px;color:#4b4848}.react-datepicker__input-container :hover{cursor:pointer}.DatePickingPage h2{font-size:32px}.DatePickerContainer{margin-bottom:20px}.custom-calendar{width:100%;max-width:400px;background:#fff;border:none;font-family:Arial,sans-serif}.custom-day{color:#333}.TasksContainer{flex:1;width:100%;max-width:500px;display:flex;justify-content:center}.TasksContainer h2{font-size:24px;margin-bottom:20px;font-weight:500}.TasksContainer p{font-size:18px;color:#666;margin-bottom:20px}.TasksContainer ul{list-style-type:none;padding:0;margin-bottom:20px;display:flex;flex-direction:column}.TasksContainer li{font-size:16px;line-height:1.5;color:#333;padding:10px;background-color:#fff;border-radius:5px;margin-bottom:10px;box-shadow:0 2px 5px #0000001a}.AddTaskContainer{display:flex;align-items:baseline;min-width:620px}.AddTaskButton{min-height:48px;padding:0 20px;font-size:16px;background-color:#007bff;color:#fff;border:.5px solid #007bff;border-radius:0 5px 5px 0;cursor:pointer}.AddTaskButton:hover{background-color:#0056b3}.AddTaskContainer>input{min-height:46px;min-width:450px;padding:0 10px;font-size:16px;border:.5px solid #ccc;border-radius:5px 0 0 5px;margin-top:19px}.TasksContainer ul li{width:600px;height:30px}.DeleteTaskButton{width:50px;margin:5px 0}.DatePickingPageContainer{display:flex;height:100vh}.DatePickingPage{display:flex;flex:1;flex-direction:column;align-items:center;padding:20px;background-color:#f2f2f2;box-shadow:0 2px 5px #0000001a;border-radius:10px;overflow:auto}.react-datepicker-wrapper{margin:0}.TasksContainer ul{position:relative;padding:0;margin-bottom:20px}.TasksContainer ul li{display:flex;align-items:center}}@media screen and (max-width: 725px){.AddTaskContainer{display:flex;flex-direction:column}}.AboutUs{display:flex;background-color:#f8f8f8}.AboutUsContent{color:#4b4848;flex:1;padding:30px;max-height:600px;background-color:#f8f8f8;border-radius:10px}.title{font-size:32px;color:#4b4848;margin-bottom:10px}.description{font-size:16px;line-height:1.5;color:#666;margin-bottom:20px}.section{display:flex;align-items:center;margin-bottom:40px}.pics{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background-color:#1787ff;border-radius:50%;margin-right:30px;box-shadow:0 2px 5px #0000001a;animation:pulse 2s infinite}.pics svg{font-size:48px;color:#fff}.content-container{flex:1}.pics .lightbulb-icon{color:#f6b93b}.pics .chart-icon{color:#d2dae2}.pics .users-icon{color:#242424}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media screen and (min-width: 1600px) and (max-width: 1920px){.AboutUs{display:flex;max-height:86.55vh;background-color:#f8f8f8}.AboutUsContent{display:flex;flex-direction:column;gap:20px;padding:80px 20px 60px 80px;min-height:71vh;background-color:#f8f8f8;border-radius:10px}.title{font-size:36px;color:#4b4848;margin:10px 0 20px}.description{font-size:18px;line-height:1.5;color:#666;margin-bottom:20px}.section{display:flex;align-items:center;margin-bottom:50px}.pics{position:relative;display:flex;align-items:center;justify-content:center;width:130px;height:130px;background-color:#007bff;border-radius:50%;margin-right:35px;box-shadow:0 2px 5px #0000001a;animation:pulse 2s infinite}.pics svg{font-size:50px;color:#fff}.content-container{flex:1}.pics .lightbulb-icon{color:#f6b93b}.pics .chart-icon{color:#d2dae2}.pics .users-icon{color:#242424}}.ContactUs{display:flex;background-color:#f2f2f2}.contact-content{flex:1;padding:20px;width:600px;margin:0 auto;box-sizing:border-box}.contact-content h1{font-size:30px;margin-bottom:20px;color:#4b4848;text-align:center}.contact-info{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:20px;margin-bottom:30px}.contact-item:nth-child(3){grid-column:1 / span 2}.contact-item{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#f2f2f2;border-radius:5px}.contact-icon{font-size:24px;margin-right:10px;color:#567da7}.contact-info p{font-size:16px;margin:0;color:#333}.contact-form{padding:20px;border-radius:5px;background-color:#f2f2f2}.contact-form form{width:100%}.form-title{text-align:center;font-size:24px;margin-bottom:20px;color:#4b4848}.form-input{width:30%;padding:10px;border:1px solid #ccc;border-radius:5px;outline:none;margin-bottom:15px}.contact-form button{width:100%;max-width:300px;height:45px;background-color:#057eff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-size:18px}.contact-form button:hover{background-color:#000}.social-media{margin-top:30px;text-align:center}.social-media h3{font-size:20px;margin-bottom:10px;color:#4b4848}.social-icons{display:flex;justify-content:center}.social-icon{font-size:24px;color:#4a69bd;margin-right:10px}.social-icons a{text-decoration:none}.social-icons a:hover{color:#007bff;opacity:1}@media screen and (min-width: 1600px) and (max-width: 1920px){.ContactUs{background-color:#f2f2f2}.contact-content{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;padding:10px;min-width:700px;max-width:800px;margin:0 auto;box-sizing:border-box;max-height:fit-content}.contact-content h1{font-size:32px;margin:20px 0;color:#4b4848}.contact-form{width:600px;height:300px;background-color:#f2f2f2}.contact-item{display:flex;justify-content:center;background-color:#f2f2f2}.contactUs-btn{width:180px;height:48px}.form-input{display:flex;justify-content:center}}.UserInfoPage{display:flex;height:100vh;background-color:#f8f8f8}.UserInfoPage-content{flex:1;padding:20px}.profile-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:30px;display:flex;flex-direction:column;align-items:center}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.social-icons{display:flex;align-items:center}.social-icon{font-size:24px;fill:#572b9e;margin-right:10px;margin-top:30px}.profile-details{display:flex;align-items:center}.profile-picture img{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-right:30px;box-shadow:0 2px 4px #0000001a}.profile-info{font-size:18px}.profile-info h2{font-size:24px;margin-bottom:10px}.profile-info p{margin-bottom:5px}.additional-info-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:30px;margin-top:30px}.additional-info-section h2{font-size:24px;margin-bottom:20px;display:flex;align-items:center}.info-icon{font-size:24px;margin-right:10px;color:#333}.info-item{display:flex;align-items:center;margin-bottom:10px}.info-item p{font-size:16px;color:#666;margin-left:10px}.blog-article-content__content{flex:1;padding:20px;background-color:#fff;box-shadow:0 2px 5px #0000000d;border-radius:5px;margin:30px 30px 30px 60px;max-height:fit-content}.blog-article-content__content h1{font-size:28px;color:#333;font-weight:900;text-align:center;margin-bottom:30px}.icon{fill:#0068a5e0}.icon-container{display:flex;flex-direction:row;margin-left:500px;margin-bottom:20px}.blog-article-content__content p{font-size:18px;line-height:1.5;color:#272727;margin-bottom:20px}.blog-article-content__content ul{list-style-type:disc;margin-left:30px;margin-bottom:20px}.blog-article-content__content li{font-size:16px;line-height:1.5;color:#1d1d1d}.links{display:inline-block;background-color:#087e8b;color:#bfd7ea;text-decoration:none;padding:10px 20px;border-radius:5px;transition:background-color .3s ease}.links:hover{color:#ccc}.splide-wrapper .splide__slide:not(.is-active){visibility:hidden;position:absolute;top:0;left:0;width:100%}.check-out-text{text-align:center;color:#000;font-weight:900}td{border:1px solid black}td>p:not(:last-child){border-bottom:1px solid black}@media screen and (min-width: 1900px) and (max-width: 1920px){.blog-article-content__content{flex:1;min-width:1600px;min-height:700px;margin:80px auto;background-color:#fff;box-shadow:0 2px 5px #0000001a;border-radius:5px}.icon-container{display:flex;flex-direction:row;margin-left:690px;margin-bottom:20px}.container{min-height:670px;min-width:1100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;margin:10px;padding:0 0 0 30px}.blog-article-content__content h1{font-size:32px;color:#333;text-align:center;margin-bottom:20px}.blog-article-content__content p{font-size:22px;line-height:1.5;color:#666;margin-bottom:20px}.blog-article-content__content ul{list-style-type:disc;margin-left:30px;margin-bottom:20px}.blog-article-content__content li{font-size:18px;line-height:1.5;color:#333}.links{font-size:16px;display:inline-block;background-color:#087e8b;color:#bfd7ea;text-decoration:none;padding:10px 20px;margin:0 0 25px 10px;border-radius:5px;transition:background-color .3s ease}.links:hover{color:#ccc}}.blog-article-content__content .splide__arrows{display:flex;position:relative;align-items:center;justify-content:center}button.splide__pagination__page{background-color:#0b3954}.splide__pagination .splide__pagination--ltr{position:relative}@media screen and (max-width: 980px){.blog-article-content__content{flex:1;min-height:auto;margin:5px 5px 5px 50px;background-color:#fff;box-shadow:0 2px 5px #0000001a;border-radius:5px}.icon-container{display:flex;flex-direction:row;justify-content:center;margin-left:30px;margin-bottom:20px}}.not-found-page{min-height:95vh;background-color:#bfd7ea;padding:30px}.not-found-page-heading{text-align:center}.not-found-page-heading h2{margin:0;font-size:35px;padding-top:20px;font-weight:400}.not-found-page-heading p{font-size:18px;font-weight:400}body{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans Mende Kikakui,sans-serif;font-family:Roboto,sans-serif}.page{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in-out,transform .3s cubic-bezier(.175,.885,.32,1.275)}.page-enter{opacity:0;transform:scale(.95)}.page-enter-active,.page-exit{opacity:1;transform:scale(1)}.page-exit-active{opacity:0;transform:scale(1.05)}