.app-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:40px auto;max-width:600px;padding:24px}.app-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:32px;text-align:center}.todo-form{display:flex;gap:12px;margin-bottom:24px}.todo-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:1rem;padding:12px;transition:border-color .2s}.todo-input:focus{border-color:#3498db;outline:none}.todo-button{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .2s}.todo-button:hover{background:#2980b9}.todo-button.cancel{background:#e74c3c}.todo-button.cancel:hover{background:#c0392b}.todo-list{list-style:none;margin:0;padding:0}.todo-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;margin-bottom:8px;padding:16px;transition:transform .2s}.todo-item:hover{transform:translateX(4px)}.todo-checkbox{cursor:pointer;height:20px;margin-right:12px;width:20px}.todo-text{color:#2c3e50;flex:1 1;font-size:1rem}.todo-text.completed{color:#95a5a6;text-decoration:line-through}.todo-text.creating{color:#666;font-style:italic}.todo-text.deleting{opacity:.7}.todo-actions{display:flex;gap:8px}.todo-button.edit{background:#f1c40f}.todo-button.edit:hover{background:#f39c12}.todo-button.delete{background:#e74c3c}.todo-button.delete:hover{background:#c0392b}.loading,.no-todos{color:#7f8c8d;font-size:1.1rem;margin:24px 0;text-align:center}.no-todos{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:6px;padding:16px}.error-message{background:#fde8e8;border:1px solid #fbd5d5;border-radius:6px;color:#e74c3c;font-size:1.1rem;margin:16px 0;padding:12px;text-align:center}.todo-button:disabled,.todo-checkbox:disabled{cursor:not-allowed;opacity:.5}.todo-item.deleting{background:#f8f9fa;opacity:.7}.todo-item.deleting,.todo-item.deleting:hover{transform:translateX(0)}.todo-text.deleting{color:#666;font-style:italic}
/*# sourceMappingURL=main.f9b88f33.css.map*/