*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}.dark-mode{& .dashboard{background-color:#000}& .tog{background-color:#fff!important;& span{background-color:#000!important}}& .top-header{background-color:#000;box-shadow:3px 2px 10px #000}& .sidebar{background-image:linear-gradient(270deg,#000,#1111);border-right:1.5px solid #7048e8}& .sidebar .header span{color:#7048e8}& .overview .view-cards div{height:100%;box-shadow:none;border-radius:25%;padding:10px 15px}& .all-task{color:#fff;background-image:linear-gradient(90deg,#7048e8,#1c075d)}& .pending-task,& .completed-task,& .overdue-task{color:#fff;background-color:#000}& .overview h1{color:#fff;font-size:3rem;font-weight:800}& .task-container .head{color:#fff;font-size:1.7rem;font-weight:900}& .task-card{box-shadow:1px 1px 10px #525252}& .task-card:hover{box-shadow:1px 7px 10px #2d2d2d}& .completion-div{box-shadow:1px 7px 5px #212121}& .history-date{color:#fff}& .history-title{color:#fff;font-size:1.3rem;font-weight:500}& .history-time{opacity:.75;color:#fff;font-size:.8rem}& .settings-desc{color:#fff;margin-bottom:20px;font-size:1.2rem}}html{font-size:67.75%}.dashboard{color:#fff;background-color:#fff;grid-template-rows:70px 1fr;grid-template-columns:200px 1fr;gap:10px;width:100vw;height:100vh;padding:10px;display:grid}.sidebar{background-image:linear-gradient(270deg,#f3f3f3,#f4f9ff);grid-area:1/1/3;transition:all .4s;position:relative}.sidebar .header{color:#000;justify-content:space-between;align-items:center;width:100%;padding:15px 8px;display:flex}.sidebar .header span{color:#000;cursor:pointer;font-size:2.5rem}.sidebar .header h1{color:#7048e8;background-color:#fff;border-radius:0 100px 100px 0;padding:5px 10px;font-style:oblique;font-weight:900}.sidebar .navigates{width:100%;margin-top:20px;padding:15px 8px}.sidebar .navigates ul{flex-direction:column;align-items:center;gap:15px;display:flex}.sidebar .navigates ul li{text-align:start;cursor:pointer;color:#7048e8;border-radius:11px;gap:10px;width:100%;padding:10px 15px;font-size:1.5rem;font-weight:bolder;list-style:none;display:flex}.sidebar .navigates ul li:hover{background-color:#ced4da}.sidebar .navigates ul li:hover.active-tab{background-color:#7048e8}.active-tab{background-color:#7048e8;color:#fff!important}.sidebar .toggle-mode{justify-content:end;align-items:center;width:100%;padding:0 20px;display:flex;position:absolute;bottom:20px}.sidebar .toggle-mode .tog{cursor:pointer;background-color:#000;border:.5px solid #7048e8;border-radius:100px;align-items:center;width:50px;height:20px;padding:2px 1px;transition:all .4s;display:flex}.sidebar .toggle-mode .tog span{background-color:#fff;border-radius:100px;width:60%;height:15px;transition:all .4s}.toggle{& span{transform:translate(60%)}}.top-header{background-color:#f4f4f4;justify-content:space-between;align-items:center;padding:2px 20px;transition:all .4s;display:flex}.top-header .join-date{color:#7048e8;font-size:1.5rem;font-weight:900}.top-header .search-container{width:350px;height:40px}.top-header .search-container input{color:#000;border:none;border-radius:200px;outline-color:#7048e8;width:100%;height:100%;padding:10px;font-size:1.4rem;font-weight:600}.top-header .user-info{color:#fa5252;justify-content:center;align-items:center;gap:10px;display:flex}.top-header .user-info img{border-radius:50%}.top-header .user-info button{color:#fff;background-color:#7048e8;border:none;border-radius:50%;width:40px;height:40px;font-size:2rem}.content-sections{overflow:hidden}.tab-section{width:100%;height:100%}.tab-hidden{display:none}.section-details-1{grid-template-rows:1fr 2fr;grid-template-columns:1fr 300px;gap:20px;padding:15px;display:none}.overview{color:#000;flex-direction:column;grid-area:1/1/2/2;gap:15px;padding:10px;display:flex}.overview h1{font-size:3rem;font-weight:800}.overview .view-cards{justify-content:space-between;align-items:center;width:500px;height:100%;padding:15px;display:flex;overflow:hidden}.overview .view-cards div{border-radius:25%;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:100px;padding:10px 15px;display:flex}.overview .view-cards div:hover{transform:scale(1.1)}.overview .view-cards div h1{opacity:.5;font-size:1.5rem}.overview .view-cards div span{font-size:2.5rem;font-style:italic;font-weight:900}.all-task{color:#fff;background-color:#7048e8}.pending-task,.completed-task,.overdue-task{color:#000;background-color:#f1f1f1}.motivation{text-align:center;color:#fff;background-color:#000;border:.5px solid #363636;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;font-size:1.5rem;font-weight:800;display:flex}.task-container{background-color:#0000;border-radius:20px;flex-direction:column;grid-column:span 2;gap:10px;padding:15px;display:flex;overflow-y:scroll}.task-container .head{color:#000;font-size:1.7rem;font-weight:900}.task-container .card-container{flex-wrap:wrap;flex-shrink:1;gap:30px;width:100%;max-height:100%;padding:10px;display:flex}.task-card{color:#000;border-radius:20px;flex-flow:column wrap;gap:10px;width:300px;height:auto;padding:10px;transition:all .4s;display:flex;position:relative;box-shadow:1px 1px 5px #dedede}.done{background:#92fba7!important}.task-card:hover{box-shadow:1px 7px 5px #dedede}.task-card .id{background-color:#fbdc75;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.7rem;font-weight:800;display:flex}.task-card h1{color:#7048e8;font-size:2rem}.task-card p{color:#6a6a6a;font-size:1.5rem;line-height:1.3}.cat-time{justify-content:space-between;align-items:center;width:100%;padding:0 9px;display:flex}.cat-time .duration{color:#fff;text-align:center;background:#a50442;border-radius:160px;width:160px;padding:5px;font-size:1.1rem;font-weight:700}.task-card .category{color:#fff;text-align:center;border-radius:100px;width:100px;padding:5px 10px;font-size:1.1rem;font-weight:500}.task-card .crud{gap:10px;display:flex;position:absolute;top:-10px;right:-10px}.task-card .crud button{background-color:#f8fbb1;border:none;border-radius:50%;width:40px;height:40px}.task-card .crud .crud-btn{width:25px}.task-card .crud .complete{color:#0ccf33;cursor:pointer}.task-card .crud .edit{color:#7048e8}.task-card .crud .delete{color:#fa5252;cursor:pointer}.category-personal{background-color:#363636}.category-studies{background-color:#fa5252}.category-project{background-color:#6a6a6a}.category-collaboration{background-color:#310d9e}.section-details-2{display:none}.stats-grid{grid-template-rows:300px 300px;grid-template-columns:1fr 1fr;gap:15px;display:grid}.completion-div{border-radius:50%;justify-content:center;align-items:center;width:400px;height:100%;display:flex;box-shadow:1px 7px 5px #dedede}.completion-div span{font-size:10rem;font-weight:900}.completion-div-high{color:#0ccf33}.completion-div-medium{color:#c2b416}.completion-div-low{color:#fa5252}.week{text-align:center;color:#0ccf33;grid-area:2/span 2;justify-items:center;width:100%;height:100%;padding:20px 10px 10px}.category-grid,.complete-grid{text-align:center;color:#0ccf33;justify-items:center;width:100%;height:100%;padding:20px 10px 10px}.section-details-3{display:none}.flex h1{color:#7048e8;font-size:3rem;font-weight:900}.flex{grid-template-rows:60px 1fr;grid-template-columns:1fr;justify-items:center}.history-container{flex-direction:column;align-items:center;width:100%;height:100%;display:flex;overflow-y:scroll}.history-section{width:400px;margin-bottom:2rem}.history-date{color:#000;margin-bottom:.6rem;font-size:2.5rem;font-weight:800}.history-list{padding:0;list-style:none}.history-item{border-bottom:2px solid #363636;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.8rem 1rem;display:flex}.history-title{color:#000;font-size:1.3rem;font-weight:500}.history-time{opacity:.75;color:#000;font-size:.8rem}.cat-personal{color:#700;text-align:center;background:#ffb6c1;border-radius:6px;width:130px;padding:2px 8px}.cat-studies{color:#004;text-align:center;background:#bbdeff;border-radius:6px;width:130px;padding:2px 8px}.cat-project{color:#653;text-align:center;background:#fdd48f;border-radius:6px;width:130px;padding:2px 8px}.cat-collaboration{color:#733;text-align:center;background:#ffc8a2;border-radius:6px;width:130px;padding:2px 8px}.section-details-4{display:none}.settings{color:#7048e8;text-align:center;width:90%;height:100%;margin:auto;padding:20px}.settings-desc{color:#000;margin-bottom:20px;font-size:1.2rem}.settings-app-info{background:#f7f7f7;border:1px solid #ddd;border-radius:10px;padding:18px;line-height:1.4}.settings-app-info h3{margin-bottom:8px;font-size:1.8rem;font-weight:800}.settings-app-info p{font-size:1.5rem;font-weight:600}.active--tab-section{display:grid}@media (width<=900px){.tab-name{display:none}.dashboard{flex-direction:column;display:flex}.sidebar{justify-content:center;align-items:center;display:none;padding:0!important}.sidebar .navigates ul li{justify-content:center;align-items:center;display:flex}.sidebar .toggle-mode .tog{width:100%!important}.sidebar .toggle-mode{padding:10px;bottom:5px;left:1px;justify-content:flex-start!important}}.overlay{background-color:#0000004d;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:absolute;top:0}.active-overlay{display:flex}.close-box{text-align:end;width:100%;padding:10px 30px;font-size:3rem;font-weight:bolder}.close-box span{cursor:pointer;background-color:none;border-radius:200px;padding:10px;transition:all .4s}.close-box span:hover{box-shadow:1px 1px 10px red}.overlay form{background-color:#fff;flex-direction:column;align-items:center;gap:15px;width:70%;padding:25px;display:flex}.overlay form .fields{flex-direction:column;gap:10px;width:70%;padding:8px;display:flex;overflow:hidden}.overlay form .fields input{font-size:1.5rem;font-family:500;color:#363636;border:.5px solid gray;outline-color:#0ccf33;padding:10px 20px}.overlay form .fields label{color:#7048e8;font-size:1.5rem;font-weight:600}.overlay form .fields textarea{resize:none;outline-color:#0ccf33;height:100px;padding:10px;font-size:1.5rem}.overlay form .fields select{outline-color:#0ccf33;height:50px;padding:10px;font-size:1.5rem}.add-task-btn button{color:#fff;background-color:#000;border:none;border-radius:100px;width:200px;height:40px;font-size:1.7rem;font-weight:600}#alert-container{z-index:2000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:15px;right:20px}.alert{color:#fff;opacity:0;border-radius:6px;padding:12px 18px;font-size:.9rem;animation:.4s forwards slideIn,.4s 2.5s forwards fadeOut;transform:translate(50px)}.alert.success{background:#2ecc71}.alert.delete{background:#e74c3c}.alert.info{background:#3498db}.alert.warning{background:#f39c12}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(50px)}}
/*# sourceMappingURL=repo.972c94ab.css.map */