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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background-color:#f5f5f5;display:flex;font-family:Roboto,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.App{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;max-width:500px;padding:20px;width:100%}.TodoContainer{align-items:flex-end;display:grid;justify-content:center;width:100%}.TodoCounter{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.TodoSearch{align-items:center;display:flex;margin-bottom:30px;width:100%}.TodoSearch input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;text-align:center;transition:box-shadow .3s ease;width:100%}.TodoSearch input:focus{border-color:#3e98c7;box-shadow:0 0 5px #3e98c780}.TodoList{flex:1 1;list-style:none;margin:5px 5px 30px;padding:0}.TodoItem{word-wrap:break-word;align-items:center;background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;max-width:450px;overflow:hidden;padding:10px;position:relative;transition:background-color .3s ease,border-color .3s ease}.TodoItem:hover{background-color:#f9f9f9}.TodoItem.completed{background-color:#8bd669}.TodoItem.urgent{background-color:#ffebee;border-color:#ffcdd2}.TodoItem.urgent:hover,.TodoItem.very-urgent{background-color:#ffcdd2}.TodoItem.very-urgent{border-color:#ef9a9a}.TodoItem.critical,.TodoItem.very-urgent:hover{background-color:#ef9a9a}.TodoItem.critical{border-color:#e57373}.TodoItem.critical:hover,.TodoItem.overdue{background-color:#e57373}.TodoItem.overdue{border-color:#ef5350;color:#fff}.TodoItem.overdue:hover{background-color:#ef5350}.TodoItem.overdue .TodoText{color:#fff}.TodoItem.overdue .TodoDate-text{color:#ffebee}.urgency-indicator{border-radius:2px 0 0 2px;bottom:0;left:0;position:absolute;top:0;width:4px}.urgency-indicator.urgent{background-color:#ffcdd2}.urgency-indicator.very-urgent{background-color:#ef9a9a}.urgency-indicator.critical{background-color:#e57373}.urgency-indicator.overdue{background-color:#ef5350}.TodoItem-content{display:flex;flex-direction:column;flex-grow:1;max-width:450px}.TodoText{word-wrap:break-word;flex-grow:1;max-width:450px;overflow:hidden}.TodoText.completed{text-decoration:line-through}.Icon{cursor:pointer;font-size:18px;font-weight:700;height:24px;justify-content:center;margin-left:10px;width:24px}.Icon,.TodoItem-buttons{align-items:center;display:flex}.TodoItem-buttons{gap:8px}.Icon-edit{position:relative;right:-10px;top:50%;transform:translateY(-50%)}.Icon-edit:before{content:"🖊️"}.Icon-edit:hover:before{color:#61dafa;content:"✍🏼"}.Icon-delete{position:relative;right:-10px;top:50%;transform:translateY(-50%)}.Icon-delete:before{content:"✖️"}.Icon-delete:hover:before{color:red;content:"❌"}.TodoDate{display:flex;justify-content:flex-start;margin-bottom:4px}.TodoDate-text{color:#6c757d;font-size:.75rem;font-style:italic;font-weight:400;opacity:.8}.TodoDate:hover .TodoDate-text{color:#495057;opacity:1}.CreateTodoButton{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px;text-align:center;width:100%;z-index:2}.CreateTodoButton:hover{background-color:#218838}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.CircularProgressBar{height:100px;margin:auto;position:flex;width:100px}.LoadingTodo-container{align-items:center;border-radius:10px;box-shadow:0 5px 50px #20232926;display:flex;justify-content:center;margin-top:10px;padding:12px 0;position:flex;width:350px}.LoadingTodo-text{font-size:18px;font-weight:400;line-height:24px;margin:10px;width:calc(100% + 10px)}.LoadingTodo-completeIcon,.LoadingTodo-deleteIcon{align-items:center;border-radius:50px;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.LoadingTodo-completeIcon{left:12px;position:absolute}.LoadingTodo-deleteIcon{position:absolute;right:0;top:-24px}.LoadingTodo-completeIcon,.LoadingTodo-container,.LoadingTodo-deleteIcon{animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ModalBackground{align-items:center;background-color:#202329cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ModalContent{background-color:#fff;border-radius:8px;color:#000;max-width:500px;min-height:200px;padding:20px;position:relative;width:50%}.CloseButton{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.CloseButton:before{content:"✖️"}.CloseButton:hover:before{color:red;content:"❌"}form{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:600px}label{font-size:1.5rem;font-weight:700;margin-bottom:10px;text-align:center}textarea{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:1rem;height:100px;max-width:400px;padding:10px;resize:none;transition:border-color .3s,box-shadow .3s;width:100%}textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.TodoForm-buttonContainer{display:flex;justify-content:center;width:100%}.TodoForm-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s,transform .2s}.TodoForm-button:hover{background-color:#218838}.TodoForm-button:active{transform:scale(.95)}.TodoEditForm{align-items:center;display:flex;flex-direction:column;gap:20px;max-width:600px}.TodoEditForm label{font-size:1.5rem;font-weight:700;margin-bottom:10px;text-align:center}.TodoEditForm textarea{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-size:1rem;height:100px;max-width:400px;padding:10px;resize:none;transition:border-color .3s,box-shadow .3s;width:100%}.TodoEditForm textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.TodoEditForm-buttonContainer{display:flex;gap:15px;justify-content:center;width:100%}.TodoEditForm-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;min-width:100px;padding:10px 20px;transition:background-color .3s,transform .2s}.TodoEditForm-button:hover{background-color:#218838}.TodoEditForm-button:active{transform:scale(.95)}.TodoEditForm-button--save{background-color:#28a745}.TodoEditForm-button--save:hover{background-color:#218838}.TodoEditForm-button--cancel{background-color:#dc3545}.TodoEditForm-button--cancel:hover{background-color:#c82333}
/*# sourceMappingURL=main.54dc61d0.css.map*/