body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.todo-wrapper{position:relative}.open-popup-btn{align-items:center;background:linear-gradient(123deg,#cf584d,#1593af),linear-gradient(180deg,#222 23.3%,#1ab8db 99.48%,#1593af);border:none;border-radius:40px;box-shadow:0 4px 16px 0 rgba(0,0,0,.35);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:4rem;height:80px;justify-content:center;overflow:hidden;padding:8px;width:80px}.open-popup-btn:hover{background:linear-gradient(240deg,#cf584d,#1593af)}.open-popup-btn:hover:after{background-color:#333;border-radius:2px;color:#fff;content:"Add a new task";font-size:10px;left:110%;opacity:0;opacity:1;padding:2px 5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateX(-10px) translateY(-50%);transform:translateX(-10px) translateY(-50%);-webkit-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;white-space:nowrap;z-index:1}.add-task-icon{background:none;border-radius:0;box-shadow:none;color:#cf584d;font-size:2rem;font-weight:700;gap:8px;padding:0;text-align:center}.add-task-icon,.modal{align-items:center;display:flex;justify-content:center;width:100%}.modal{background-color:rgba(0,0,0,.7);height:100%;left:0;position:fixed;top:0;z-index:1000}.modal-content{-webkit-animation:slideDown .3s ease-out;animation:slideDown .3s ease-out;background-color:#fff;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:400px;padding:2rem;width:80%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:0 10px;position:relative}.title-container{text-align:center;width:100%}.close{cursor:pointer;position:absolute;right:-8px;top:-5px}.modal-body{margin:1rem 0}.form-row{margin-bottom:1rem;padding:10px 30px 10px 0}.modal-form label{display:block;margin-bottom:.5rem}.modal-footer{text-align:center}.button.good,.modal-footer{align-items:center;display:flex;justify-content:center}.button.good{background-color:#cf584d;border:none;border-radius:20px;color:#fff;cursor:pointer;gap:8px;padding:8px 24px 8px 16px;transition:background-color .3s}.button.good:hover{background-color:#ff7a6a}.button.good span{margin-right:8px}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.form-input{background:none;border:1px solid #ced6e0;border-radius:5px;box-shadow:none;font-size:18px;height:50px;padding:5px 15px;transition:all .3s ease-in-out;width:100%}.todo-input{grid-row-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}::-webkit-input-placeholder{color:#cf584d}::placeholder{color:#cf584d}input{color:#cf584d}input[type=submit]{margin:0;width:auto}.due-today{background:linear-gradient(123deg,#cf584d,#1593af),linear-gradient(180deg,#222 23.3%,#1ab8db 99.48%,#1593af);box-shadow:0 4px 16px 0 rgba(0,0,0,.35)}.completed,.completed .todo-text,.due-today .todo-category,.due-today .todo-date,.due-today .todo-text,.due-today .todo-time{color:#fff;font-weight:700}.completed,.todo-block.completed{background:linear-gradient(320deg,#cf584d,#1593af),linear-gradient(240deg,#222 23.3%,#1ab8db 99.48%,#1593af);height:60px;text-decoration:line-through}.completed-badge{background-color:rgba(21,147,175,.8);border:2px solid #fff;border-radius:5px;color:#fff;font-size:.7rem;font-weight:700;left:-15px;mix-blend-mode:multiply;padding:5px 6px;position:absolute;top:11px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.todo-block{position:relative;z-index:0}.todo-container{display:flex;flex-direction:column;gap:15px;margin:20px auto;max-width:600px}.app-title{color:#ff7473;font-family:Comic Sans MS,sans-serif;font-style:italic;font-weight:700;text-align:center}.todo-list-header{justify-content:space-between}.todo-list-container,.todo-list-header{align-items:center;display:flex;font-size:16px;padding:10px 20px}.todo-list-container{flex-direction:column;gap:20px;height:100vh;justify-content:center}.flex-row-container{display:flex;gap:20px}.todo-list-container>*{margin:0 10px}.todo-list-header{background-color:#e5e5e5;border-radius:10px 10px 0 0;box-shadow:0 4px 6px rgba(0,0,0,.1);font-weight:700;min-width:450px}.todo-category-header,.todo-date-header,.todo-text-header,.todo-time-header{flex:1 1;text-align:center}.todo-actions-header{flex:1.5 1;text-align:center}.todo-block{align-items:center;background-color:#e5e5e5;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;font-size:16px;justify-content:space-between;padding:10px 20px}.todo-category,.todo-date,.todo-text,.todo-time{flex:1 1;text-align:center}.todo-text{border-radius:5px;color:#cf584d;font-weight:700;padding:10px}.todo-actions{display:flex;flex:1.5 1;gap:10px}.todo-action{background:none;border:none;border-radius:5px;cursor:pointer;font-size:18px;padding:5px 10px;transition:background-color .3s}.todo-action:hover{background-color:rgba(0,0,0,.1)}.edit-modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.edit-modal button,.edit-modal input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:5px 0;padding:5px 10px}.edit-modal button{background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s}.edit-modal button:hover{background-color:#0056b3}.completed .todo-category,.completed .todo-date,.completed .todo-text,.completed .todo-time{opacity:.7;text-decoration:line-through}.todo-block,.todo-list-header{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:10px 20px}.load-more-btn{background-color:#cf584d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:20px 0;padding:10px 20px;transition:background-color .3s}.load-more-btn:hover{background-color:#ff7a6a}.no-tasks{color:#cf584d;font-size:18px;padding:20px 0;text-align:center}.delete-confirm-popup{align-items:center;background:linear-gradient(330deg,#cf584d,#1593af),linear-gradient(244deg,#222 23.3%,#1ab8db 99.48%,#1593af);border-radius:8px;color:#fff;display:inline;flex-direction:column;font-size:1rem;font-weight:600;gap:10px;left:50%;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.overlay{background-color:rgba(0,0,0,.3);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.delete-confirm-popup button{border:none;border-radius:5px;cursor:pointer;margin:0 5px;padding:10px 20px}.task-deleted-popup{align-items:center;background:linear-gradient(330deg,#cf584d,#1593af),linear-gradient(244deg,#222 23.3%,#1ab8db 99.48%,#1593af);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#fff;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:10px;left:50%;min-width:200px;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1000}.close-popup{cursor:pointer;position:absolute;right:5px;top:5px}.delete_task{background:#1593af;color:#fff;font-size:14px;font-weight:400}.delete_task:hover{background-color:#1ab8db}.cancel{background:#cf584d;color:#fff;font-size:14px;font-weight:400}.cancel:hover{background:#ff7473}.calendar-main{position:relative;top:30px}.calendar-container{background-color:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 5px 15px rgba(0,0,0,.1);height:auto;margin:20px auto;overflow:hidden;padding:30px;position:relative;width:502px}.calendar-header{align-items:center;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-bottom:12px}.calendar-header .arrow{color:#888;cursor:pointer;font-size:1.5rem}.calendar-header .arrow:hover{color:#666}.week-days{display:flex;list-style-type:none;margin-bottom:12px;padding:0}.week-days li{color:#777;flex:1 1;font-weight:700;text-align:center}.weeks{border:1px solid #d5d4df;display:flex;flex-wrap:wrap;justify-content:space-between}.weeks>span{align-items:center;border-bottom:1px solid #d5d4df;border-right:1px solid #d5d4df;box-sizing:initial;cursor:pointer;display:flex;height:64px;justify-content:center;transition:background-color .3s;width:70px}.weeks>span:hover{background-color:#f5f5f5}.weeks>span.active{background-color:#0047ab;color:#fff;font-weight:700}.today{color:#cf584d}.weeks>span.today{background-color:#45539d;border:1px solid #0047ab}.empty-day.disabled{color:#ccc;cursor:not-allowed}.tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,.1);left:calc(100% + 10px);max-width:calc(100vw - 20px);padding:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;z-index:1}.tooltip:not(.visible){display:none}.tooltip:before{border-color:transparent #ccc transparent transparent;border-style:solid;border-width:5px 10px 5px 0;left:-10px;z-index:-1}.tooltip:after,.tooltip:before{content:"";height:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}.tooltip:after{border-color:transparent #fff transparent transparent;border-style:solid;border-width:4px 9px 4px 0;left:-9px}.has-tasks:hover{background-color:#f5f5f5}.task-counter{background-color:#0047ab;border-radius:50%;color:#fff;font-size:10px;left:18px;padding:2px 4px;position:relative;top:-24px;z-index:1}.day-cell:hover .tooltip,.has-tasks:hover .tooltip{display:block}.tooltip-tasks{list-style-type:none;margin:0;padding:0}.tooltip-tasks li{margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul{list-style-type:none;margin:5px 0 0;max-height:60px;overflow-y:auto;padding:0}ul li{font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-icon{display:block;height:25px;position:absolute;right:5px;top:5px;width:25px}.day-cell{position:relative}.today .task-counter{background-color:#fff;color:#cf584d}.sunday{color:red}.sunday:hover{background-color:#ffe6e6}.sunday.active,.sunday.today{background-color:red;color:#fff}.container .display-date{color:#ff7473;font-family:Comic Sans MS,sans-serif;font-size:1.6rem;font-style:italic;font-weight:600;margin-bottom:10px;text-align:center}.container .display-time{-webkit-box-reflect:below 2px linear-gradient(transparent,hsla(0,0%,100%,.05));border:2px solid #cf584d;border-radius:5px;color:#cf584d;display:flex;font-size:5rem;font-weight:700;padding:10px 20px;transition:.1s ease-in-out;transition-property:background,box-shadow,color}.container .display-time:hover{background:#cf584d;box-shadow:0 0 30px #cf584d;color:#fff;cursor:pointer}
/*# sourceMappingURL=main.c3f594f6.css.map*/