*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,select{font-family:inherit;font-size:inherit;color:inherit}input:focus,select:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-input: #ffffff;--color-bg-hover: #f0f1f3;--color-text-primary: #1a1a2e;--color-text-secondary: #6b7280;--color-text-placeholder: #9ca3af;--color-border: #e5e7eb;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-light: #eef2ff;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #22c55e;--color-warning: #f59e0b;--color-priority-high: #ef4444;--color-priority-high-bg: #fef2f2;--color-priority-medium: #f59e0b;--color-priority-medium-bg: #fffbeb;--color-priority-low: #3b82f6;--color-priority-low-bg: #eff6ff;--color-category-bg: #f0fdf4;--color-category-text: #15803d;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--app-max-width: 680px}.dark{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-input: #1e293b;--color-bg-hover: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-placeholder: #64748b;--color-border: #334155;--color-accent: #818cf8;--color-accent-hover: #6366f1;--color-accent-light: #1e1b4b;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-success: #4ade80;--color-warning: #fbbf24;--color-priority-high: #f87171;--color-priority-high-bg: #451a1a;--color-priority-medium: #fbbf24;--color-priority-medium-bg: #452a1a;--color-priority-low: #60a5fa;--color-priority-low-bg: #1a2a45;--color-category-bg: #1a2e1a;--color-category-text: #4ade80;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}.todo-move,.todo-enter-active{transition:all var(--transition-normal)}.todo-leave-active{transition:all var(--transition-fast)}.todo-enter-from{opacity:0;transform:translateY(-10px)}.todo-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-fast)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all var(--transition-normal)}.slide-fade-enter-from{opacity:0;transform:translateY(-10px)}.slide-fade-leave-to{opacity:0;transform:translateY(10px)}.dark-mode-toggle[data-v-530b07e2]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.dark-mode-toggle[data-v-530b07e2]:hover{background-color:var(--color-bg-hover)}.icon[data-v-530b07e2]{font-size:1.2rem;line-height:1}.todo-input[data-v-0dd852e2]{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:border-color var(--transition-fast)}.todo-input[data-v-0dd852e2]:focus-within{border-color:var(--color-accent)}.input-main[data-v-0dd852e2]{display:flex;gap:var(--spacing-sm)}.text-input[data-v-0dd852e2]{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);font-size:1rem;transition:border-color var(--transition-fast)}.text-input[data-v-0dd852e2]::placeholder{color:var(--color-text-placeholder)}.text-input[data-v-0dd852e2]:focus{border-color:var(--color-accent)}.add-btn[data-v-0dd852e2]{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.add-btn[data-v-0dd852e2]:hover:not(:disabled){background-color:var(--color-accent-hover)}.add-btn[data-v-0dd852e2]:disabled{opacity:.5;cursor:not-allowed}.toggle-details[data-v-0dd852e2]{display:block;margin-top:var(--spacing-sm);font-size:.8rem;color:var(--color-text-secondary);transition:color var(--transition-fast)}.toggle-details[data-v-0dd852e2]:hover{color:var(--color-accent)}.input-details[data-v-0dd852e2]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.detail-row[data-v-0dd852e2]{display:flex;align-items:center;gap:var(--spacing-md)}.detail-label[data-v-0dd852e2]{min-width:70px;font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.detail-input[data-v-0dd852e2]{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-input);font-size:.9rem}.priority-options[data-v-0dd852e2]{display:flex;gap:var(--spacing-sm)}.priority-option[data-v-0dd852e2]{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.8rem;cursor:pointer;border:1px solid var(--color-border);transition:all var(--transition-fast)}.priority-option.active[data-v-0dd852e2]{border-color:var(--color-accent);background-color:var(--color-accent-light)}.priority-dot[data-v-0dd852e2]{width:8px;height:8px;border-radius:50%}.dot-high[data-v-0dd852e2]{background-color:var(--color-priority-high)}.dot-medium[data-v-0dd852e2]{background-color:var(--color-priority-medium)}.dot-low[data-v-0dd852e2]{background-color:var(--color-priority-low)}.sr-only[data-v-0dd852e2]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.detail-row[data-v-0dd852e2]{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.detail-label[data-v-0dd852e2]{min-width:auto}.detail-input[data-v-0dd852e2]{width:100%}}.todo-filters[data-v-8356630f]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.filter-tabs[data-v-8356630f]{display:flex;gap:2px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.filter-tab[data-v-8356630f]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.filter-tab[data-v-8356630f]:hover{color:var(--color-text-primary)}.filter-tab.active[data-v-8356630f]{background-color:var(--color-accent);color:#fff}.search-wrapper[data-v-8356630f]{position:relative;flex:1;max-width:220px}.search-icon[data-v-8356630f]{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-placeholder);pointer-events:none}.search-input[data-v-8356630f]{width:100%;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-input);font-size:.85rem;transition:border-color var(--transition-fast)}.search-input[data-v-8356630f]::placeholder{color:var(--color-text-placeholder)}.search-input[data-v-8356630f]:focus{border-color:var(--color-accent)}@media(max-width:640px){.todo-filters[data-v-8356630f]{flex-direction:column;align-items:stretch}.search-wrapper[data-v-8356630f]{max-width:none}}.priority-badge[data-v-9b889a97]{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.priority-high[data-v-9b889a97]{background-color:var(--color-priority-high-bg);color:var(--color-priority-high)}.priority-medium[data-v-9b889a97]{background-color:var(--color-priority-medium-bg);color:var(--color-priority-medium)}.priority-low[data-v-9b889a97]{background-color:var(--color-priority-low-bg);color:var(--color-priority-low)}.category-badge[data-v-86f2a84a]{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:500;background-color:var(--color-category-bg);color:var(--color-category-text)}.todo-item[data-v-314a4fba]{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-normal);cursor:grab}.todo-item[data-v-314a4fba]:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.todo-item.completed[data-v-314a4fba]{opacity:.7}.checkbox-wrapper[data-v-314a4fba]{display:flex;align-items:center;cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox[data-v-314a4fba]{position:absolute;opacity:0;width:0;height:0}.checkmark[data-v-314a4fba]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);color:#fff}.checkbox:checked+.checkmark[data-v-314a4fba]{background-color:var(--color-accent);border-color:var(--color-accent)}.checkmark svg[data-v-314a4fba]{width:14px;height:14px}.todo-content[data-v-314a4fba]{flex:1;min-width:0}.todo-text[data-v-314a4fba]{display:block;font-size:.95rem;word-break:break-word;transition:color var(--transition-fast)}.completed .todo-text[data-v-314a4fba]{text-decoration:line-through;color:var(--color-text-secondary)}.todo-meta[data-v-314a4fba]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs);align-items:center}.due-date[data-v-314a4fba]{font-size:.75rem;color:var(--color-text-secondary)}.due-date.is-overdue[data-v-314a4fba]{color:var(--color-danger);font-weight:600}.delete-btn[data-v-314a4fba]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--color-text-secondary);opacity:0;transition:all var(--transition-fast)}.todo-item:hover .delete-btn[data-v-314a4fba]{opacity:1}.delete-btn[data-v-314a4fba]:hover{background-color:var(--color-danger);color:#fff}@media(max-width:640px){.delete-btn[data-v-314a4fba]{opacity:1}}.todo-list[data-v-ba61655a]{min-height:100px}.list-container[data-v-ba61655a]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ghost[data-v-ba61655a]{opacity:.4;border:2px dashed var(--color-accent)}.empty-state[data-v-ba61655a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md);color:var(--color-text-secondary);text-align:center}.empty-icon[data-v-ba61655a]{font-size:3rem;margin-bottom:var(--spacing-sm);opacity:.4}.empty-hint[data-v-ba61655a]{font-size:.85rem;margin-top:var(--spacing-xs);opacity:.7}.todo-stats[data-v-11dc50fa]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;font-size:.85rem;color:var(--color-text-secondary)}.stats-text strong[data-v-11dc50fa]{color:var(--color-text-primary)}.clear-btn[data-v-11dc50fa]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-danger);transition:all var(--transition-fast)}.clear-btn[data-v-11dc50fa]:hover{background-color:var(--color-danger);color:#fff}.import-export[data-v-af02adb9]{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.action-btn[data-v-af02adb9]{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);transition:all var(--transition-fast)}.action-btn[data-v-af02adb9]:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.action-btn[data-v-af02adb9]:disabled{opacity:.4;cursor:not-allowed}.file-input[data-v-af02adb9]{display:none}.error-msg[data-v-af02adb9]{font-size:.8rem;color:var(--color-danger)}.todo-app[data-v-a93fdcef]{display:flex;flex-direction:column;gap:var(--spacing-md)}.app-footer[data-v-a93fdcef]{padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.app-shell[data-v-b6f7cbda]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-b6f7cbda]{position:sticky;top:0;z-index:10;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-normal)}.header-content[data-v-b6f7cbda]{display:flex;align-items:center;justify-content:space-between;max-width:var(--app-max-width);margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);width:100%}.app-title[data-v-b6f7cbda]{font-size:1.5rem;font-weight:700;color:var(--color-accent);display:flex;align-items:center;gap:var(--spacing-sm)}.title-icon[data-v-b6f7cbda]{font-size:1.8rem}.app-main[data-v-b6f7cbda]{flex:1;max-width:var(--app-max-width);margin:0 auto;padding:var(--spacing-lg);width:100%}.app-footer-text[data-v-b6f7cbda]{text-align:center;padding:var(--spacing-md);color:var(--color-text-secondary);font-size:.8rem;opacity:.6}