.login-main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100wh;background:linear-gradient(to bottom,#f9f9f9,#f6f6f7)}.login-logo{display:flex;width:100%;justify-content:center;font-size:medium;font-weight:600;gap:1rem}.login-name{font-family:Monoton,serif;cursor:pointer}.login-bmain{display:flex;width:100%;height:80%;align-items:center;justify-content:center}.login-div{height:60%;width:50%;display:flex;flex-direction:column;border-left:1px solid black}.login-tagline{display:flex;flex-direction:column;align-items:center;width:50%}.login-tagLineText{display:flex;flex-direction:row;align-items:center;font-size:3rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.login-tagLineText p{color:#0606d9;margin:0rem .8rem}.passwordInput-lableDiv{display:flex;align-items:center;gap:.5rem}.userInput-div,.passwordInput-div{display:flex;flex-direction:column;margin:1em;font-weight:600;gap:.5em}.password-input,.username-input{width:30%;height:2rem;border-radius:.5rem;border:1px solid rgb(214,213,213);background:transparent;font-weight:500;padding:.4rem}.loginBtn-div{display:flex;width:50%;margin:1rem;gap:2rem;align-items:center}.loginBtn{border:transparent;padding:1rem;width:fit-content;font-weight:600;box-shadow:0 2px 4px #0000001a;cursor:pointer}@media only screen and (max-width:1200px){.login-bmain{flex-direction:column;gap:2rem}.login-tagline{font-size:.5rem}.login-div{width:fit-content;border:transparent;border-top:2px solid black}.password-input,.username-input{width:90%}.loginBtn-div{width:100%}.login-tagLineText{font-size:2rem;text-align:center}.login-tagLineText{flex-direction:column}}.landing-main{display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;background:linear-gradient(to bottom,#f9f9f9,#f6f6f7);overflow:hidden}.landing-page{width:70%;height:100%}.landing-bar{display:flex;padding:1rem;align-items:center;justify-content:space-between}.landing-logo{display:flex;font-size:medium;font-weight:600;gap:1rem}.landing-name{font-family:Monoton,serif}.landing-login{display:flex}.landing-loginBtn{border:transparent;background:transparent;font-weight:600;cursor:pointer}.landing-headline{display:flex;flex-direction:column;width:100%;height:80%;align-items:center;justify-content:center}.landing-headlineMain{font-size:3rem}.landing-secondaryLine{font-weight:400}.landing-signup{margin-top:2rem}.landing-signBtn{border:transparent;padding:1rem;font-weight:600;box-shadow:0 2px 4px #0000001a;cursor:pointer}.landing-footer{display:flex;align-items:center;justify-content:space-between;color:#2c3238;text-transform:capitalize}@media only screen and (max-width:1200px){.landing-headlineMain{text-align:center}}*{padding:2px;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.main{display:flex;flex-direction:row;width:100vw;height:100vh}.list-main{padding:1em;width:70%}.list-title{gap:2rem;border-bottom:2px solid black;text-transform:capitalize;color:#000;display:flex;font-size:larger}.list-taskMainDiv{overflow-x:auto;height:90%;margin-top:0}.list-taskDiv{width:70%;margin:0 1em 1em;padding:1rem;border-bottom:1px solid rgb(46,46,46)}.nav-tagitem{background-color:#e0dfdf;border-radius:5px}.nav-tagitemDiv{display:flex;flex-wrap:wrap;gap:.5em;margin:1em}.Nav-div{display:flex;background-color:#f9f9f9;color:#fff;width:20%;height:90%;border-radius:10px;flex-direction:column;font-weight:500;padding-top:1rem;border:1px solid black}nav{display:flex;flex-direction:column;width:90%;color:#595959;font-size:small;justify-content:center;margin-left:10px;margin-bottom:1em}ul{margin-left:4px}ul li{list-style-type:none;display:flex;flex-direction:column}ul li a{text-decoration:none;color:#484848;padding:5px;border-bottom:1px solid rgb(221,221,221)}ul li a:hover{text-decoration:none;color:#484848;padding:5px;border-bottom:1px solid rgb(10,9,9)}.menu{color:#5e5e5e;padding:2px;margin:4px;display:flex;text-transform:capitalize;justify-content:space-between;border-bottom:1px solid black}.search-bar{display:flex;align-items:center;justify-content:center;margin-bottom:15px}.inputBox-search{background-color:transparent;border:none;border:1px solid rgb(192,192,192);border-radius:5px;width:90%;height:25px;font-weight:500}.section-div{display:flex;justify-content:space-between;width:80%}.count{text-align:center;width:fit-content;height:fit-content}.icon-div{display:flex;align-items:center;text-transform:capitalize}.nav-tagitem{padding:.5em}a{text-decoration:none;color:#000}.nav-tagTitle{display:flex;align-items:center;justify-content:space-between;padding-right:3em;padding-left:0%}.tag-input{border:1px solid black;border-color:#b0aeae;border-radius:5px;width:auto}.nav-tagInputDiv{display:flex-wrap;width:fit-content;align-items:center}.tag-itemDiv{display:flex;flex-wrap:wrap;margin:.5em;align-content:center;font-size:small;font-weight:600;width:fit-content;height:fit-content;padding:.5em;border-radius:5px}.tag-item{background-color:#e2e2e2;border-radius:5px;padding:.5em;margin:.5em}.tag-item:hover{cursor:pointer}.today-main{display:flex;flex-direction:row;margin:10px 20px 30px;width:70%}.today-title{display:flex;flex-direction:row;gap:40px;font-size:larger}.today-left{display:flex;flex-direction:column;width:100%}.today-right{width:40%;padding:2rem;margin:.5rem;background-color:#f8f8f8;border-radius:1rem}.styled-button{background-color:#3333e5;border:none;color:#fff;padding:.61rem 1rem;text-align:center;text-decoration:none;display:inline-block;font-size:.75em;margin:4px 2px;cursor:pointer;border-radius:10px;transition:background-color .3s ease}.styled-button:hover{background-color:#45a049}.inputDiv-title{margin-bottom:1rem}.listSelect-div{display:flex;align-items:center}.listSelect-title{color:#757575;font-weight:500;padding:.5rem}.button-div{display:flex;margin-bottom:1rem}.today-addTask{display:flex;align-items:center;gap:20px;border:1px solid rgb(240,237,237);width:auto;padding:1em;color:#a3a3a3;border-radius:5px;border-left-color:#fff;border-right-color:#fff}.today-edit{width:40%;padding:2rem;margin:.5rem;background-color:#f8f8f8;border-radius:1rem}::-webkit-scrollbar{width:1px}.TodayListDiv{display:flex;gap:.5rem}.Todaylist{display:flex;gap:.5em;font-size:small;font-weight:600;align-items:center}.addsubTask{margin-top:1rem}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.render-main{border-bottom:1px solid rgb(247,244,244);color:#000;padding:.5rem;margin:3px;display:flex;flex-direction:column}.render-taskCount{padding:.5rem;border-bottom:1px solid black}.render-taskDetails{display:flex;flex-direction:row;align-items:center;gap:1rem;font-weight:700;font-size:1.1rem;color:#2b2b2b}.render-taskdescription{display:flex;flex-direction:column;font-size:.8rem;font-weight:500;color:#666464}.render-taskstatus{display:flex;flex-direction:row;font-size:.7rem;font-weight:500}.render-Btn{display:flex;align-items:center;gap:.5rem}.render-btn{font-size:.7rem;font-weight:500;border-radius:.3rem;border-color:#f0f8ff;cursor:pointer}.edit-main{display:flex;width:40%;flex-direction:column;gap:1rem;padding:1rem;border:1px solid black;border-radius:1em}label{text-transform:capitalize;font-weight:700;font-size:.9rem;color:#7f7f7f}.edit-title,.edit-des{display:flex;flex-direction:column;font-weight:600}.edit-titleEditBtn,.edit-DesEditBtn{display:flex;flex-direction:row;font-weight:600;font-size:.9rem;justify-content:space-between}.edit-titleInput,.edit-DesInput{font-size:medium;margin:.5em;width:15rem;height:fit-content;border-color:transparent;border-bottom-color:#2329dd}.edit-DesText,.edit-titleText{margin:.5em;width:15rem;height:fit-content;border:1px solid black;border-color:transparent;border-bottom-color:#060606}.edit-editBtns{font-size:.9em;border-radius:4px;border-color:#f0f8ff;font-weight:500}.edit-saveBtnDiv{display:flex;flex-direction:row}.edit-list,.edit-tag{display:flex;align-items:center;font-size:small;font-weight:600;gap:1rem;text-transform:capitalize}.edit-dateInput{width:fit-content;border-color:transparent;font-weight:500}.edit-tagItem,.edit-listItem{display:flex;flex-direction:row;gap:1rem}.edit-tagItem p{padding:.5em;border-radius:.4rem;background-color:#e3e3e3}.addsubTask{margin:.5rem}.subtaskRenderDiv{overflow-x:scroll;max-height:200px}.subtaskRender{height:auto;display:flex;flex-direction:row;align-items:center;color:#383737;font-size:.8rem;gap:1px;margin:.3rem}.baseBtnClass{width:fit-content;font-size:.7rem;font-weight:500;border-radius:.3rem;margin:.2rem;border-color:#f0f8ff;cursor:pointer}.subtaskSuggestionRenderDiv{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgb(103,99,99);margin-top:.5rem}.subtaskSuggestionRenderItem{color:#5a5757;cursor:pointer;font-size:small;transition:font-size .2s ease,color .2s ease,transform .2s ease-out}.subtaskSuggestionRenderItem:hover{color:#000;font-size:.8rem}.baseInputClass{border:1px solid #cfcfcf;border-radius:5px;padding:.25rem .4rem;font-size:.8rem}.baseInputClass:focus{outline:none;border-color:#5b5bff}.addtask-main{display:flex;width:40%;flex-direction:column;padding:.5rem;border:1px solid black;border-radius:1em}.addtask-title,.addtask-des,.addtask-date,.addtask-list{margin:1rem;display:flex;flex-direction:column}.addtask-titleInput{padding:.5rem}.addtask-desInput{width:15rem;padding:.5rem}.addtask-dateInput{width:fit-content;border-color:transparent;font-weight:500}.addtask-listoption{display:flex;gap:1rem}.addtask-listItem{display:flex;align-items:center;gap:1rem;font-weight:500;font-size:.9rem}.addtask-addBtn{width:fit-content;margin-left:1rem;font-weight:500}.Upcoming-main{width:70%;display:flex;flex-direction:column;gap:1em;margin:.8em}.Upcoming-main-title{display:flex;align-items:center;gap:1rem}.Upcoming-titles{padding:.5rem;font-weight:700}.Upcoming-top,.Upcoming-bottom{width:90%;border:1px solid rgb(217,217,217)}.Upcoming-task-div{max-height:250px;overflow-y:auto}.Upcoming-task{padding:.5rem;margin:.5em;display:flex;align-items:center;gap:1em;border-top:1px solid rgb(220,220,220);text-transform:capitalize}.Upcoming-task-title{font-weight:600}.Upcoming-task-subdiv{display:flex;align-items:center;justify-content:space-between;width:100%}.expenses-main{width:70%;display:flex;flex-direction:column;margin:10px 20px 30px}.expenses-mainTitle{font-size:2rem;font-weight:600;width:fit-content;padding-bottom:.25rem}.expenses-cardDiv{padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;align-items:start}.expenses-card{border:1px solid #e2e2e2;border-radius:1rem;background-color:#fff;display:flex;flex-direction:column;padding:1.25rem;min-height:300px;max-height:400px;transition:box-shadow .2s ease,transform .2s ease}.expenses-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-2px)}.expensesCard-titleDiv{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.expensesCard-title{font-size:.9rem;font-weight:600;color:#222}.expenses-Calculatebtn{font-size:.7rem;font-weight:500;border-radius:.3rem;border:1px solid #ddd;cursor:pointer}.expenses-Calculatebtn:hover{background-color:#f2f2f2}.expenses-cardContent{flex:1;overflow-y:auto;margin-top:.75rem;margin-bottom:.75rem;font-size:.85rem;line-height:1.4;color:#333;word-break:break-word}.expenses-ItemTitleDiv{border-bottom:1px solid #e5e5e5;margin-bottom:.5rem;padding-bottom:.25rem}.expenses-Item{font-size:.85rem;color:#444;margin-bottom:.25rem}.expense-Addinput,.expenses-PopUpInput{border:1px solid #cfcfcf;border-radius:5px;padding:.25rem .4rem;font-size:.8rem}.expense-Addinput:focus,.expenses-PopUpInput:focus{outline:none;border-color:#5b5bff}.expenses-ErrorBaseClass{background-color:#ffecec;color:#b00020;border:1px solid #ffb3b3;border-left:4px solid #b00020;padding:.2rem .5rem;margin-bottom:.5rem;border-radius:.4rem;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.4rem}.expenses-errorClose{background:transparent;border:none;color:#b00020;font-size:1.1rem;font-weight:600;cursor:pointer;margin-left:auto}.expenses-cardInputs{display:flex;gap:.5rem;margin-top:auto}.expense-Addinput{flex:1;border:1px solid #cfcfcf;border-radius:5px;padding:.25rem .4rem;font-size:.8rem}.expense-Addinput:focus{outline:none;border-color:#5b5bff}.expenses-Addbtn{font-size:.7rem;font-weight:500;border-radius:.3rem;border:1px solid #ddd;cursor:pointer}.expenses-Addbtn:hover{background-color:#eaeaea}.expense-AddTitlePOPUP{display:flex;gap:.4rem;flex-direction:column;position:fixed;top:50%;left:50%;z-index:1;border:solid 1px grey;padding:1rem;border-radius:.3rem;background-color:#f6f5f5c0;box-shadow:0 6px 18px #00000014}.expenses-totalExpenseDiv{margin-top:.75rem;padding:.5rem .75rem;border-radius:.5rem;font-weight:500;text-align:right}.expenses-cardContent{scrollbar-width:thin;scrollbar-color:#b5b5b5 #f2f2f2}.expenses-cardContent::-webkit-scrollbar{width:2px}.expenses-cardContent::-webkit-scrollbar-track{background:#f2f2f2;border-radius:2px}.expenses-cardContent::-webkit-scrollbar-thumb{background-color:#b5b5b5;border-radius:2px}.expenses-cardContent::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e}.baseBtnClass{width:fit-content;font-size:.7rem;font-weight:500;border-radius:.3rem;border-color:#f0f8ff;cursor:pointer}.loading-div{margin:1em;font-size:small;font-weight:600}.spinner{width:10px;height:10px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.expense-totalexpenseResultDiv{font-size:.8rem;font-weight:600;color:gray}.expense-calculateSpendDiv{display:flex}.expenses-TitleBtn{padding:1rem;border:solid 1px #222;border-color:black transparent}.tag-taskDiv{display:flex;flex-direction:column;padding:1rem;width:50%;gap:.3rem;border:1px solid transparent;border-bottom-color:gray}.tag-taskTitleDiv{display:flex;flex-direction:row;align-items:center;gap:1em}.tag-taskTitle{font-weight:600;text-transform:capitalize}.tag-taskDes{font-size:small;font-weight:600}.tag-taskDateDiv{display:flex;flex-direction:row;font-size:small}.tag-Btn{display:flex;align-items:center;gap:.5rem}.tag-btn{font-size:.7rem;font-weight:500;border-radius:.3rem;border-color:#f0f8ff;cursor:pointer}