.modal-overlay[data-v-31fbe127]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-31fbe127]{background:#fff;border-radius:15px;padding:0;width:90%;max-width:400px;box-shadow:0 20px 40px #0003;animation:modalSlideIn-31fbe127 .3s ease-out}@keyframes modalSlideIn-31fbe127{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-31fbe127]{display:flex;justify-content:space-between;align-items:center;padding:25px 30px 0;margin-bottom:20px}.modal-header h2[data-v-31fbe127]{margin:0;color:#333;font-size:24px;font-weight:600}.close-btn[data-v-31fbe127]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn[data-v-31fbe127]:hover{background:#f5f5f5;color:#666}.auth-form[data-v-31fbe127]{padding:0 30px 30px}.form-group[data-v-31fbe127]{margin-bottom:20px}.form-group label[data-v-31fbe127]{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-group input[data-v-31fbe127]{width:100%;padding:12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input[data-v-31fbe127]:focus{outline:none;border-color:#667eea}.form-group input[data-v-31fbe127]:disabled{background:#f8f9fa;cursor:not-allowed}.error-message[data-v-31fbe127]{background:#ffebee;color:#c62828;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #ffcdd2}.form-actions[data-v-31fbe127]{margin-bottom:20px}.submit-btn[data-v-31fbe127]{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn[data-v-31fbe127]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn[data-v-31fbe127]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.form-footer[data-v-31fbe127]{text-align:center;padding-top:20px;border-top:1px solid #e1e5e9}.form-footer p[data-v-31fbe127]{margin:0;color:#666;font-size:14px}.form-footer a[data-v-31fbe127]{color:#667eea;text-decoration:none;font-weight:500;margin-left:5px}.form-footer a[data-v-31fbe127]:hover{text-decoration:underline}.todo-item[data-v-3406f8f7]{background:#f8f9fa;border-radius:16px;margin-bottom:16px;transition:all .3s ease;border:2px solid transparent;overflow:hidden;position:relative;box-shadow:0 2px 8px #0000000d}.todo-item[data-v-3406f8f7]:hover{background:#e9ecef;transform:translateY(-2px);border-color:#dee2e6;box-shadow:0 8px 25px #0000001a}.priority-indicator[data-v-3406f8f7]{position:absolute;left:0;top:0;bottom:0;width:4px;transition:all .3s ease}.priority-indicator.priority-low[data-v-3406f8f7]{background:#10b981}.priority-indicator.priority-medium[data-v-3406f8f7]{background:#f59e0b}.priority-indicator.priority-high[data-v-3406f8f7]{background:#f97316}.priority-indicator.priority-urgent[data-v-3406f8f7]{background:#ef4444;width:6px;animation:urgentPulse-3406f8f7 2s infinite}@keyframes urgentPulse-3406f8f7{0%,to{opacity:1}50%{opacity:.6}}.todo-item.completed[data-v-3406f8f7]{opacity:.75;background:#f1f5f9}.todo-item.completed .todo-title[data-v-3406f8f7]{text-decoration:line-through;color:#64748b}.todo-item.overdue[data-v-3406f8f7]:not(.completed){border-color:#ef4444;background:#fef2f2}.todo-main[data-v-3406f8f7]{display:flex;align-items:flex-start;gap:16px;padding:20px 20px 0;margin-left:4px}.todo-checkbox[data-v-3406f8f7]{width:22px;height:22px;cursor:pointer;accent-color:#667eea;margin-top:4px;flex-shrink:0}.todo-content[data-v-3406f8f7]{flex:1;min-width:0}.todo-header[data-v-3406f8f7]{margin-bottom:12px}.todo-title-row[data-v-3406f8f7]{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.todo-title[data-v-3406f8f7]{flex:1;margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.4;word-wrap:break-word}.todo-badges[data-v-3406f8f7]{display:flex;gap:6px;flex-shrink:0}.type-badge[data-v-3406f8f7],.priority-badge[data-v-3406f8f7],.category-badge[data-v-3406f8f7]{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.type-badge[data-v-3406f8f7]{background:#e0e7ff;color:#3730a3}.priority-badge.priority-urgent[data-v-3406f8f7]{background:#fee2e2;color:#991b1b}.priority-badge.priority-high[data-v-3406f8f7]{background:#fed7aa;color:#9a3412}.priority-badge.priority-low[data-v-3406f8f7]{background:#dcfce7;color:#166534}.category-badge[data-v-3406f8f7]{background:#f3f4f6;color:#374151;font-size:10px}.todo-description[data-v-3406f8f7]{color:#6b7280;font-size:14px;line-height:1.5;margin-top:8px;word-wrap:break-word}.todo-details[data-v-3406f8f7]{margin-bottom:12px}.todo-info-row[data-v-3406f8f7],.due-date-row[data-v-3406f8f7]{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.category-info[data-v-3406f8f7]{display:flex;align-items:center}.tags-container[data-v-3406f8f7]{display:flex;flex-wrap:wrap;gap:6px}.tag[data-v-3406f8f7]{background:#f0f9ff;color:#0369a1;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.due-date[data-v-3406f8f7]{font-size:13px;font-weight:500;color:#059669;display:flex;align-items:center;gap:4px}.due-date.due-soon[data-v-3406f8f7]{color:#d97706}.due-date.overdue[data-v-3406f8f7]{color:#dc2626}.overdue-text[data-v-3406f8f7],.due-soon-text[data-v-3406f8f7]{font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600}.overdue-text[data-v-3406f8f7]{background:#fee2e2;color:#991b1b}.due-soon-text[data-v-3406f8f7]{background:#fef3c7;color:#92400e}.todo-actions[data-v-3406f8f7]{display:flex;gap:8px;opacity:0;transition:opacity .3s ease;align-self:flex-start;margin-top:4px}.todo-item:hover .todo-actions[data-v-3406f8f7]{opacity:1}.edit-btn[data-v-3406f8f7],.delete-btn[data-v-3406f8f7],.save-btn[data-v-3406f8f7],.cancel-btn[data-v-3406f8f7]{background:#fff;border:1px solid #e5e7eb;padding:8px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.edit-btn[data-v-3406f8f7]:hover{background:#dbeafe;border-color:#3b82f6}.delete-btn[data-v-3406f8f7]:hover{background:#fee2e2;border-color:#ef4444}.save-btn[data-v-3406f8f7]:hover{background:#dcfce7;border-color:#22c55e}.cancel-btn[data-v-3406f8f7]:hover{background:#fef3c7;border-color:#f59e0b}.todo-edit[data-v-3406f8f7]{flex:1;display:flex;flex-direction:column;gap:12px}.edit-form[data-v-3406f8f7]{display:flex;flex-direction:column;gap:10px}.edit-title-input[data-v-3406f8f7],.edit-content-input[data-v-3406f8f7]{padding:10px 12px;border:2px solid #667eea;border-radius:8px;font-size:14px;background:#fff;outline:none;transition:border-color .3s ease}.edit-title-input[data-v-3406f8f7]{font-weight:600;font-size:16px}.edit-content-input[data-v-3406f8f7]{resize:vertical;font-family:inherit}.edit-title-input[data-v-3406f8f7]:focus,.edit-content-input[data-v-3406f8f7]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #667eea1a}.edit-controls[data-v-3406f8f7]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.edit-select[data-v-3406f8f7],.edit-date-input[data-v-3406f8f7]{padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#fff}.edit-actions[data-v-3406f8f7]{display:flex;gap:8px;justify-content:flex-end}.todo-meta[data-v-3406f8f7]{padding:12px 20px;margin-left:4px;border-top:1px solid #e5e7eb;background:#f8fafc80}.meta-row[data-v-3406f8f7]{display:flex;gap:16px;font-size:11px;color:#6b7280}.create-time[data-v-3406f8f7],.update-time[data-v-3406f8f7],.complete-time[data-v-3406f8f7]{display:flex;align-items:center;gap:4px}.complete-time[data-v-3406f8f7]{color:#059669;font-weight:500}@media (max-width: 768px){.todo-main[data-v-3406f8f7]{padding:16px 16px 0;gap:12px}.todo-title[data-v-3406f8f7]{font-size:16px}.todo-title-row[data-v-3406f8f7]{flex-direction:column;align-items:flex-start;gap:8px}.todo-badges[data-v-3406f8f7]{align-self:stretch;justify-content:flex-start}.todo-actions[data-v-3406f8f7]{opacity:1}.edit-controls[data-v-3406f8f7]{grid-template-columns:1fr;gap:6px}.todo-meta[data-v-3406f8f7]{padding:10px 16px}.meta-row[data-v-3406f8f7]{flex-direction:column;gap:4px}}@media (max-width: 480px){.todo-main[data-v-3406f8f7]{padding:12px 12px 0}.todo-title[data-v-3406f8f7]{font-size:15px}.todo-description[data-v-3406f8f7]{font-size:13px}.type-badge[data-v-3406f8f7],.priority-badge[data-v-3406f8f7],.category-badge[data-v-3406f8f7]{font-size:10px;padding:3px 6px}.todo-meta[data-v-3406f8f7]{padding:8px 12px}.meta-row[data-v-3406f8f7]{font-size:10px}}.voice-input[data-v-d98ff50b]{display:flex;flex-direction:column;gap:10px}.voice-btn[data-v-d98ff50b]{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #667eea;border-radius:10px;background:#fff;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:120px;justify-content:center}.voice-btn[data-v-d98ff50b]:hover:not(.disabled){background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.voice-btn.recording[data-v-d98ff50b]{background:#ff4757;border-color:#ff4757;color:#fff;animation:pulse-d98ff50b 1.5s infinite}.voice-btn.processing[data-v-d98ff50b]{background:#ffa502;border-color:#ffa502;color:#fff}.voice-btn.disabled[data-v-d98ff50b]{background:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.voice-icon[data-v-d98ff50b]{font-size:16px}.recording-animation[data-v-d98ff50b]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:#ff47571a;border-radius:10px;border:1px solid rgba(255,71,87,.2)}.wave-bars[data-v-d98ff50b]{display:flex;gap:3px;align-items:end;height:30px}.wave-bar[data-v-d98ff50b]{width:4px;background:#ff4757;border-radius:2px;animation:wave-d98ff50b 1s infinite ease-in-out}.wave-bar[data-v-d98ff50b]:nth-child(1){animation-delay:0s}.wave-bar[data-v-d98ff50b]:nth-child(2){animation-delay:.1s}.wave-bar[data-v-d98ff50b]:nth-child(3){animation-delay:.2s}.wave-bar[data-v-d98ff50b]:nth-child(4){animation-delay:.3s}.wave-bar[data-v-d98ff50b]:nth-child(5){animation-delay:.4s}.recording-text[data-v-d98ff50b]{color:#ff4757;font-size:14px;font-weight:500}.processing-text[data-v-d98ff50b]{text-align:center;color:#ffa502;font-size:14px;font-weight:500;padding:10px;background:#ffa5021a;border-radius:8px}.result-preview[data-v-d98ff50b]{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:15px}.result-text[data-v-d98ff50b]{color:#059669;font-size:14px;margin-bottom:10px;line-height:1.4}.use-result-btn[data-v-d98ff50b]{background:#10b981;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:12px;cursor:pointer;transition:background .2s ease}.use-result-btn[data-v-d98ff50b]:hover{background:#059669}.error-message[data-v-d98ff50b]{background:#ffebee;color:#c62828;padding:12px 15px;border-radius:8px;font-size:14px;border:1px solid #ffcdd2}.unsupported-message[data-v-d98ff50b]{background:#f3f4f6;color:#6b7280;padding:12px 15px;border-radius:8px;font-size:14px;text-align:center;border:1px solid #d1d5db}@keyframes pulse-d98ff50b{0%{box-shadow:0 0 #ff4757b3}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 #ff475700}}@keyframes wave-d98ff50b{0%,40%,to{height:8px}20%{height:25px}}@media (max-width: 480px){.voice-btn[data-v-d98ff50b]{padding:10px 16px;font-size:13px;min-width:100px}.voice-icon[data-v-d98ff50b]{font-size:14px}.recording-animation[data-v-d98ff50b]{padding:12px}.wave-bars[data-v-d98ff50b]{height:25px}.wave-bar[data-v-d98ff50b]{width:3px}}.ai-analyzer[data-v-5d496e43]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;margin-bottom:24px;color:#fff;position:relative;overflow:hidden}.ai-analyzer[data-v-5d496e43]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;z-index:0}.ai-analyzer[data-v-5d496e43]>*{position:relative;z-index:1}.analyzer-header[data-v-5d496e43]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analyzer-title[data-v-5d496e43]{margin:0;font-size:18px;font-weight:700;color:#fff}.analyze-btn[data-v-5d496e43]{padding:10px 20px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.analyze-btn[data-v-5d496e43]:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.analyze-btn[data-v-5d496e43]:disabled{opacity:.5;cursor:not-allowed}.btn-icon[data-v-5d496e43]{font-size:16px}.input-section[data-v-5d496e43]{margin-bottom:20px}.input-group[data-v-5d496e43]{display:flex;flex-direction:column;gap:8px}.analysis-input[data-v-5d496e43]{width:100%;padding:16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:16px;line-height:1.5;resize:vertical;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.analysis-input[data-v-5d496e43]::placeholder{color:#ffffffb3}.analysis-input[data-v-5d496e43]:focus{border-color:#ffffff80;background:#ffffff26}.input-actions[data-v-5d496e43]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#fffc}.char-count[data-v-5d496e43]{font-weight:500}.analyzing-state[data-v-5d496e43]{text-align:center;padding:40px 20px}.loading-animation[data-v-5d496e43]{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.ai-brain[data-v-5d496e43]{font-size:3rem;animation:brainPulse-5d496e43 2s infinite}@keyframes brainPulse-5d496e43{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.thinking-dots[data-v-5d496e43]{display:flex;gap:8px}.thinking-dots span[data-v-5d496e43]{width:8px;height:8px;background:#fffc;border-radius:50%;animation:thinkingDots-5d496e43 1.5s infinite}.thinking-dots span[data-v-5d496e43]:nth-child(2){animation-delay:.3s}.thinking-dots span[data-v-5d496e43]:nth-child(3){animation-delay:.6s}@keyframes thinkingDots-5d496e43{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.analyzing-text[data-v-5d496e43]{font-size:16px;font-weight:500;margin-bottom:24px;color:#ffffffe6}.analyzing-progress[data-v-5d496e43]{max-width:400px;margin:0 auto}.progress-bar[data-v-5d496e43]{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-fill[data-v-5d496e43]{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .5s ease}.progress-steps[data-v-5d496e43]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:11px;text-align:center}.progress-steps span[data-v-5d496e43]{padding:4px;border-radius:6px;background:#ffffff1a;color:#fff9;transition:all .3s ease}.progress-steps span.active[data-v-5d496e43]{background:#fff3;color:#fff;font-weight:600}.analysis-result[data-v-5d496e43]{background:#ffffff1a;border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-header[data-v-5d496e43]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.2)}.result-title[data-v-5d496e43]{margin:0;font-size:16px;font-weight:600;color:#fff}.result-actions[data-v-5d496e43]{display:flex;gap:8px}.regenerate-btn[data-v-5d496e43],.reset-btn[data-v-5d496e43]{padding:6px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.regenerate-btn[data-v-5d496e43]:hover,.reset-btn[data-v-5d496e43]:hover{background:#fff3}.field-preview[data-v-5d496e43]{margin-bottom:20px}.field-group[data-v-5d496e43]{margin-bottom:16px}.field-row[data-v-5d496e43]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.field-label[data-v-5d496e43]{display:block;font-size:12px;font-weight:600;color:#fffc;margin-bottom:6px}.field-value[data-v-5d496e43]{padding:8px 12px;background:#ffffff1a;border-radius:8px;font-size:14px;line-height:1.4}.title-field[data-v-5d496e43]{font-weight:600;font-size:16px}.content-field[data-v-5d496e43]{color:#ffffffe6;min-height:40px}.type-badge[data-v-5d496e43],.priority-badge[data-v-5d496e43],.category-badge[data-v-5d496e43]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.type-badge[data-v-5d496e43]{background:#3b82f64d;border:1px solid rgba(59,130,246,.5)}.priority-badge.priority-urgent[data-v-5d496e43]{background:#ef44444d;border:1px solid rgba(239,68,68,.5)}.priority-badge.priority-high[data-v-5d496e43]{background:#f973164d;border:1px solid rgba(249,115,22,.5)}.priority-badge.priority-medium[data-v-5d496e43]{background:#f59e0b4d;border:1px solid rgba(245,158,11,.5)}.priority-badge.priority-low[data-v-5d496e43]{background:#10b9814d;border:1px solid rgba(16,185,129,.5)}.category-badge[data-v-5d496e43]{background:#9ca3af4d;border:1px solid rgba(156,163,175,.5)}.due-date[data-v-5d496e43]{color:#10b981;font-weight:500}.tags-list[data-v-5d496e43]{display:flex;flex-wrap:wrap;gap:6px}.tag-item[data-v-5d496e43]{background:#f0f9ff33;color:#3b82f6;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.analysis-reasoning[data-v-5d496e43]{background:#ffffff0d;border-radius:8px;padding:16px;margin-bottom:20px}.reasoning-header[data-v-5d496e43]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reasoning-title[data-v-5d496e43]{font-size:13px;font-weight:600;color:#ffffffe6}.reasoning-content[data-v-5d496e43]{font-size:13px;line-height:1.5;color:#fffc}.result-actions-bottom[data-v-5d496e43]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.accept-btn[data-v-5d496e43],.edit-btn[data-v-5d496e43],.regenerate-btn-bottom[data-v-5d496e43]{padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.accept-btn[data-v-5d496e43]{background:#10b981cc;color:#fff;border:1px solid rgba(16,185,129,1)}.accept-btn[data-v-5d496e43]:hover{background:#10b981;transform:translateY(-2px)}.edit-btn[data-v-5d496e43]{background:#f59e0bcc;color:#fff;border:1px solid rgba(245,158,11,1)}.edit-btn[data-v-5d496e43]:hover{background:#f59e0b;transform:translateY(-2px)}.regenerate-btn-bottom[data-v-5d496e43]{background:#6b7280cc;color:#fff;border:1px solid rgba(107,114,128,1)}.regenerate-btn-bottom[data-v-5d496e43]:hover{background:#6b7280;transform:translateY(-2px)}.error-state[data-v-5d496e43]{text-align:center;padding:40px 20px}.error-icon[data-v-5d496e43]{font-size:3rem;margin-bottom:16px}.error-title[data-v-5d496e43]{font-size:18px;font-weight:600;margin-bottom:8px;color:#fca5a5}.error-message[data-v-5d496e43]{font-size:14px;margin-bottom:20px;color:#fffc}.retry-btn[data-v-5d496e43]{padding:10px 20px;background:#ef4444cc;color:#fff;border:1px solid rgba(239,68,68,1);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.retry-btn[data-v-5d496e43]:hover{background:#ef4444;transform:translateY(-2px)}@media (max-width: 768px){.ai-analyzer[data-v-5d496e43]{padding:16px;margin-bottom:16px}.analyzer-header[data-v-5d496e43]{flex-direction:column;align-items:flex-start;gap:12px}.field-row[data-v-5d496e43]{grid-template-columns:1fr;gap:12px}.result-actions-bottom[data-v-5d496e43]{flex-direction:column;gap:8px}.accept-btn[data-v-5d496e43],.edit-btn[data-v-5d496e43],.regenerate-btn-bottom[data-v-5d496e43]{justify-content:center;padding:10px 16px;font-size:13px}.progress-steps[data-v-5d496e43]{grid-template-columns:repeat(2,1fr);gap:6px}}@media (max-width: 480px){.ai-analyzer[data-v-5d496e43]{padding:12px}.analyzer-title[data-v-5d496e43]{font-size:16px}.analysis-input[data-v-5d496e43]{padding:12px;font-size:14px}.progress-steps[data-v-5d496e43]{grid-template-columns:1fr;gap:4px}.progress-steps span[data-v-5d496e43]{font-size:10px;padding:3px}}.add-todo-form[data-v-2a2ad050]{margin-bottom:30px}.mode-selector[data-v-2a2ad050]{display:flex;gap:8px;margin-bottom:20px;background:#f8f9fa;padding:8px;border-radius:12px;border:2px solid #e1e5e9}.mode-btn[data-v-2a2ad050]{flex:1;padding:12px 16px;background:transparent;color:#666;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px}.mode-btn[data-v-2a2ad050]:hover{background:#667eea1a;color:#667eea}.mode-btn.active[data-v-2a2ad050]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.quick-add[data-v-2a2ad050]{display:flex;flex-direction:column;gap:20px}.quick-input-group[data-v-2a2ad050]{display:flex;gap:12px;align-items:center}.quick-input[data-v-2a2ad050]{flex:1;padding:16px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:clamp(14px,3vw,18px);outline:none;transition:all .3s ease;min-height:56px}.quick-input[data-v-2a2ad050]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.quick-add-btn[data-v-2a2ad050]{padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:clamp(14px,3vw,16px);font-weight:600;transition:all .3s ease;min-height:56px;white-space:nowrap}.quick-add-btn[data-v-2a2ad050]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.quick-add-btn[data-v-2a2ad050]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.advanced-toggle-btn[data-v-2a2ad050]{padding:16px;background:#f8f9fa;color:#667eea;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;font-size:18px;transition:all .3s ease;min-height:56px;min-width:56px}.advanced-toggle-btn[data-v-2a2ad050]:hover{background:#667eea;color:#fff;border-color:#667eea}.advanced-add[data-v-2a2ad050]{background:#f8f9fa;border-radius:20px;padding:30px;border:2px solid #e1e5e9}.form-header[data-v-2a2ad050]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e1e5e9}.form-header h3[data-v-2a2ad050]{margin:0;color:#333;font-size:1.5rem;font-weight:600}.close-btn[data-v-2a2ad050]{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:8px;border-radius:50%;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-2a2ad050]:hover{background:#e1e5e9;color:#333}.advanced-form[data-v-2a2ad050]{display:flex;flex-direction:column;gap:20px}.form-row[data-v-2a2ad050]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group[data-v-2a2ad050]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-2a2ad050]{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#555;font-size:14px}.label-text[data-v-2a2ad050]{flex:1}.label-icon[data-v-2a2ad050]{font-size:16px}.form-input[data-v-2a2ad050],.form-select[data-v-2a2ad050],.form-textarea[data-v-2a2ad050]{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s ease;background:#fff}.form-input[data-v-2a2ad050]:focus,.form-select[data-v-2a2ad050]:focus,.form-textarea[data-v-2a2ad050]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-2a2ad050]{border-color:#ff4757}.form-select.priority[data-v-2a2ad050]{background-image:none}.form-textarea[data-v-2a2ad050]{resize:vertical;min-height:100px;font-family:inherit}.char-counter[data-v-2a2ad050]{align-self:flex-end;font-size:12px;color:#999}.error-text[data-v-2a2ad050]{color:#ff4757;font-size:12px;margin-top:4px}.tags-input-group[data-v-2a2ad050]{display:flex;gap:8px}.tags-input[data-v-2a2ad050]{flex:1}.add-tag-btn[data-v-2a2ad050]{padding:12px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;min-width:40px}.tags-display[data-v-2a2ad050]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-item[data-v-2a2ad050]{background:#667eea;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:6px}.remove-tag-btn[data-v-2a2ad050]{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-tag-btn[data-v-2a2ad050]:hover{background:#fff3}.template-buttons[data-v-2a2ad050]{display:flex;flex-wrap:wrap;gap:8px}.template-btn[data-v-2a2ad050]{padding:8px 12px;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:12px;transition:all .2s ease}.template-btn[data-v-2a2ad050]:hover{border-color:#667eea;background:#f0f2ff}.form-actions[data-v-2a2ad050]{display:flex;gap:15px;justify-content:flex-end;margin-top:10px;padding-top:20px;border-top:2px solid #e1e5e9}.reset-btn[data-v-2a2ad050]{padding:12px 24px;background:#f8f9fa;color:#666;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.reset-btn[data-v-2a2ad050]:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6}.submit-btn[data-v-2a2ad050]{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.submit-btn[data-v-2a2ad050]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.submit-btn[data-v-2a2ad050]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.mode-selector[data-v-2a2ad050]{flex-direction:column;gap:6px}.mode-btn[data-v-2a2ad050]{padding:10px 12px;font-size:13px}.quick-input-group[data-v-2a2ad050]{flex-direction:column;gap:10px}.advanced-add[data-v-2a2ad050]{padding:20px}.form-row[data-v-2a2ad050]{grid-template-columns:1fr;gap:15px}.form-actions[data-v-2a2ad050]{flex-direction:column}.template-buttons[data-v-2a2ad050]{justify-content:center}}@media (max-width: 480px){.mode-selector[data-v-2a2ad050]{gap:4px;padding:6px}.mode-btn[data-v-2a2ad050]{padding:8px 10px;font-size:12px}.quick-input-group[data-v-2a2ad050]{gap:8px}.advanced-add[data-v-2a2ad050]{padding:15px}.form-header h3[data-v-2a2ad050]{font-size:1.3rem}.template-btn[data-v-2a2ad050]{font-size:11px;padding:6px 10px}}.todo-filters[data-v-169265a8]{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.filters-header[data-v-169265a8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.header-actions[data-v-169265a8]{display:flex;align-items:center;gap:12px}.page-info[data-v-169265a8]{font-size:12px;color:#6b7280;background:#f9fafb;padding:4px 8px;border-radius:6px;border:1px solid #e5e7eb}.filters-title[data-v-169265a8]{margin:0;font-size:20px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.results-count[data-v-169265a8]{font-size:14px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:8px}.reset-btn[data-v-169265a8]{padding:8px 16px;background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.reset-btn[data-v-169265a8]:hover:not(:disabled){background:#e5e7eb;color:#374151}.reset-btn[data-v-169265a8]:disabled{opacity:.5;cursor:not-allowed}.filters-content[data-v-169265a8]{display:flex;flex-direction:column;gap:20px}.filter-section[data-v-169265a8]{display:flex;flex-direction:column;gap:12px}.section-label[data-v-169265a8]{font-weight:600;color:#374151;font-size:14px;display:flex;justify-content:space-between;align-items:center}.toggle-advanced-btn[data-v-169265a8]{background:none;border:none;color:#6b7280;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:all .2s ease}.toggle-advanced-btn[data-v-169265a8]:hover{background:#f3f4f6;color:#374151}.quick-filters[data-v-169265a8]{display:flex;flex-wrap:wrap;gap:8px}.quick-filter-btn[data-v-169265a8]{padding:10px 16px;background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.quick-filter-btn[data-v-169265a8]:hover{background:#f3f4f6;border-color:#d1d5db}.quick-filter-btn.active[data-v-169265a8]{background:#dbeafe;color:#1d4ed8;border-color:#3b82f6}.search-input-group[data-v-169265a8]{position:relative;display:flex;align-items:center}.search-input[data-v-169265a8]{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;outline:none;transition:border-color .3s ease}.search-input[data-v-169265a8]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn[data-v-169265a8]{position:absolute;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:all .2s ease}.clear-search-btn[data-v-169265a8]:hover{background:#f3f4f6;color:#6b7280}.advanced-filters[data-v-169265a8]{display:flex;flex-direction:column;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.filter-group[data-v-169265a8]{display:flex;flex-direction:column;gap:8px}.filter-label[data-v-169265a8]{font-weight:500;color:#374151;font-size:13px}.filter-chips[data-v-169265a8]{display:flex;flex-wrap:wrap;gap:6px}.filter-chip[data-v-169265a8]{padding:6px 12px;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap}.filter-chip[data-v-169265a8]:hover{background:#f3f4f6;border-color:#d1d5db}.filter-chip.active[data-v-169265a8]{background:#3b82f6;color:#fff;border-color:#3b82f6}.filter-chip.priority-urgent.active[data-v-169265a8]{background:#ef4444;border-color:#ef4444}.filter-chip.priority-high.active[data-v-169265a8]{background:#f97316;border-color:#f97316}.filter-chip.priority-medium.active[data-v-169265a8]{background:#f59e0b;border-color:#f59e0b}.filter-chip.priority-low.active[data-v-169265a8]{background:#10b981;border-color:#10b981}.date-range-filters[data-v-169265a8]{display:flex;flex-wrap:wrap;gap:6px}.date-range-btn[data-v-169265a8]{padding:6px 12px;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap}.date-range-btn[data-v-169265a8]:hover{background:#f3f4f6;border-color:#d1d5db}.date-range-btn.active[data-v-169265a8]{background:#10b981;color:#fff;border-color:#10b981}.sort-options[data-v-169265a8]{display:flex;gap:8px;align-items:center}.sort-select[data-v-169265a8]{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;outline:none;cursor:pointer}.sort-select[data-v-169265a8]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sort-order-btn[data-v-169265a8]{padding:10px 12px;background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease;min-width:44px}.sort-order-btn[data-v-169265a8]:hover{background:#f3f4f6;border-color:#d1d5db}.sort-order-btn.desc[data-v-169265a8]{background:#dbeafe;color:#1d4ed8;border-color:#3b82f6}@media (max-width: 768px){.todo-filters[data-v-169265a8]{padding:16px}.filters-header[data-v-169265a8]{flex-direction:column;align-items:flex-start;gap:12px}.filters-title[data-v-169265a8]{font-size:18px}.quick-filters[data-v-169265a8]{justify-content:center}.quick-filter-btn[data-v-169265a8]{font-size:12px;padding:8px 12px}.advanced-filters[data-v-169265a8]{padding:12px}.filter-chips[data-v-169265a8]{justify-content:center}.sort-options[data-v-169265a8]{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.todo-filters[data-v-169265a8]{padding:12px}.filters-title[data-v-169265a8]{font-size:16px;flex-direction:column;align-items:flex-start;gap:4px}.quick-filter-btn[data-v-169265a8]{font-size:11px;padding:6px 10px}.filter-chip[data-v-169265a8],.date-range-btn[data-v-169265a8]{font-size:11px;padding:5px 10px}}.pagination-section[data-v-169265a8]{margin-top:20px;padding-top:20px;border-top:2px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.pagination-controls[data-v-169265a8]{display:flex;align-items:center;gap:8px}.page-btn[data-v-169265a8]{padding:8px 12px;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.page-btn[data-v-169265a8]:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.page-btn[data-v-169265a8]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-169265a8]{display:flex;gap:4px}.page-number[data-v-169265a8]{padding:8px 12px;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.page-number[data-v-169265a8]:hover{background:#f3f4f6;border-color:#d1d5db}.page-number.active[data-v-169265a8]{background:#3b82f6;color:#fff;border-color:#3b82f6}.page-size-selector[data-v-169265a8]{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.page-size-select[data-v-169265a8]{padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:12px;cursor:pointer}.page-size-select[data-v-169265a8]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.pagination-section[data-v-169265a8]{flex-direction:column;align-items:stretch;gap:12px}.pagination-controls[data-v-169265a8]{justify-content:center;flex-wrap:wrap}.page-size-selector[data-v-169265a8]{justify-content:center}.page-btn[data-v-169265a8],.page-number[data-v-169265a8]{padding:6px 8px;font-size:12px;min-width:32px}}@media (max-width: 480px){.pagination-controls[data-v-169265a8]{gap:4px}.page-numbers[data-v-169265a8]{gap:2px}.page-btn[data-v-169265a8],.page-number[data-v-169265a8]{padding:4px 6px;font-size:11px;min-width:28px}}.app-container[data-v-02c5aa7d]{min-height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;overflow-x:hidden}.auth-container[data-v-02c5aa7d]{background:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;text-align:center}.auth-header[data-v-02c5aa7d]{max-width:600px;width:100%;margin-bottom:40px}.auth-header h1[data-v-02c5aa7d]{font-size:clamp(2rem,8vw,4rem);color:#333;margin-bottom:15px;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-header p[data-v-02c5aa7d]{color:#666;font-size:clamp(1rem,4vw,1.4rem);margin-bottom:40px;line-height:1.6}.auth-actions[data-v-02c5aa7d]{display:flex;gap:20px;margin-bottom:40px;justify-content:center;max-width:400px;width:100%}.auth-btn[data-v-02c5aa7d]{flex:1;padding:16px 32px;border:none;border-radius:12px;font-size:clamp(14px,3vw,18px);font-weight:600;cursor:pointer;transition:all .3s ease;min-height:56px;white-space:nowrap}.login-btn[data-v-02c5aa7d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.register-btn[data-v-02c5aa7d]{background:#fff;color:#667eea;border:2px solid #667eea}.auth-btn[data-v-02c5aa7d]:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea4d}.feature-showcase[data-v-02c5aa7d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;width:100%;margin-top:40px}.feature-item[data-v-02c5aa7d]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#f8f9fa;border-radius:12px;transition:transform .2s ease}.feature-item[data-v-02c5aa7d]:hover{transform:translateY(-2px)}.feature-icon[data-v-02c5aa7d]{font-size:2rem}.feature-text[data-v-02c5aa7d]{color:#666;font-weight:500}.todo-container[data-v-02c5aa7d]{background:#fff;min-height:100vh;width:100%;display:flex;flex-direction:column}.todo-header[data-v-02c5aa7d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:clamp(20px,5vw,40px);flex-shrink:0}.header-main[data-v-02c5aa7d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-main h1[data-v-02c5aa7d]{font-size:clamp(1.8rem,6vw,3rem);font-weight:300;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.user-info[data-v-02c5aa7d]{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.welcome-text[data-v-02c5aa7d]{font-size:14px;opacity:.9}.logout-btn[data-v-02c5aa7d]{background:#fff3;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;cursor:pointer;transition:background .2s ease}.logout-btn[data-v-02c5aa7d]:hover{background:#ffffff4d}.error-alert[data-v-02c5aa7d]{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;margin-top:20px}.close-error[data-v-02c5aa7d]{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-error[data-v-02c5aa7d]:hover{background:#fff3}.loading-indicator[data-v-02c5aa7d]{display:flex;align-items:center;gap:15px;margin-top:20px}.loading-spinner[data-v-02c5aa7d]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-02c5aa7d 1s linear infinite}@keyframes spin-02c5aa7d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.todo-content[data-v-02c5aa7d]{padding:clamp(20px,5vw,40px);flex:1;overflow-y:auto;max-width:1200px;margin:0 auto;width:100%}.add-todo-section[data-v-02c5aa7d]{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.add-todo-main[data-v-02c5aa7d]{display:flex;gap:15px}.todo-input[data-v-02c5aa7d]{flex:1;padding:16px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:clamp(14px,3vw,18px);outline:none;transition:border-color .3s ease;min-height:56px}.todo-input[data-v-02c5aa7d]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-btn[data-v-02c5aa7d]{padding:16px 25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:clamp(14px,3vw,18px);font-weight:600;transition:all .3s ease;white-space:nowrap;min-height:56px;min-width:100px}.add-btn[data-v-02c5aa7d]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.add-btn[data-v-02c5aa7d]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.todos-section[data-v-02c5aa7d]{margin-bottom:30px}.empty-state[data-v-02c5aa7d],.empty-filtered-state[data-v-02c5aa7d]{text-align:center;padding:60px 20px;color:#666}.empty-filtered-state[data-v-02c5aa7d]{background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.empty-icon[data-v-02c5aa7d]{font-size:4rem;margin-bottom:20px}.empty-state h3[data-v-02c5aa7d],.empty-filtered-state h3[data-v-02c5aa7d]{margin-bottom:10px;color:#333}.todo-list[data-v-02c5aa7d]{list-style:none;padding:0;margin:0}.stats-section[data-v-02c5aa7d]{background:#f8f9fa;border-radius:15px;padding:25px;text-align:center}.stats-card[data-v-02c5aa7d]{display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}.stat-item[data-v-02c5aa7d]{display:flex;flex-direction:column;gap:8px}.stat-label[data-v-02c5aa7d]{font-size:14px;color:#666;font-weight:500}.stat-value[data-v-02c5aa7d]{font-size:24px;font-weight:700;color:#333}.stat-value.completed[data-v-02c5aa7d]{color:#10b981}.stat-value.pending[data-v-02c5aa7d]{color:#f59e0b}.stat-value.overdue[data-v-02c5aa7d]{color:#ef4444}.stat-divider[data-v-02c5aa7d]{width:1px;height:40px;background:#dee2e6}.progress-bar[data-v-02c5aa7d]{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-02c5aa7d]{height:100%;background:linear-gradient(135deg,#10b981,#059669);transition:width .3s ease}.progress-text[data-v-02c5aa7d]{font-size:14px;color:#666;font-weight:500;display:flex;justify-content:center;align-items:center;gap:8px}.filtered-info[data-v-02c5aa7d]{font-size:12px;color:#9ca3af;background:#f3f4f6;padding:2px 6px;border-radius:4px}@media (max-width: 1024px){.todo-content[data-v-02c5aa7d]{max-width:100%}.feature-showcase[data-v-02c5aa7d]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.auth-container[data-v-02c5aa7d]{padding:30px 20px}.auth-actions[data-v-02c5aa7d]{flex-direction:column;gap:15px;max-width:320px}.feature-showcase[data-v-02c5aa7d]{grid-template-columns:1fr;gap:15px}.feature-item[data-v-02c5aa7d]{padding:20px 15px}.header-main[data-v-02c5aa7d]{flex-direction:column;align-items:center;text-align:center;gap:15px}.user-info[data-v-02c5aa7d]{align-items:center}.add-todo-main[data-v-02c5aa7d]{flex-direction:column;gap:12px}.stats-card[data-v-02c5aa7d]{flex-direction:column;gap:20px}.stat-divider[data-v-02c5aa7d]{width:80%;height:1px}}@media (max-width: 480px){.auth-container[data-v-02c5aa7d]{padding:20px 15px}.auth-actions[data-v-02c5aa7d]{max-width:280px}.feature-item[data-v-02c5aa7d]{padding:16px 12px}.feature-icon[data-v-02c5aa7d]{font-size:1.8rem}.header-main[data-v-02c5aa7d]{margin-bottom:15px}.add-todo-section[data-v-02c5aa7d]{gap:15px}.todos-section[data-v-02c5aa7d]{margin-bottom:20px}}@media (max-width: 1024px) and (orientation: landscape){.auth-container[data-v-02c5aa7d]{padding:40px 20px 20px;justify-content:flex-start}.auth-header h1[data-v-02c5aa7d]{font-size:clamp(2rem,6vw,3rem)}.feature-showcase[data-v-02c5aa7d]{grid-template-columns:repeat(4,1fr);gap:15px}}@media (min-width: 1440px){.todo-content[data-v-02c5aa7d]{max-width:1400px}.auth-header h1[data-v-02c5aa7d]{font-size:4.5rem}.auth-header p[data-v-02c5aa7d]{font-size:1.6rem}}
