@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.stats-board[data-v-7cc1f57a]{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-card[data-v-7cc1f57a]{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);text-align:center;transition:all var(--transition-normal)}.stat-card[data-v-7cc1f57a]:hover{border-color:var(--border-focus);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-value[data-v-7cc1f57a]{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1.2}.stat-label[data-v-7cc1f57a]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-xs);font-size:.8rem}@media (width<=640px){.stats-board[data-v-7cc1f57a]{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.stat-card[data-v-7cc1f57a]{padding:var(--space-md) var(--space-sm)}.stat-value[data-v-7cc1f57a]{font-size:1.5rem}}.custom-select-wrapper[data-v-68a6cc6b]{outline:none;width:100%;font-family:inherit;font-size:.95rem;position:relative}.select-trigger[data-v-68a6cc6b]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-height:38px;display:flex}.custom-select-wrapper:focus .select-trigger[data-v-68a6cc6b],.select-trigger.open[data-v-68a6cc6b]{background:var(--bg-input-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.arrow[data-v-68a6cc6b]{color:var(--text-muted);transition:transform var(--transition-fast);font-size:.8rem}.select-trigger.open .arrow[data-v-68a6cc6b]{transform:rotate(180deg)}.select-dropdown[data-v-68a6cc6b]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.select-option[data-v-68a6cc6b]{padding:10px var(--space-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.select-option[data-v-68a6cc6b]:hover{color:var(--text-primary);background:#ffffff0d}.select-option.selected[data-v-68a6cc6b]{color:var(--accent-primary);background:#6c5ce726;font-weight:500}.dropdown-enter-active[data-v-68a6cc6b],.dropdown-leave-active[data-v-68a6cc6b]{transform-origin:top;transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from[data-v-68a6cc6b],.dropdown-leave-to[data-v-68a6cc6b]{opacity:0;transform:scaleY(.9)}.task-form[data-v-034050cb]{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);transition:border-color var(--transition-normal)}.task-form[data-v-034050cb]:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.form-row[data-v-034050cb]{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.form-row[data-v-034050cb]:last-child{margin-bottom:0}.form-actions[data-v-034050cb]{justify-content:space-between;align-items:center;width:100%;display:flex}.btn-ai[data-v-034050cb]{color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#00cec9,#6c5ce7);border:none;font-family:inherit;font-size:.82rem;font-weight:500}.btn-ai[data-v-034050cb]:hover{box-shadow:0 0 16px #00cec94d}.btn-ai[data-v-034050cb]:disabled{opacity:.6;cursor:not-allowed}.priority-row[data-v-034050cb]{align-items:stretch;gap:8px;height:100%;display:flex}.priority-select[data-v-034050cb]{width:100px}.priority-ai-btn[data-v-034050cb]{white-space:nowrap}.ai-suggestion[data-v-034050cb]{border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);background:linear-gradient(135deg,#00cec91a,#6c5ce71a);border:1px solid #00cec933;animation:.3s slideIn}.ai-suggestion-header[data-v-034050cb]{color:var(--success);margin-bottom:var(--space-sm);font-size:.82rem;font-weight:600}.ai-suggestion-body[data-v-034050cb]{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.ai-suggestion-actions[data-v-034050cb]{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}@media (width<=640px){.form-row[data-v-034050cb]{flex-direction:column}.form-actions[data-v-034050cb]{flex-direction:column;align-items:stretch;gap:12px}.priority-row[data-v-034050cb]{width:100%}.priority-select[data-v-034050cb],.priority-ai-btn[data-v-034050cb]{flex:1;width:50%!important}.btn-ai[data-v-034050cb]{text-align:center;width:100%;padding:var(--space-sm)}.form-actions>div[data-v-034050cb]{width:100%;display:flex;gap:8px!important}.form-actions>div>.btn[data-v-034050cb]{text-align:center;flex:1;justify-content:center}}.has-error[data-v-034050cb]{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ff767533!important}.error-msg[data-v-034050cb]{color:var(--danger);margin-top:4px;font-size:.75rem;animation:.2s slideIn}.toolbar[data-v-9dc536af]{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.filter-tabs[data-v-9dc536af]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);display:flex;overflow:hidden}.filter-tab[data-v-9dc536af]{padding:var(--space-sm) var(--space-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:.85rem;font-weight:500}.filter-tab[data-v-9dc536af]:hover{color:var(--text-primary)}.filter-tab.active[data-v-9dc536af]{background:var(--accent-gradient);color:#fff}.search-box[data-v-9dc536af]{flex:1;min-width:200px;position:relative}.search-box .search-icon[data-v-9dc536af]{pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input[data-v-9dc536af]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 36px;color:var(--text-primary);transition:all var(--transition-fast);outline:none;font-family:inherit;font-size:.9rem}.search-box input[data-v-9dc536af]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.search-box input[data-v-9dc536af]::placeholder{color:var(--text-muted)}.sort-select[data-v-9dc536af]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg) var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236868a0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;font-family:inherit;font-size:.85rem}.sort-select[data-v-9dc536af]:focus{border-color:var(--accent-primary)}.sort-select option[data-v-9dc536af]{background:var(--bg-secondary);color:var(--text-primary)}@media (width<=640px){.toolbar[data-v-9dc536af]{flex-direction:column;align-items:stretch}.filter-tabs[data-v-9dc536af]{width:100%;display:flex}.filter-tab[data-v-9dc536af]{text-align:center;flex:1}.sort-select[data-v-9dc536af]{width:100%}}.task-list[data-v-c4248377]{gap:var(--space-sm);flex-direction:column;display:flex}.task-list-empty[data-v-c4248377]{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.task-list-empty .empty-icon[data-v-c4248377]{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.task-card[data-v-c4248377]{align-items:flex-start;gap:var(--space-md);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal);animation:slideIn var(--transition-slow) forwards;display:flex}.task-card[data-v-c4248377]:hover{background:var(--bg-card-hover);border-color:#ffffff1a;transform:translate(4px)}.task-card.completed[data-v-c4248377]{opacity:.55}.task-card.completed .task-title[data-v-c4248377]{color:var(--text-muted);text-decoration:line-through}.drag-handle[data-v-c4248377]{color:var(--text-muted);cursor:grab;padding:var(--space-xs);opacity:.4;transition:opacity var(--transition-fast);-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:2px;font-size:1rem}.task-card:hover .drag-handle[data-v-c4248377]{opacity:.8}.task-checkbox[data-v-c4248377]{border:2px solid var(--text-muted);cursor:pointer;width:22px;height:22px;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.task-checkbox[data-v-c4248377]:hover{border-color:var(--accent-primary)}.task-checkbox.checked[data-v-c4248377]{background:var(--accent-gradient);border-color:#0000}.task-checkbox.checked[data-v-c4248377]:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.task-content[data-v-c4248377]{flex:1;min-width:0}.task-title[data-v-c4248377]{color:var(--text-primary);word-wrap:break-word;transition:all var(--transition-fast);font-size:.95rem;font-weight:500}.task-description[data-v-c4248377]{color:var(--text-muted);margin-top:var(--space-xs);word-wrap:break-word;-webkit-line-clamp:2;text-overflow:ellipsis;cursor:pointer;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.task-description[data-v-c4248377]:hover{color:var(--text-secondary)}.task-description.expanded[data-v-c4248377]{-webkit-line-clamp:unset;display:block}.task-meta[data-v-c4248377]{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.task-time[data-v-c4248377]{color:var(--text-muted);font-size:.75rem}.task-actions[data-v-c4248377]{gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;display:flex}.task-card:hover .task-actions[data-v-c4248377]{opacity:1}.load-more-container[data-v-c4248377]{padding:var(--space-lg) 0;text-align:center;color:var(--text-muted);font-size:.85rem}.loading-more .spinner[data-v-c4248377]{margin-right:var(--space-xs);animation:1s linear infinite spin-c4248377;display:inline-block}@keyframes spin-c4248377{to{transform:rotate(360deg)}}@media (width<=640px){.task-card[data-v-c4248377]{padding:var(--space-md)}.task-actions[data-v-c4248377]{opacity:1}}.modal-overlay[data-v-ee5fab22]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn-ee5fab22;display:flex;position:fixed;top:0;left:0}.modal[data-v-ee5fab22]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:.3s cubic-bezier(.4,0,.2,1) modalIn-ee5fab22}@keyframes fadeIn-ee5fab22{0%{opacity:0}to{opacity:1}}@keyframes modalIn-ee5fab22{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title[data-v-ee5fab22]{margin-bottom:var(--space-lg);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:600}.modal-actions[data-v-ee5fab22]{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.modal-overlay[data-v-4caa4bb9]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn-4caa4bb9;display:flex;position:fixed;top:0;left:0}.modal[data-v-4caa4bb9]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:400px;box-shadow:var(--shadow-lg);animation:.3s cubic-bezier(.4,0,.2,1) modalIn-4caa4bb9}@keyframes fadeIn-4caa4bb9{0%{opacity:0}to{opacity:1}}@keyframes modalIn-4caa4bb9{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title[data-v-4caa4bb9]{margin-bottom:var(--space-md);color:var(--danger);font-size:1.25rem;font-weight:600}.modal-body[data-v-4caa4bb9]{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.95rem;line-height:1.5}.modal-actions[data-v-4caa4bb9]{justify-content:flex-end;gap:var(--space-sm);display:flex}.btn-danger[data-v-4caa4bb9]{color:var(--danger);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ff6b6b1a;border:1px solid #ff6b6b4d;font-family:inherit;font-size:.9rem;font-weight:500}.btn-danger[data-v-4caa4bb9]:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 4px 12px #ff6b6b66}.app-container[data-v-18f29fc6]{z-index:1;max-width:800px;padding:var(--space-xl) var(--space-md);margin:0 auto;position:relative}.app-header[data-v-18f29fc6]{text-align:center;margin-bottom:var(--space-2xl)}.app-title[data-v-18f29fc6]{background:var(--accent-gradient);-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);letter-spacing:-.02em;justify-content:center;align-items:center;gap:var(--space-sm);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;display:flex}.app-logo[data-v-18f29fc6]{border-radius:12px;width:48px;height:48px;box-shadow:0 4px 12px #00cec94d}.app-subtitle[data-v-18f29fc6]{color:var(--text-muted);font-size:.95rem;font-weight:300}.toast-container[data-v-18f29fc6]{z-index:2000;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;top:20px;right:20px}.toast[data-v-18f29fc6]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-sm);min-width:280px;max-width:400px;font-size:.9rem;animation:.3s slideInRight;display:flex}.toast.success[data-v-18f29fc6]{border-left:3px solid var(--success)}.toast.error[data-v-18f29fc6]{border-left:3px solid var(--danger)}.toast.info[data-v-18f29fc6]{border-left:3px solid var(--accent-primary)}.toast-icon[data-v-18f29fc6]{flex-shrink:0;font-size:1.1rem}.toast-enter-active[data-v-18f29fc6]{animation:.3s slideInRight}.toast-leave-active[data-v-18f29fc6]{animation:.3s forwards fadeOut}@media (width<=640px){.app-container[data-v-18f29fc6]{padding:var(--space-md) var(--space-lg)}.app-title[data-v-18f29fc6]{font-size:1.8rem}.app-logo[data-v-18f29fc6]{border-radius:8px;width:36px;height:36px}.toast[data-v-18f29fc6]{min-width:auto;max-width:calc(100vw - 40px)}}:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-card:#1e1e32cc;--bg-card-hover:#282841e6;--bg-input:#ffffff0d;--bg-input-focus:#ffffff14;--text-primary:#e8e8f0;--text-secondary:#9898b0;--text-muted:#6868a0;--accent-primary:#6c5ce7;--accent-gradient:linear-gradient(135deg, #6c5ce7, #a855f7);--accent-glow:#6c5ce74d;--success:#00cec9;--success-bg:#00cec91a;--warning:#fdcb6e;--warning-bg:#fdcb6e1a;--danger:#ff7675;--danger-bg:#ff76751a;--border:#ffffff0f;--border-focus:#6c5ce780;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 20%,#6c5ce714 0%,#0000 50%),radial-gradient(circle at 70% 80%,#a855f70f 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-family:inherit;font-size:.9rem;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-input);color:var(--text-primary);border-color:var(--text-muted)}.btn-danger{color:var(--danger);padding:var(--space-xs) var(--space-sm);background:0 0;border:1px solid #0000}.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.82rem}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;padding:0;font-size:1rem}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--text-primary);transition:all var(--transition-fast);outline:none;width:100%;font-family:inherit;font-size:.95rem}.form-input:focus,.form-textarea:focus,.form-select:focus{background:var(--bg-input-focus);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:60px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236868a0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:500}.priority-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.priority-high{background:var(--danger-bg);color:var(--danger);border:1px solid #ff767533}.priority-medium{background:var(--warning-bg);color:var(--warning);border:1px solid #fdcb6e33}.priority-low{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0d}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.sortable-ghost{opacity:.3;background:var(--accent-glow)!important;border:2px dashed var(--accent-primary)!important}.sortable-chosen{box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=640px){.stats-board{grid-template-columns:repeat(2,1fr)!important}.stat-value{font-size:1.5rem!important}.toolbar{flex-direction:column!important;align-items:stretch!important}.filter-tabs{justify-content:center;width:100%}}
