.task-form__title[data-v-892cc127]{text-align:center;font-size:24px;color:#333;margin-bottom:20px}.task-form__form[data-v-892cc127]{display:flex;flex-direction:column}.task-form__input-group[data-v-892cc127]{margin-bottom:15px;padding:10px}.task-form__label[data-v-892cc127]{font-size:16px;color:#555;margin-bottom:5px}.task-form__input[data-v-892cc127],.task-form__textarea[data-v-892cc127],.task-form__select[data-v-892cc127]{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.task-form__input[data-v-892cc127]:focus,.task-form__textarea[data-v-892cc127]:focus,.task-form__select[data-v-892cc127]:focus{border-color:#4caf50;outline:none}.task-form__textarea[data-v-892cc127]{resize:vertical;min-height:100px}.task-form__buttons[data-v-892cc127]{display:flex;justify-content:space-between;gap:10px}.task-form__btn[data-v-892cc127]{padding:10px 15px;font-size:16px;border:none;border-radius:4px;cursor:pointer}.task-form__btn--submit[data-v-892cc127]{background-color:#4caf50;color:#fff}.task-form__btn--reset[data-v-892cc127]{background-color:#f44336;color:#fff}.task-form__btn[data-v-892cc127]:hover{opacity:.9}.task-form__select[data-v-892cc127]{background-color:#fff}.min[data-v-892cc127]{padding:10px 20px;border-radius:4px}.error-msg[data-v-892cc127]{color:red}.task-form__btn[data-v-892cc127]:disabled{background-color:#ccc;color:#888;border:1px solid #ddd;cursor:not-allowed;opacity:.6}.task-form__btn[data-v-892cc127]:disabled:hover{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.task-form__title[data-v-892cc127]{width:320px;font-size:20px}.task-form__input[data-v-892cc127],.task-form__textarea[data-v-892cc127],.task-form__select[data-v-892cc127]{font-size:14px;padding:8px}.task-form__btn[data-v-892cc127]{font-size:14px;padding:8px 12px}.task-form__buttons[data-v-892cc127]{flex-direction:column;align-items:center}.task-form__btn--submit[data-v-892cc127],.task-form__btn--reset[data-v-892cc127]{width:100%;margin-bottom:10px}.task-form__input-group[data-v-892cc127]{padding:8px}.min[data-v-892cc127]{font-size:14px;padding:8px 15px}}@media (max-width: 480px){.container[data-v-892cc127]{width:100%;padding:20px}.task-form__title[data-v-892cc127]{font-size:18px}.task-form__input[data-v-892cc127],.task-form__textarea[data-v-892cc127],.task-form__select[data-v-892cc127]{font-size:13px;padding:7px}.task-form__btn[data-v-892cc127]{font-size:13px;padding:7px 10px}.task-form__input-group[data-v-892cc127]{padding:6px}.task-form__btn--submit[data-v-892cc127],.task-form__btn--reset[data-v-892cc127]{width:100%}.min[data-v-892cc127]{font-size:13px;width:100%;padding:10px}}.task-item[data-v-af89a17d]{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:background .2s ease-in-out;cursor:pointer}.task-item[data-v-af89a17d]:hover{background:#f5f5f5}.task-checkbox[data-v-af89a17d]{margin:10px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid #888;transition:border-color .3s ease-in-out;position:relative}.task-checkbox[data-v-af89a17d]:hover{border-color:red;color:red}.task-checkbox[data-v-af89a17d]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:transparent;transition:background .2s}.completed[data-v-af89a17d]{text-decoration:line-through;color:green;border-color:green}.task-checkbox.completed[data-v-af89a17d]:before{background:transparent}.task-checkbox svg[data-v-af89a17d]{display:none;width:14px;height:14px}.task-checkbox:hover svg[data-v-af89a17d],.task-checkbox.completed svg[data-v-af89a17d]{display:block}.task-title[data-v-af89a17d]{flex-grow:1;font-size:16px;color:#333}.task-date[data-v-af89a17d]{font-size:14px;color:#888}.task-actions[data-v-af89a17d]{display:flex;gap:8px}.task-actions button[data-v-af89a17d]{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background .2s ease-in-out}.task-actions button[data-v-af89a17d]:hover{background:#0000001a}.active[data-v-93b1343e]{color:green}.icon[data-v-93b1343e]{color:red;text-align:center;align-items:center;display:flex;justify-content:center}.chip-container[data-v-93b1343e]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.chip-container[data-v-93b1343e]:nth-of-type(1){color:red;margin-bottom:10px}.chip[data-v-93b1343e]{cursor:pointer;display:flex;align-items:center;padding:.5rem 1rem;background-color:#f0f0f0;border:solid 2px #3498db;border-radius:30px;font-size:1rem;font-weight:600;text-transform:uppercase;margin:5px;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.chip[data-v-93b1343e]:hover{background-color:#e0e0e0;transform:scale(1.05)}.chip.selected[data-v-93b1343e]{background-color:#3498db;color:#fff}.chip.selected[data-v-93b1343e]:hover{border:solid 1px green}.chip[data-v-93b1343e]:focus{outline:none}.chip .icon[data-v-93b1343e]{margin-right:5px}.chip.disabled[data-v-93b1343e]{background-color:#d3d3d3;color:#9e9e9e;cursor:not-allowed}@media (max-width: 768px){.chip[data-v-93b1343e]{font-size:.9rem;padding:0;margin:0}}@media (max-width: 480px){.chip-container[data-v-93b1343e]{justify-content:flex-start}.chip[data-v-93b1343e]{margin:0 auto;text-align:center;align-items:center;font-size:.8rem;padding:4px 12px;border-radius:20px}.chip span[data-v-93b1343e]{display:none}.chip .icon[data-v-93b1343e]{margin-right:0}}.todo-list[data-v-c481cbdf]{list-style:none;padding:0;margin:0}.add-btn[data-v-c481cbdf]{width:80%;margin:0 auto}h1[data-v-c481cbdf]{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:2.5em}.input-group[data-v-c481cbdf]{display:flex;gap:10px;margin-bottom:30px}@keyframes slideIn-c481cbdf{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut-c481cbdf{to{opacity:0;transform:translateY(20px);max-height:0;margin-bottom:0;padding:0 15px}}@media (max-width: 768px){.container[data-v-c481cbdf]{width:100%;padding:10px}.add-btn[data-v-c481cbdf]{width:100%;padding:12px}.input-group[data-v-c481cbdf]{flex-direction:column;gap:5px}.todo-item[data-v-c481cbdf]{flex-direction:column;align-items:flex-start;padding:12px}}@media (max-width: 480px){.container[data-v-c481cbdf]{padding:15px;border-radius:10px}h1[data-v-c481cbdf]{font-size:1.8em}.input-group[data-v-c481cbdf]{flex-direction:column;gap:8px}.add-btn[data-v-c481cbdf]{width:100%;padding:15px}.todo-item[data-v-c481cbdf]{font-size:14px;padding:10px}}.task-form__title[data-v-3a2d3f00]{text-align:center;font-size:24px;color:#333;margin-bottom:20px}.task-form__form[data-v-3a2d3f00]{display:flex;flex-direction:column}.task-form__input-group[data-v-3a2d3f00]{margin-bottom:15px;padding:10px}.task-form__label[data-v-3a2d3f00]{font-size:16px;color:#555;margin-bottom:5px}.task-form__input[data-v-3a2d3f00],.task-form__textarea[data-v-3a2d3f00],.task-form__select[data-v-3a2d3f00]{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.task-form__input[data-v-3a2d3f00]:focus,.task-form__textarea[data-v-3a2d3f00]:focus,.task-form__select[data-v-3a2d3f00]:focus{border-color:#4caf50;outline:none}.task-form__textarea[data-v-3a2d3f00]{resize:vertical;min-height:100px}.task-form__buttons[data-v-3a2d3f00]{display:flex;justify-content:space-between;gap:10px}.task-form__btn[data-v-3a2d3f00]{padding:10px 15px;font-size:16px;border:none;border-radius:4px;cursor:pointer}.task-form__btn--submit[data-v-3a2d3f00]{background-color:#4caf50;color:#fff}.task-form__btn[data-v-3a2d3f00]:hover{opacity:.9}.task-form__select[data-v-3a2d3f00]{background-color:#fff}.min[data-v-3a2d3f00]{padding:10px 20px;border-radius:4px}.error-msg[data-v-3a2d3f00]{color:red}.task-form__btn[data-v-3a2d3f00]:disabled{background-color:#ccc;color:#888;border:1px solid #ddd;cursor:not-allowed;opacity:.6}.task-form__btn[data-v-3a2d3f00]:disabled:hover{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.task-form__title[data-v-3a2d3f00]{width:320px;font-size:20px}.task-form__input[data-v-3a2d3f00],.task-form__textarea[data-v-3a2d3f00],.task-form__select[data-v-3a2d3f00]{font-size:14px;padding:8px}.task-form__btn[data-v-3a2d3f00]{font-size:14px;padding:8px 12px}.task-form__buttons[data-v-3a2d3f00]{flex-direction:column;align-items:center}.task-form__btn--submit[data-v-3a2d3f00]{width:100%;margin-bottom:10px}.task-form__input-group[data-v-3a2d3f00]{padding:8px}.min[data-v-3a2d3f00]{font-size:14px;padding:8px 15px}}@media (max-width: 480px){.container[data-v-3a2d3f00]{width:100%;padding:20px}.task-form__title[data-v-3a2d3f00]{font-size:18px}.task-form__input[data-v-3a2d3f00],.task-form__textarea[data-v-3a2d3f00],.task-form__select[data-v-3a2d3f00]{font-size:13px;padding:7px}.task-form__btn[data-v-3a2d3f00]{font-size:13px;padding:7px 10px}.task-form__input-group[data-v-3a2d3f00]{padding:6px}.task-form__btn--submit[data-v-3a2d3f00]{width:100%}.min[data-v-3a2d3f00]{font-size:13px;width:100%;padding:10px}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.container{width:800px;max-width:100%;background:#fff;padding:10px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.button{padding:15px 25px;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:transform .2s,background .3s}.button:hover{background:#2980b9;transform:scale(1.05)}.button:active{transform:scale(.95)}@media (max-width: 768px){.container{width:100%;padding:10px}.button{width:100%;text-align:center;padding:12px 20px}}@media (max-width: 480px){body{padding:10px}.container{padding:15px}.button{font-size:14px;padding:10px 15px}}