.todo-page[data-v-8ce0aab5]{min-height:100vh;padding:2rem;background:linear-gradient(180deg,#f9fafb,#fff)}.page-container[data-v-8ce0aab5]{max-width:64rem;margin:0 auto}.page-header[data-v-8ce0aab5]{margin-bottom:1.25rem}.header-inner[data-v-8ce0aab5]{display:flex;gap:1.5rem;align-items:flex-end;justify-content:space-between;padding:1.5rem;border:1px solid #e5e7eb;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f}.page-title[data-v-8ce0aab5]{font-size:1.75rem;font-weight:800;color:#111827;margin:0 0 .35rem}.page-subtitle[data-v-8ce0aab5]{color:#6b7280;font-size:.95rem;margin:0}.progress-area[data-v-8ce0aab5]{width:14rem;flex-shrink:0}.progress-text[data-v-8ce0aab5]{font-size:.875rem;color:#374151;margin-bottom:.5rem;text-align:right}.progress-bar[data-v-8ce0aab5]{height:.5rem;background:#eef2ff;border-radius:999px;overflow:hidden;border:1px solid #e5e7eb}.progress-fill[data-v-8ce0aab5]{height:100%;background:#2563eb;border-radius:999px;transition:width .2s ease}.stats-container[data-v-8ce0aab5]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.stat-card[data-v-8ce0aab5]{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;text-align:center;box-shadow:0 1px 3px #0000000f}.stat-card.active[data-v-8ce0aab5]{border-color:#2563eb;background:#eff6ff}.stat-card.completed[data-v-8ce0aab5]{border-color:#10b981;background:#f0fdf4}.stat-value[data-v-8ce0aab5]{font-size:1.75rem;font-weight:800;color:#111827;margin-bottom:.35rem}.stat-label[data-v-8ce0aab5]{font-size:.875rem;color:#6b7280;font-weight:600}.add-todo-card[data-v-8ce0aab5]{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000f}.add-todo-form[data-v-8ce0aab5]{display:flex;gap:.75rem;align-items:stretch}.todo-input[data-v-8ce0aab5]{flex:1}.todo-input[data-v-8ce0aab5] input{height:2.75rem;border-radius:.75rem}.add-button[data-v-8ce0aab5]{height:2.75rem;border-radius:.75rem;flex-shrink:0}.hint-text[data-v-8ce0aab5]{margin:.75rem 0 0;font-size:.85rem;color:#6b7280}.filter-container[data-v-8ce0aab5]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-tabs[data-v-8ce0aab5]{display:inline-flex;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.25rem;gap:.25rem;box-shadow:0 1px 3px #0000000f}.tab[data-v-8ce0aab5]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .85rem;font-size:.9rem;border-radius:.6rem;border:none;cursor:pointer;background:transparent;color:#374151}.tab[data-v-8ce0aab5]:hover{background:#f3f4f6}.tab.active[data-v-8ce0aab5]{background:#2563eb;color:#fff}.badge[data-v-8ce0aab5]{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .45rem;border-radius:999px;font-size:.8rem;background:#eef2ff;color:#111827}.tab.active .badge[data-v-8ce0aab5]{background:#fff3;color:#fff}.todo-list-card[data-v-8ce0aab5]{border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000f}.todo-list[data-v-8ce0aab5]{display:flex;flex-direction:column;gap:0}.drop-zone[data-v-8ce0aab5]{height:.25rem;margin:.125rem 0;border-radius:.25rem;transition:all .2s ease;background:transparent;position:relative}.drop-zone.drag-over[data-v-8ce0aab5]{height:2rem;background:#2563eb;margin:.5rem 0;box-shadow:0 0 12px #2563eb80}.drop-zone.drag-over[data-v-8ce0aab5]:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#fff;transform:translateY(-50%)}.todo-item[data-v-8ce0aab5]{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;margin:.125rem 0;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .2s ease;position:relative}.todo-item[data-v-8ce0aab5]:hover{background:#f9fafb;border-color:#d1d5db}.todo-item.completed[data-v-8ce0aab5]{background:#f9fafb}.todo-item.dragging[data-v-8ce0aab5]{opacity:.5;cursor:grabbing}.todo-item[draggable=true][data-v-8ce0aab5]{cursor:grab}.todo-item[draggable=true][data-v-8ce0aab5]:active{cursor:grabbing}.todo-content-wrapper[data-v-8ce0aab5]{display:flex;align-items:center;gap:.85rem;flex:1;min-width:0}.drag-handle[data-v-8ce0aab5]{color:#9ca3af;cursor:grab;font-size:.9rem;flex-shrink:0;padding:.25rem;transition:color .2s ease}.drag-handle[data-v-8ce0aab5]:hover{color:#6b7280}.drag-handle[data-v-8ce0aab5]:active{cursor:grabbing}.todo-item:hover .drag-handle[data-v-8ce0aab5]{color:#4b5563}.todo-checkbox-hit[data-v-8ce0aab5]{display:inline-flex}.todo-text[data-v-8ce0aab5]{flex:1;font-size:1rem;color:#111827;font-weight:600;word-break:break-word}.todo-item.completed .todo-text[data-v-8ce0aab5]{text-decoration:line-through;color:#6b7280;font-weight:500}.status-pill[data-v-8ce0aab5]{flex-shrink:0;font-size:.8rem;font-weight:700;padding:.25rem .5rem;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.delete-button[data-v-8ce0aab5]{flex-shrink:0;opacity:.45}.todo-item:hover .delete-button[data-v-8ce0aab5]{opacity:.95}.empty-state[data-v-8ce0aab5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1rem;text-align:center}.empty-icon[data-v-8ce0aab5]{font-size:3.25rem;color:#d1d5db;margin-bottom:1rem}.empty-text[data-v-8ce0aab5]{color:#6b7280;font-size:1rem;margin:0}.template-bar[data-v-8ce0aab5]{margin-top:1rem;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000000f}.tpl-bar-inner[data-v-8ce0aab5]{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.tpl-left[data-v-8ce0aab5]{display:flex;flex-direction:column;gap:.5rem;min-width:0}.tpl-title[data-v-8ce0aab5]{font-size:.95rem;color:#111827}.tpl-controls[data-v-8ce0aab5]{display:flex;align-items:center;gap:.5rem}.tpl-dropdown[data-v-8ce0aab5]{min-width:12rem}.tpl-right[data-v-8ce0aab5]{display:inline-flex;gap:.5rem;flex-wrap:wrap}.tpl-load[data-v-8ce0aab5]{border-radius:.75rem}.tpl-hint[data-v-8ce0aab5]{margin:.75rem 0 0;font-size:.85rem;color:#6b7280}.page-tabs-wrap[data-v-8ce0aab5]{margin-bottom:1.25rem}.page-tabs[data-v-8ce0aab5]{display:inline-flex;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.25rem;gap:.25rem;box-shadow:0 1px 3px #0000000f}.page-tab[data-v-8ce0aab5]{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;font-size:.95rem;font-weight:600;border-radius:.6rem;border:none;cursor:pointer;background:transparent;color:#374151;text-decoration:none}.page-tab[data-v-8ce0aab5]:hover{background:#f3f4f6}.page-tab.active[data-v-8ce0aab5]{background:#2563eb;color:#fff}[data-v-8ce0aab5] .p-card-body{padding:1.25rem}[data-v-8ce0aab5] .p-card-content{padding:0}@media (max-width: 768px){.todo-page[data-v-8ce0aab5]{padding:1rem}.header-inner[data-v-8ce0aab5]{flex-direction:column;align-items:stretch}.progress-area[data-v-8ce0aab5]{width:100%}.progress-text[data-v-8ce0aab5]{text-align:left}.stats-container[data-v-8ce0aab5]{grid-template-columns:1fr}.add-todo-form[data-v-8ce0aab5]{flex-direction:column}.filter-container[data-v-8ce0aab5]{flex-direction:column;align-items:stretch}.filter-tabs[data-v-8ce0aab5]{width:100%}.tab[data-v-8ce0aab5]{flex:1}.tpl-dropdown[data-v-8ce0aab5],.page-tabs[data-v-8ce0aab5]{width:100%}.page-tab[data-v-8ce0aab5]{flex:1}}