@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:flex-start;background:#8758ff;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.App{text-align:center}h1{color:#00b3ff;font-size:2rem;font-weight:600;margin:0;pointer-events:none;-webkit-user-select:none;user-select:none}.TodoWrapper{background-color:#f8f8f8;border-radius:16px;box-shadow:0 10px 25px #0000001a;color:#222;margin-top:20px;max-width:700px;padding:40px 30px;position:relative;transition:all .3s ease;width:100%}.TodoWrapper.dark{background-color:#1e1e1e;color:#eee}.header{margin-bottom:25px;position:relative;text-align:center}.dark-toggle{background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;font-size:1.2rem;padding:5px 10px;position:absolute;right:0;top:0;transition:background .2s ease}.dark-toggle:hover{background:#ffffff12}.TodoForm{margin-bottom:1rem;text-align:center;width:100%}.todo-input{background:#fff;border:1px solid #00b3ff;border-radius:6px;color:#333;margin-top:1rem;max-width:400px;outline:none;padding:.5rem 1rem;transition:.2s ease;width:100%}.todo-input:focus{border-color:#56dd08;box-shadow:0 0 0 2px #56dd0833}.todo-input::placeholder{color:#999}.input-warning{background-color:#fff8e1;border-color:#f5a623;color:#a05d00}.warning-text{align-items:center;color:#f5a623;display:flex;font-size:.85rem;font-style:italic;gap:6px;margin-left:auto;margin-right:auto;margin-top:6px;max-width:400px;text-align:left}.TodoBtn{background:#56dd08;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-left:10px;margin-top:1rem;padding:.55rem 1.2rem;transition:.3s ease}.TodoBtn:hover{background:#42b505}.todo-list{margin-top:20px}.Todo{align-items:center;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:inherit;display:flex;margin-bottom:1rem;padding:.75rem 1rem;transition:.2s ease;-webkit-user-select:none;user-select:none}.Todo.completed{background-color:#d1f5d3;border-left:5px solid #4caf50;color:#2e7d32}.Todo.inprogress{background-color:#fff3cd;border-left:5px solid #ff9800;color:#e69500}.Todo.incompleted{background-color:#ffe2e2;border-left:5px solid #f44336;color:#d32f2f}.Todo input[type=checkbox]{cursor:pointer;height:18px;margin-right:12px;width:18px}.Todo p{cursor:pointer;flex-grow:1;margin:0;-webkit-user-select:none;user-select:none}.Todo svg{cursor:pointer;margin-right:10px}.delete-icon{color:#888;cursor:pointer;font-size:1.1rem;margin-left:10px;transition:color .2s ease}.delete-icon:hover{color:#f44336}.edit-icon{cursor:pointer;font-size:1.1rem;margin-left:10px;transition:.2s ease}.edit-icon:hover{transform:scale(1.2)}.filter-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.filter-buttons button{background-color:#ddd;border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#333;cursor:pointer;font-size:1rem;font-weight:600;min-width:110px;padding:8px 18px;text-align:center;transition:background-color .25s ease,color .25s ease}.filter-buttons button:hover{color:#fff}.filter-buttons button.all:hover{background-color:#6c8cd5}.filter-buttons button.incompleted:hover{background-color:#e74c3c}.filter-buttons button.inprogress:hover{background-color:#f39c12}.filter-buttons button.completed:hover{background-color:#2ecc71}.filter-buttons button.active{box-shadow:0 4px 12px #0000004d;color:#fff;transform:scale(1.05)}.filter-buttons button.active.all{background-color:#6c8cd5}.filter-buttons button.active.incompleted{background-color:#e74c3c}.filter-buttons button.active.inprogress{background-color:#f39c12}.filter-buttons button.active.completed{background-color:#2ecc71}
/*# sourceMappingURL=main.2655a8f3.css.map*/