.TodoForm_form__E9VHf{margin-bottom:24px}.TodoForm_inputGroup__ZSnfP{display:flex;gap:8px;margin-bottom:8px}.TodoForm_input__ozwjO{flex:1 1;padding:12px 16px;font-size:16px;border:2px solid #e1e5e9;border-radius:8px;outline:none;transition:border-color .2s}.TodoForm_input__ozwjO:focus{border-color:#0070f3}.TodoForm_input__ozwjO::placeholder{color:#666}.TodoForm_button__TU4gX{padding:12px 20px;font-size:16px;font-weight:500;color:white;background-color:#0070f3;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.TodoForm_button__TU4gX:hover{background-color:#0051cc}.TodoForm_button__TU4gX:active{background-color:#003d99}.TodoForm_error__ogHBm{margin:0;padding:8px 16px;font-size:14px;color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.TodoItem_todoItem__tfWK9{display:flex;align-items:center;gap:12px;padding:16px;background-color:white;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:8px;transition:box-shadow .2s}.TodoItem_todoItem__tfWK9:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.TodoItem_checkbox__LwI6V{display:flex;align-items:center;cursor:pointer}.TodoItem_checkboxInput__F9hbf{position:absolute;opacity:0;cursor:pointer}.TodoItem_checkmark__QerJC{display:block;width:20px;height:20px;border:2px solid #ccc;border-radius:4px;position:relative;transition:all .2s}.TodoItem_checkboxInput__F9hbf:checked+.TodoItem_checkmark__QerJC{background-color:#0070f3;border-color:#0070f3}.TodoItem_checkboxInput__F9hbf:checked+.TodoItem_checkmark__QerJC:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.TodoItem_title__MoAM0{flex:1 1;font-size:16px;line-height:1.5;transition:all .2s}.TodoItem_title__MoAM0.TodoItem_completed__jA5WO{text-decoration:line-through;color:#666;opacity:.7}.TodoItem_deleteButton__Fv3U4{padding:6px 12px;font-size:14px;color:#dc3545;background-color:transparent;border:1px solid #dc3545;border-radius:4px;cursor:pointer;transition:all .2s}.TodoItem_deleteButton__Fv3U4:hover{color:white;background-color:#dc3545}.TodoList_container__u7xLt{max-width:600px;margin:0 auto;padding:20px}.TodoList_title__bTsf_{font-size:32px;font-weight:700;text-align:center;margin-bottom:32px;color:#333}.TodoList_filters__lPLva{display:flex;gap:8px;margin-bottom:24px;justify-content:center;flex-wrap:wrap}.TodoList_filterButton__UXokJ{padding:8px 16px;font-size:14px;font-weight:500;color:#666;background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:20px;cursor:pointer;transition:all .2s}.TodoList_filterButton__UXokJ:hover{background-color:#e9ecef}.TodoList_filterButton__UXokJ.TodoList_active__BnfOB{color:white;background-color:#0070f3;border-color:#0070f3}.TodoList_todoList__IE0tf{min-height:200px}.TodoList_empty__pRmhx{text-align:center;padding:40px 20px;color:#666;font-style:italic;background-color:#f8f9fa;border-radius:8px;margin:0}.TodoList_clearButton__rDJ0x{display:block;width:100%;padding:12px;margin-top:24px;font-size:16px;font-weight:500;color:#dc3545;background-color:transparent;border:2px solid #dc3545;border-radius:8px;cursor:pointer;transition:all .2s}.TodoList_clearButton__rDJ0x:hover{color:white;background-color:#dc3545}