body{background:linear-gradient(135deg,#f0f4f8,#d9e2ec);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.app{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.todo-list{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:600px;padding:30px;transition:all .3s ease;width:100%}.add-todo-form-container{background-color:#f7f7f7;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;margin-bottom:25px;padding:15px}.add-todo-inputs-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.todo-input{border:1px solid #ccc;border-radius:8px;flex-grow:1;font-size:16px;min-width:150px;padding:12px 15px;transition:border-color .3s}.todo-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.priority-select{background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 15px}.add-todo-button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;padding:10px 20px;transition:background-color .2s,transform .1s}.add-todo-button:hover{background-color:#218838}.add-todo-button:active{transform:scale(.98)}.todo-item{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:default;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s,box-shadow .2s}.todo-item[style*="cursor: grab"]{cursor:grab!important}.todo-item[style*="cursor: grab"]:active{cursor:grabbing!important}.todo-item:hover{box-shadow:0 4px 10px #0000000d}.todo-item-content{align-items:center;display:flex;flex-grow:1;overflow:hidden}.todo-text{word-wrap:break-word;flex-grow:1;font-size:16px;line-height:1.4;margin-left:15px;white-space:normal}.todo-item.completed .todo-text{color:#888;opacity:.7;text-decoration:line-through}.todo-checkbox{-webkit-appearance:none;appearance:none;border:2px solid #ccc;border-radius:50%;cursor:pointer;height:20px;min-width:20px;transition:background-color .2s,border-color .2s;width:20px}.todo-checkbox:checked{background-color:#007bff;border-color:#007bff;position:relative}.todo-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.todo-item-actions{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-left:20px}.badge-container{display:flex;gap:8px;margin-right:10px}.priority-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.priority-badge[style*=Low]{background-color:#5cb85c}.priority-badge[style*=Normal]{background-color:#007bff}.priority-badge[style*=High]{background-color:#dc3545}.category-badge{background-color:#ffc107;border-radius:4px;color:#495057;font-size:12px;font-weight:600;padding:4px 8px}.action-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.edit-button{background-color:#ffc107;color:#333}.edit-button:hover{background-color:#e0a800}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#c82333}.save-button{background-color:#28a745;color:#fff}.save-button:hover{background-color:#218838}.cancel-button{background-color:#6c757d;color:#fff}.cancel-button:hover{background-color:#5a6268}.edit-input{flex-grow:1}.edit-input,.edit-select{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-right:10px;padding:8px 10px}.todo-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.sort-controls{align-items:center;display:flex;gap:10px}.sort-controls label{color:#555;font-size:.95rem;font-weight:600}.sort-select{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 10px}body.dark-mode{background:#121212;color:#e0e0e0}.todo-list.dark-mode-container{background:#1e1e1e;box-shadow:0 10px 25px #0006}.dark-mode-container h1,.dark-mode-container h2,.dark-mode-container h3{color:#f0f0f0}.dark-mode-container .edit-input,.dark-mode-container .edit-select,.dark-mode-container .priority-select,.dark-mode-container .sort-select,.dark-mode-container .todo-input{background-color:#333;border:1px solid #444;color:#e0e0e0}.dark-mode-container .sort-controls label{color:#ccc}.dark-mode-container .todo-input::placeholder{color:#888}.dark-mode-container .todo-item{background-color:#1e1e1e!important;border-bottom:1px solid #333}.dark-mode-container .todo-item.completed .todo-text{color:#888}.dark-mode-container .todo-item[style*=f0f0f0]{background-color:#2a2a2a!important}.dark-mode-container .add-todo-form-container{background-color:#2a2a2a;box-shadow:inset 0 1px 3px #ffffff0d}.dark-mode-container .todo-checkbox{border-color:#555}.dark-mode-container .todo-checkbox:checked{background-color:#007bff;border-color:#007bff}@media (max-width:600px){.add-todo-inputs-group{flex-direction:column;gap:15px}.add-todo-button,.priority-select,.todo-input{box-sizing:border-box;width:100%}.todo-item{align-items:flex-start;flex-direction:column;gap:10px}.todo-item-content{margin-left:0;width:100%}.todo-text{margin-left:10px}.todo-item-actions{justify-content:flex-end;margin-left:0;width:100%}.todo-list-header{align-items:flex-start;flex-direction:column;gap:10px}}
/*# sourceMappingURL=main.4c2b757a.css.map*/