@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0}html{box-sizing:border-box}body{grid-template:"aside main rightside"1fr/255px 1fr 255px;min-height:100vh;font-family:Gill Sans,Calibri,Trebuchet MS,sans-serif;display:grid}@media (width<=1024px) and (width>=768px){body{grid-template-columns:1fr;grid-template-areas:"nav""main""rightside"}}@media (width<=767px){body{grid-template-columns:1fr;grid-template-areas:"nav""main""rightside"}}nav{z-index:1;background-color:#fff;grid-area:nav;display:none;box-shadow:0 1px 8px #00000020}@media (width<=1024px) and (width>=768px){nav{width:100%;display:block;position:fixed}}@media (width<=767px){nav{width:100%;display:block;position:fixed}}nav ul{align-items:center;padding:.8rem 2.5rem;display:flex}nav ul li:first-child{margin-right:auto}nav ul .add-task-openBtn{color:#7b61ff;background-color:#dde1e667;border-radius:100%;margin-right:10px;padding:5px}nav ul .add-task-openBtn:hover{color:#fff;background-color:#7b61ff}nav ul .reminder-openBtn i{position:relative}nav ul .reminder-openBtn i:after{content:"";opacity:0;background-color:#e44331;border-radius:100%;width:6px;height:6px;position:absolute;top:8px;right:1px}nav ul .reminder-openBtn i.active:after{opacity:1}ul{padding:0;list-style-type:none}a{text-decoration:none}hr{border-color:#dddddd27;margin:15px 0}img{width:100%}.show{display:block}.hidden{display:none}.opacity{opacity:0}.overlay{background-color:#00000045;width:100%;height:100%;position:fixed;top:0;left:0}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner svg{fill:#7b61ff;width:4rem;height:4rem;animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}aside{background-color:#fff;grid-area:aside;height:100vh;position:sticky;top:0}@media (width<=1024px) and (width>=768px){aside{z-index:1;width:280px;margin-top:40px;display:none;position:fixed}}@media (width<=767px){aside{z-index:1;width:100%;height:50vh;margin-top:40px;display:none;position:fixed}}aside .sidebar-container{padding:35px 30px 0}aside .profile{cursor:pointer;justify-content:center;align-items:center;gap:15px;margin-bottom:40px;display:flex}@media (width<=1024px) and (width>=768px){aside .profile{margin-top:30px}}@media (width<=767px){aside .profile{display:none}}aside .profile .text .name{margin-bottom:5px;font-weight:700}aside .profile .text .user--name{color:#4e4b4bcd;font-size:.75rem}aside .profile img{border-radius:100%;width:60px;height:60px}aside .sidebar-menu{flex-direction:column;gap:10px;display:flex}aside .sidebar-menu li{letter-spacing:1.3px;cursor:pointer;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:700}aside .sidebar-menu li i{color:#4e4b4bcd;margin-right:10px}aside .sidebar-menu .active{color:#fff;background:#7b61ff;box-shadow:0 2px 4px #0000000e}aside .sidebar-menu .active i{color:#fff}aside .add-task-openBtn{text-align:center;margin-top:150px}aside .add-task-openBtn button{color:#fff;background:#7b61ff;border:none;border-radius:20px;padding:10px 20px;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #0000000e}@media (width<=767px){aside .add-task-openBtn button{display:none}}aside .add-task-openBtn button:hover{transform:translateY(-3px)}aside .add-task-openBtn button:hover i{background-color:#dde1e6a2}aside .add-task-openBtn button i{background-color:#dde1e667;border-radius:100%;margin-right:8px;padding:4px}main .allTasks-container .tasks-controls .filter{color:#4e4b4bcd;border:1px solid #ddd;border-radius:10px;padding:.4rem 1rem .4rem .8rem;font-size:15px}main .allTasks-container .tasks-controls .filter .dropdownn{z-index:999;background-color:#fff;border-radius:0 0 8px 8px;width:160%;margin-top:8px;margin-left:-10px;padding:.5rem .5rem .3rem 1rem;position:absolute}main .allTasks-container .tasks-controls .filter .dropdownn .option{cursor:pointer;margin-bottom:.2rem;display:block}main .allTasks-container .tasks-controls .filter .dropdownn .option:hover{color:#4e4b4baa}.section-title{margin:15px 0;font-size:1.75rem}@media (width<=1024px) and (width>=768px){.section-title{text-align:center;margin-top:10px;font-size:2.5rem}}@media (width<=767px){.section-title{text-align:center;margin-top:30px}}main{grid-area:main;position:relative}main .todayTasks .completed,main .allTasks .completed{isolation:isolate;-webkit-backdrop-filter:blur(10px)saturate(180%);background:linear-gradient(#ffffff40,#ffffff0d);border:1px solid #fff6;border-radius:1rem;flex-direction:column;width:fit-content;margin-bottom:10px;padding:1rem 0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 10px #0000001a}main .todayTasks .completed:before,main .allTasks .completed:before{content:"";z-index:2;border-radius:.9375rem;position:absolute;inset:.0625rem}main .todayTasks .completed:after,main .allTasks .completed:after{content:"";z-index:4;background:linear-gradient(#bbf5d0,#62e893);border-radius:.125rem;width:.25rem;transition:transform .3s;position:absolute;inset:.65rem auto .65rem .5rem}main .todayTasks .completed:after:hover,main .allTasks .completed:after:hover{transform:translate(.15rem)}main .todayTasks .completed .task-title,main .allTasks .completed .task-title{color:#78eba2;z-index:5;padding:0 .25rem .4rem 1.25rem;font-size:1.1rem;font-weight:500;transition:transform .3s}main .todayTasks .completed .task-title ul,main .allTasks .completed .task-title ul{justify-content:flex-end;display:flex}main .todayTasks .completed .task-title ul li:first-child,main .allTasks .completed .task-title ul li:first-child{margin-right:auto}main .todayTasks .completed .task-title ul li i,main .allTasks .completed .task-title ul li i{margin-right:5px}main .todayTasks .completed .task-title ul li .complete,main .todayTasks .completed .task-title ul li .fa-trash,main .allTasks .completed .task-title ul li .complete,main .allTasks .completed .task-title ul li .fa-trash{color:#ddd;cursor:pointer;margin-right:8px;font-size:.9rem}main .todayTasks .completed .task-title ul li .complete,main .allTasks .completed .task-title ul li .complete{margin-left:15px}main .todayTasks .completed .task-title ul li .complete:hover,main .allTasks .completed .task-title ul li .complete:hover{color:#78eba2}main .todayTasks .completed .task-desc,main .allTasks .completed .task-desc{color:#99999d;z-index:5;padding:0 1.25rem;line-height:1.6;transition:transform .3s}main .todayTasks .completed .task-tag,main .allTasks .completed .task-tag{color:#4e4b4b99;background-color:#4e4b4b14;border-radius:5px;width:fit-content;padding:0 .5rem 0 .2rem}main .todayTasks .dueToday,main .allTasks .dueToday{isolation:isolate;-webkit-backdrop-filter:blur(10px)saturate(180%);background:linear-gradient(#ffffff40,#ffffff0d);border:1px solid #fff6;border-radius:1rem;flex-direction:column;width:fit-content;margin-bottom:10px;padding:1rem 0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 10px #0000001a}main .todayTasks .dueToday:before,main .allTasks .dueToday:before{content:"";z-index:2;border-radius:.9375rem;position:absolute;inset:.0625rem}main .todayTasks .dueToday:after,main .allTasks .dueToday:after{content:"";z-index:4;background:linear-gradient(#fff,#b09cfc);border-radius:.125rem;width:.25rem;transition:transform .3s;position:absolute;inset:.65rem auto .65rem .5rem}main .todayTasks .dueToday:after:hover,main .allTasks .dueToday:after:hover{transform:translate(.15rem)}main .todayTasks .dueToday .task-title,main .allTasks .dueToday .task-title{color:#c4b5fd;z-index:5;padding:0 .25rem .4rem 1.25rem;font-size:1.1rem;font-weight:500;transition:transform .3s}main .todayTasks .dueToday .task-title ul,main .allTasks .dueToday .task-title ul{justify-content:flex-end;display:flex}main .todayTasks .dueToday .task-title ul li:first-child,main .allTasks .dueToday .task-title ul li:first-child{margin-right:auto}main .todayTasks .dueToday .task-title ul li i,main .allTasks .dueToday .task-title ul li i{margin-right:5px}main .todayTasks .dueToday .task-title ul li .complete,main .todayTasks .dueToday .task-title ul li .fa-trash,main .allTasks .dueToday .task-title ul li .complete,main .allTasks .dueToday .task-title ul li .fa-trash{color:#ddd;cursor:pointer;margin-right:8px;font-size:.9rem}main .todayTasks .dueToday .task-title ul li .complete,main .allTasks .dueToday .task-title ul li .complete{margin-left:15px}main .todayTasks .dueToday .task-title ul li .complete:hover,main .allTasks .dueToday .task-title ul li .complete:hover{color:#78eba2}main .todayTasks .dueToday .task-desc,main .allTasks .dueToday .task-desc{color:#99999d;z-index:5;padding:0 1.25rem;line-height:1.6;transition:transform .3s}main .todayTasks .dueToday .task-tag,main .allTasks .dueToday .task-tag{color:#4e4b4b99;background-color:#4e4b4b14;border-radius:5px;width:fit-content;padding:0 .5rem 0 .2rem}main .todayTasks .upcoming,main .allTasks .upcoming{isolation:isolate;-webkit-backdrop-filter:blur(10px)saturate(180%);background:linear-gradient(#ffffff40,#ffffff0d);border:1px solid #fff6;border-radius:1rem;flex-direction:column;width:fit-content;margin-bottom:10px;padding:1rem 0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 10px #0000001a}main .todayTasks .upcoming:before,main .allTasks .upcoming:before{content:"";z-index:2;border-radius:.9375rem;position:absolute;inset:.0625rem}main .todayTasks .upcoming:after,main .allTasks .upcoming:after{content:"";z-index:4;background:linear-gradient(#fef0f7,#f790c8);border-radius:.125rem;width:.25rem;transition:transform .3s;position:absolute;inset:.65rem auto .65rem .5rem}main .todayTasks .upcoming:after:hover,main .allTasks .upcoming:after:hover{transform:translate(.15rem)}main .todayTasks .upcoming .task-title,main .allTasks .upcoming .task-title{color:#f9a8d4;z-index:5;padding:0 .25rem .4rem 1.25rem;font-size:1.1rem;font-weight:500;transition:transform .3s}main .todayTasks .upcoming .task-title ul,main .allTasks .upcoming .task-title ul{justify-content:flex-end;display:flex}main .todayTasks .upcoming .task-title ul li:first-child,main .allTasks .upcoming .task-title ul li:first-child{margin-right:auto}main .todayTasks .upcoming .task-title ul li i,main .allTasks .upcoming .task-title ul li i{margin-right:5px}main .todayTasks .upcoming .task-title ul li .complete,main .todayTasks .upcoming .task-title ul li .fa-trash,main .allTasks .upcoming .task-title ul li .complete,main .allTasks .upcoming .task-title ul li .fa-trash{color:#ddd;cursor:pointer;margin-right:8px;font-size:.9rem}main .todayTasks .upcoming .task-title ul li .complete,main .allTasks .upcoming .task-title ul li .complete{margin-left:15px}main .todayTasks .upcoming .task-title ul li .complete:hover,main .allTasks .upcoming .task-title ul li .complete:hover{color:#78eba2}main .todayTasks .upcoming .task-desc,main .allTasks .upcoming .task-desc{color:#99999d;z-index:5;padding:0 1.25rem;line-height:1.6;transition:transform .3s}main .todayTasks .upcoming .task-tag,main .allTasks .upcoming .task-tag{color:#4e4b4b99;background-color:#4e4b4b14;border-radius:5px;width:fit-content;padding:0 .5rem 0 .2rem}main .todayTasks .overdue,main .allTasks .overdue{isolation:isolate;-webkit-backdrop-filter:blur(10px)saturate(180%);background:linear-gradient(#ffffff40,#ffffff0d);border:1px solid #fff6;border-radius:1rem;flex-direction:column;width:fit-content;margin-bottom:10px;padding:1rem 0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 10px #0000001a}main .todayTasks .overdue:before,main .allTasks .overdue:before{content:"";z-index:2;border-radius:.9375rem;position:absolute;inset:.0625rem}main .todayTasks .overdue:after,main .allTasks .overdue:after{content:"";z-index:4;background:linear-gradient(#a19b9ba9,#6e6868a9);border-radius:.125rem;width:.25rem;transition:transform .3s;position:absolute;inset:.65rem auto .65rem .5rem}main .todayTasks .overdue:after:hover,main .allTasks .overdue:after:hover{transform:translate(.15rem)}main .todayTasks .overdue .task-title,main .allTasks .overdue .task-title{color:#7b7474a9;z-index:5;padding:0 .25rem .4rem 1.25rem;font-size:1.1rem;font-weight:500;transition:transform .3s}main .todayTasks .overdue .task-title ul,main .allTasks .overdue .task-title ul{justify-content:flex-end;display:flex}main .todayTasks .overdue .task-title ul li:first-child,main .allTasks .overdue .task-title ul li:first-child{margin-right:auto}main .todayTasks .overdue .task-title ul li i,main .allTasks .overdue .task-title ul li i{margin-right:5px}main .todayTasks .overdue .task-title ul li .complete,main .todayTasks .overdue .task-title ul li .fa-trash,main .allTasks .overdue .task-title ul li .complete,main .allTasks .overdue .task-title ul li .fa-trash{color:#ddd;cursor:pointer;margin-right:8px;font-size:.9rem}main .todayTasks .overdue .task-title ul li .complete,main .allTasks .overdue .task-title ul li .complete{margin-left:15px}main .todayTasks .overdue .task-title ul li .complete:hover,main .allTasks .overdue .task-title ul li .complete:hover{color:#78eba2}main .todayTasks .overdue .task-desc,main .allTasks .overdue .task-desc{color:#99999d;z-index:5;padding:0 1.25rem;line-height:1.6;transition:transform .3s}main .todayTasks .overdue .task-tag,main .allTasks .overdue .task-tag{color:#4e4b4b99;background-color:#4e4b4b14;border-radius:5px;width:fit-content;padding:0 .5rem 0 .2rem}main .empty-state{text-align:center}main .empty-state-image{width:300px;margin-bottom:10px}@media (width<=1024px) and (width>=768px){main .empty-state-image{width:450px}}@media (width<=767px){main .empty-state-image{width:200px}}main .empty-state-text{font-size:1.2rem}@media (width<=1024px) and (width>=768px){main .empty-state-text{font-size:1.5rem}}main .empty-state-text .add-task-openBtn{color:#7b61ff;background-color:#0000;border:none;font-size:1.1rem}@media (width<=767px){main .empty-state-text .add-task-openBtn{margin:0 auto;font-size:.9rem;display:block}main .empty-state-text{font-size:1rem}}main .Dashboard-container{padding:1.6rem 1.25rem}@media (width<=1024px) and (width>=768px){main .Dashboard-container{gap:2em;margin-top:20px;padding:2.1875rem 10rem 0}}main .Dashboard-container .empty-state{margin:30px 0}main .Dashboard-container .dashboard-header{justify-content:space-between;display:flex}@media (width<=767px){main .Dashboard-container .dashboard-header{justify-content:center}}@media (width<=1024px) and (width>=768px){main .Dashboard-container .dashboard-header{justify-content:center}}main .Dashboard-container .dashboard-header .reminder-openBtn{cursor:pointer;background-color:#666e6b17;border-radius:8px;margin-top:20px;margin-bottom:15px;padding:.3rem .5rem;font-size:1rem}main .Dashboard-container .dashboard-header .reminder-openBtn i{margin-right:5px;position:relative}main .Dashboard-container .dashboard-header .reminder-openBtn i:after{content:"";opacity:0;background-color:#e44331;border-radius:100%;width:6px;height:6px;position:absolute;top:8px;right:1px}main .Dashboard-container .dashboard-header .reminder-openBtn i.active:after{opacity:1}@media (width<=767px){main .Dashboard-container .dashboard-header .reminder-openBtn{display:none}main .Dashboard-container .dashboard-header .reminder-openBtn .section-title{justify-content:center}}@media (width<=1024px) and (width>=768px){main .Dashboard-container .dashboard-header .reminder-openBtn{display:none}main .Dashboard-container .dashboard-header .reminder-openBtn .section-title{justify-content:center}}main .Dashboard-container .overview-section{-moz-column-gap:15px;grid-template-columns:2fr 1fr;column-gap:15px;display:grid}@media (width<=1024px) and (width>=768px){main .Dashboard-container .overview-section{grid-template-columns:1fr;row-gap:15px}}@media (width<=767px){main .Dashboard-container .overview-section{grid-template-columns:1fr;row-gap:15px}}main .Dashboard-container .overview-section .progress-overview{z-index:-1;background-color:#cfcbf6;border-radius:.9375rem;flex-direction:column;height:15rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000e}@media (width<=1024px) and (width>=768px){main .Dashboard-container .overview-section .progress-overview{height:25rem}}main .Dashboard-container .overview-section .progress-overview span{color:#fff;letter-spacing:.2vh;margin-left:.625rem;font-size:1.5rem;font-weight:700}main .Dashboard-container .overview-section .progress-overview .progress-chart{width:26rem;height:13.5rem;margin:0 auto}@media (width<=1024px) and (width>=768px){main .Dashboard-container .overview-section .progress-overview .progress-chart{width:35rem;height:22rem}}@media (width<=767px){main .Dashboard-container .overview-section .progress-overview .progress-chart{width:18rem;height:13rem}}main .Dashboard-container .overview-section .progress-overview:before{content:"";filter:blur(.5rem);border:4.375rem solid #ffffff1a;border-radius:50%;width:12.5rem;height:12.5rem;transition:all .8s;position:absolute;top:-75%;left:-20%}main .Dashboard-container .overview-section .progress-overview:hover:before{filter:blur(.1rem);top:-30%;left:50%}main .Dashboard-container .overview-section .stats-cards{grid-template-columns:1fr;gap:.625rem;display:grid}main .Dashboard-container .overview-section .stats-cards .stats-card{color:#fff;border-radius:.625rem;justify-content:center;align-items:center;gap:.9375rem;padding:.625rem 1.875rem;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000000e}@media (width<=767px){main .Dashboard-container .overview-section .stats-cards .stats-card{justify-content:space-evenly}}@media (width<=1024px) and (width>=768px){main .Dashboard-container .overview-section .stats-cards .stats-card{justify-content:space-evenly}}main .Dashboard-container .overview-section .stats-cards .stats-card img{border-radius:100%;width:3.75rem;height:100%}@media (width<=1024px) and (width>=768px){main .Dashboard-container .overview-section .stats-cards .stats-card img{width:5rem}}@media (width<=767px){main .Dashboard-container .overview-section .stats-cards .stats-card img{width:3rem}}main .Dashboard-container .overview-section .stats-cards .stats-card:first-child{background-color:#2e2e2e}main .Dashboard-container .overview-section .stats-cards .stats-card:nth-child(2){background-color:#7b61ff}main .Dashboard-container .overview-section .stats-cards .stats-card:last-child{color:#2e2e2e;background-color:#f3f1fe}main .Dashboard-container .overview-section .stats-cards .stats-card .stat-number{margin-bottom:.1875rem;font-size:1.25rem;font-weight:700}main .Dashboard-container .overview-section .stats-cards .stats-card .stat-label{font-size:.875rem}main .allTasks-container{padding:1.6rem 1.25rem}@media (width<=1024px) and (width>=768px){main .allTasks-container{margin-top:30px;padding:2.1875rem 10rem 0}}@media (width<=767px){main .allTasks-container{margin-top:30px}}main .allTasks-container .section-title{float:left;margin:0}@media (width<=767px){main .allTasks-container .section-title{float:none;margin-bottom:5px}}main .allTasks-container .empty-state{margin:15% 0}main .allTasks-container .tasks-controls{justify-content:flex-end;gap:5px;display:flex}@media (width<=767px){main .allTasks-container .tasks-controls{justify-content:center}}main .allTasks-container .tasks-controls .searchInput{position:relative}main .allTasks-container .tasks-controls .searchInput input{border:1px solid #ddd;border-radius:10px;padding:.5rem 2rem .5rem .5rem}main .allTasks-container .tasks-controls .searchInput .icon{margin-top:10px;margin-left:-22px;font-size:12px;position:absolute}main .allTasks-container .tasks-controls .filter{position:relative}main .allTasks-container .tasks-controls .filter .icon{margin-top:3px;margin-left:15px;font-size:13px}main .allTasks-container .tasks-controls .filter .dropdownn{box-shadow:0 2px 8px #0000001b}main .allTasks-container .tasks-controls .filter .dropdownn .option-disabled{color:#000;cursor:default;border-bottom:1px solid #dddddd89;margin-bottom:5px;padding-bottom:5px;font-size:18px;font-weight:700;display:block}main .allTasks-container .tasks-controls .filter .dropdownn input{margin-right:5px}main .allTasks-container .no-tasks-message{color:#4e4b4bcd;letter-spacing:.5px;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rightside{background-image:url(photo_2025-08-15_20-41-17.63e7d047.jpg);background-size:cover;grid-area:rightside;width:100%;height:100vh;position:sticky;top:0}@media (width<=1024px) and (width>=768px){.rightside{background-image:none}}@media (width<=767px){.rightside{background-image:none}}.rightside .pomodoro-timer{margin-top:2.1875rem;padding:0 1rem 1rem}.rightside .pomodoro-timer .section-title{text-align:center}.rightside .pomodoro-timer .timer-circle{aspect-ratio:1;width:min(60vw,200px);margin:1.8rem auto 0;position:relative}@media (width<=1024px) and (width>=768px){.rightside .pomodoro-timer .timer-circle{width:min(40vw,450px);margin:2.5rem auto 2rem}}.rightside .pomodoro-timer .timer-circle svg{pointer-events:none;width:100%;height:100%;display:block;transform:rotate(-90deg)}.rightside .pomodoro-timer .timer-circle circle{fill:none;stroke-width:7px;stroke-linecap:round}.rightside .pomodoro-timer .timer-circle .bg{stroke:#eee}.rightside .pomodoro-timer .timer-circle .progress{stroke:#7b61ff;stroke-dasharray:565.48;stroke-dashoffset:565.48px;transform-origin:50%;transition:stroke-dashoffset .4s linear}.rightside .pomodoro-timer .timer-circle .time{z-index:100;place-items:center;font-size:2.2rem;font-weight:700;display:grid;position:absolute;inset:0}@media (width<=1024px) and (width>=768px){.rightside .pomodoro-timer .timer-circle .time{font-size:9vw}}.rightside .pomodoro-timer .start-pause-btn{color:#fff;background:#7b61ff;border:1.5px solid #7b61ff;border-radius:20px;width:100px;margin:.6rem auto 0;padding:8px 30px;font-weight:700;transition:all .2s;display:block;box-shadow:0 2px 4px #0000000e}.rightside .pomodoro-timer .start-pause-btn:hover{color:#7b61ff;background:#fff}@media (width<=1024px) and (width>=768px){.rightside .pomodoro-timer .start-pause-btn{padding:10px 40px;font-size:30px}}.rightside .pomodoro-timer .reset-btn{background:0 0;border:none;margin:.8rem auto 0;font-size:.95rem;display:block}@media (width<=1024px) and (width>=768px){.rightside .pomodoro-timer .reset-btn{margin-top:1.5rem;font-size:30px}}.rightside .quote-card{background-color:#fff;border-top:20px solid #7b61ff;border-radius:8px;width:190px;margin:15% auto;padding:.8rem .8rem 1rem;box-shadow:0 2px 4px #0000000e}@media (width<=1024px) and (width>=768px){.rightside .quote-card{border-top-width:30px;width:360px;font-size:35px}}.rightside .quote-card .quote-title{margin-bottom:3px}.rightside .quote-card .quote-icon{color:#ddd}.add-task-btns .cancelBtn,.add-task-btns .saveBtn{border:1px solid #7b61ff;border-radius:20px;width:100px;padding:10px 30px;font-weight:700;transition:all .2s;box-shadow:0 1px 1px #0003}.add-task-btns .cancelBtn:hover,.add-task-btns .saveBtn:hover{transform:scale(1.1)}.add-task-form input,.add-task-form .category .dropdown-container,.add-task-form .reminder .dropdown-container{border:1px solid #ddd;border-radius:10px;width:100%;padding:.5rem .3rem}.add-task-form .category .dropdown-container,.add-task-form .reminder .dropdown-container{color:#4e4b4bcd;justify-content:space-between;font-size:15px;display:flex}.add-task-form .category .dropdown-container .dropdown,.add-task-form .reminder .dropdown-container .dropdown{background-color:#fff;border-radius:0 0 8px 8px;width:88px;margin-top:20px;margin-left:-4px;padding:.5rem 8.8rem .3rem .5rem;position:absolute}.add-task-form .category .dropdown-container .dropdown .option,.add-task-form .reminder .dropdown-container .dropdown .option{cursor:pointer;margin-bottom:.2rem}.add-task-form .category .dropdown-container .dropdown .option:hover,.add-task-form .reminder .dropdown-container .dropdown .option:hover{color:#4e4b4baa}.add-task{background-color:#fff;border-radius:8px;width:500px;max-width:100%;padding:1rem 1.7rem 1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=767px){.add-task{max-width:70%;margin-top:25px}}.add-task-heading{font-size:25px;display:inline}.add-task-closeBtn{float:right;background-color:#fff;border:none;font-size:30px}.add-task-form{-moz-column-gap:25px;grid-template-columns:1fr 1fr;grid-template-areas:"title title""date time""tag tag""category reminder";gap:13px 25px;margin:20px 0 30px;padding:0 10px;display:grid}@media (width<=767px){.add-task-form{grid-template-columns:1fr;grid-template-areas:"title""date""time""tag""category""reminder"}}.add-task-form .title{grid-area:title}.add-task-form .date{grid-area:date}.add-task-form .time{grid-area:time}.add-task-form .reminder{grid-area:reminder}.add-task-form .reminder .dropdown-container{position:relative}.add-task-form .reminder .dropdown-container .selected{color:#7b61ff}.add-task-form .category{grid-area:category}.add-task-form .category .dropdown-container .dropdown .newCategory{width:200px;margin-top:5px}.add-task-form .category .dropdown-container .dropdown:first-child{order:1}.add-task-form .category .dropdown-container .selected{color:#7b61ff}.add-task-form .tag{grid-area:tag}.add-task-form label{color:#4e4b4bdc;margin-bottom:8px;font-size:15px;display:block}.add-task-form .fa-chevron-down{width:10px;margin-right:10px}.add-task-form .dropdown-toggle{transform:rotate(180deg)}.add-task-btns .saveBtn{color:#fff;background-color:#7b61ff;margin-left:6px}.add-task-btns .saveBtn:hover{transform:scale(1.1)}.add-task-btns .saveBtn:disabled{color:#7b61ff;cursor:not-allowed;background-color:#b8aaff61}.add-task-btns .saveBtn:disabled:hover{transform:none}.add-task-btns .cancelBtn{color:#7b61ff;background-color:#fff}.add-task-btns .cancelBtn:hover{transform:scale(1.1)}.reminder-modal{background-color:#fff;border-radius:8px;width:500px;max-width:100%;padding:1rem 1.7rem 1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=767px){.reminder-modal{max-width:70%;margin-top:25px}}.reminder-modal .reminder{isolation:isolate;-webkit-backdrop-filter:blur(10px)saturate(180%);background:linear-gradient(#ffffff40,#ffffff0d);border:1px solid #fff6;border-radius:1rem;flex-direction:column;width:fit-content;margin-bottom:10px;padding:1rem 0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 10px #0000001a}.reminder-modal .reminder:before{content:"";z-index:2;border-radius:.9375rem;position:absolute;inset:.0625rem}.reminder-modal .reminder:after{content:"";z-index:4;background:linear-gradient(#fff,#b09cfc);border-radius:.125rem;width:.25rem;transition:transform .3s;position:absolute;inset:.65rem auto .65rem .5rem}.reminder-modal .reminder:after:hover{transform:translate(.15rem)}.reminder-modal .reminder .task-title{color:#c4b5fd;z-index:5;padding:0 .25rem .4rem 1.25rem;font-size:1.1rem;font-weight:500;transition:transform .3s}.reminder-modal .reminder .task-title ul{justify-content:flex-end;display:flex}.reminder-modal .reminder .task-title ul li:first-child{margin-right:auto}.reminder-modal .reminder .task-title ul li i{margin-right:5px}.reminder-modal .reminder .task-title ul li .complete,.reminder-modal .reminder .task-title ul li .fa-trash{color:#ddd;cursor:pointer;margin-right:8px;font-size:.9rem}.reminder-modal .reminder .task-title ul li .complete{margin-left:15px}.reminder-modal .reminder .task-title ul li .complete:hover{color:#78eba2}.reminder-modal .reminder .task-desc{color:#99999d;z-index:5;padding:0 1.25rem;line-height:1.6;transition:transform .3s}.reminder-modal .reminder .task-tag{color:#4e4b4b99;background-color:#4e4b4b14;border-radius:5px;width:fit-content;padding:0 .5rem 0 .2rem}.reminder-modal-title{font-size:25px;display:inline}.reminder-modal-closeBtn{float:right;background-color:#fff;border:none;font-size:30px}.reminder-modal .empty-state{margin:10px 0 20px}.reminder-modal .empty-state p{text-align:center;color:#00000070}
/*# sourceMappingURL=To-do List Project.44b37df9.css.map */