.todo-app[data-v-30b41408]{max-width:800px;margin:0 auto;padding:20px 24px 40px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014}.page-h1-todo[data-v-30b41408]{width:100%;text-align:center;font-size:1.2rem;font-weight:700;color:#1f2937;margin:0;padding:16px 16px 0}.stats-bar[data-v-30b41408]{display:flex;justify-content:center;gap:12px;padding:12px 16px;margin-top:12px;background:#f8fafc;border-radius:8px;font-size:14px;color:#4b5563;flex-wrap:wrap}.stats-bar strong[data-v-30b41408]{color:#1f2937}.overdue-count[data-v-30b41408]{color:#dc2626}.toolbar[data-v-30b41408]{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:10px}.toolbar-left[data-v-30b41408],.toolbar-right[data-v-30b41408]{display:flex;gap:8px;align-items:center}.btn[data-v-30b41408]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s ease;white-space:nowrap}.btn[data-v-30b41408]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.btn[data-v-30b41408]:active{transform:translateY(0)}.btn-sort[data-v-30b41408]{background-color:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.btn-sort[data-v-30b41408]:hover{background-color:#e0e7ff}.btn-filter[data-v-30b41408]{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.btn-filter.active[data-v-30b41408]{background-color:#409eff;color:#fff;border-color:#409eff}.input-area[data-v-30b41408]{display:flex;gap:10px;margin-top:20px;padding:16px;background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:center}.task-input[data-v-30b41408]{flex:1;min-width:200px;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .25s ease}.task-input[data-v-30b41408]:focus{border-color:#409eff;box-shadow:0 0 0 3px #409eff26}.priority-select[data-v-30b41408],.date-input[data-v-30b41408]{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;background:#fff;cursor:pointer;transition:border-color .25s ease}.priority-select[data-v-30b41408]:focus,.date-input[data-v-30b41408]:focus{border-color:#409eff}.btn-add[data-v-30b41408]{background-color:#409eff;color:#fff;padding:10px 20px}.btn-add[data-v-30b41408]:hover:not(:disabled){background-color:#66b1ff}.btn-add[data-v-30b41408]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.task-list[data-v-30b41408]{list-style:none;margin:20px 0 0;padding:0}.task-item[data-v-30b41408]{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .25s ease}.task-item[data-v-30b41408]:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.task-item.overdue[data-v-30b41408]{background-color:#fef2f2;border-color:#fecaca}.task-item.completed[data-v-30b41408]{opacity:.65}.checkbox-wrapper[data-v-30b41408]{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.task-checkbox[data-v-30b41408]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #d1d5db;border-radius:5px;outline:none;cursor:pointer;transition:all .2s ease;position:relative}.task-checkbox[data-v-30b41408]:checked{background-color:#409eff;border-color:#409eff}.task-checkbox[data-v-30b41408]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-content[data-v-30b41408]{flex:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.task-text[data-v-30b41408]{font-size:15px;color:#1f2937;word-break:break-word;line-height:1.5}.text-completed[data-v-30b41408]{text-decoration:line-through;color:#9ca3af}.priority-tag[data-v-30b41408]{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.priority-high[data-v-30b41408]{background-color:#fee2e2;color:#dc2626}.priority-medium[data-v-30b41408]{background-color:#ffedd5;color:#ea580c}.priority-low[data-v-30b41408]{background-color:#f3f4f6;color:#6b7280}.due-date[data-v-30b41408]{font-size:13px;color:#6b7280;white-space:nowrap;flex-shrink:0}.date-overdue[data-v-30b41408]{color:#dc2626;font-weight:600}.overdue-tag[data-v-30b41408]{margin-left:4px;font-size:11px}.btn-delete[data-v-30b41408]{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;flex-shrink:0;line-height:1}.btn-delete[data-v-30b41408]:hover{color:#dc2626;background:#fef2f2}.empty-state[data-v-30b41408]{text-align:center;padding:60px 20px;color:#9ca3af}.empty-icon[data-v-30b41408]{font-size:48px;margin-bottom:12px;opacity:.4}.empty-state p[data-v-30b41408]{font-size:15px;margin:0}.todo-list-enter-active[data-v-30b41408]{transition:all .35s cubic-bezier(.4,0,.2,1)}.todo-list-leave-active[data-v-30b41408]{transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;width:calc(100% - 32px)}.todo-list-enter-from[data-v-30b41408]{opacity:0;transform:translate(-20px)}.todo-list-leave-to[data-v-30b41408]{opacity:0;transform:translate(20px)}.todo-list-move[data-v-30b41408]{transition:transform .35s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.todo-app[data-v-30b41408]{padding:16px 16px 30px;border-radius:8px}.page-h1-todo[data-v-30b41408]{font-size:1.1rem;padding:12px 12px 0}.stats-bar[data-v-30b41408]{font-size:13px;padding:10px 12px;gap:8px}.toolbar[data-v-30b41408]{flex-direction:column;align-items:stretch;gap:8px}.toolbar-left[data-v-30b41408],.toolbar-right[data-v-30b41408]{justify-content:center}.input-area[data-v-30b41408]{padding:12px;gap:8px}.task-input[data-v-30b41408]{min-width:100%;flex-basis:100%}.priority-select[data-v-30b41408],.date-input[data-v-30b41408]{flex:1;min-width:0;padding:8px 10px;font-size:13px}.btn-add[data-v-30b41408]{width:100%;padding:10px}.task-item[data-v-30b41408]{padding:12px;gap:10px}.task-text[data-v-30b41408]{font-size:14px}.priority-tag[data-v-30b41408]{font-size:11px;padding:1px 8px}.due-date[data-v-30b41408]{font-size:12px}}@media(max-width:480px){.todo-app[data-v-30b41408]{padding:12px 12px 24px}.page-h1-todo[data-v-30b41408]{font-size:1rem}.stats-bar[data-v-30b41408]{font-size:12px;padding:8px 10px}.btn[data-v-30b41408]{padding:6px 12px;font-size:13px}.task-item[data-v-30b41408]{flex-wrap:wrap}.task-content[data-v-30b41408]{flex-basis:calc(100% - 52px)}.btn-delete[data-v-30b41408]{position:absolute;right:8px;top:50%;transform:translateY(-50%)}}