.header[data-v-702a15c0]{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content[data-v-702a15c0]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-title h1[data-v-702a15c0]{margin:0;color:var(--text-primary);font-size:var(--font-xl)}.header-actions[data-v-702a15c0]{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.action-btn[data-v-702a15c0]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:var(--font-sm)}.action-btn[data-v-702a15c0]:hover:not(:disabled){border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn[data-v-702a15c0]:disabled{opacity:.5;cursor:not-allowed}.theme-btn[data-v-702a15c0]{font-size:var(--font-lg);padding:var(--spacing-sm);min-width:40px}.theme-btn[data-v-702a15c0]:hover{transform:scale(1.1)}@media(max-width:640px){.header[data-v-702a15c0]{padding:var(--spacing-md)}.header-content[data-v-702a15c0]{flex-direction:column}.header-title h1[data-v-702a15c0]{font-size:var(--font-lg)}.header-actions[data-v-702a15c0]{width:100%}.action-btn[data-v-702a15c0]{flex:1}}.task-input-container[data-v-f508f9ae]{background:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.task-input-form[data-v-f508f9ae]{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-group[data-v-f508f9ae]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-row[data-v-f508f9ae]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.label[data-v-f508f9ae]{font-weight:500;font-size:var(--font-sm);color:var(--text-secondary)}.task-input[data-v-f508f9ae],.task-textarea[data-v-f508f9ae],.input-select[data-v-f508f9ae]{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-base);background:var(--input-bg);color:var(--text-primary);font-family:inherit;transition:all .2s ease}.task-input[data-v-f508f9ae]:focus,.task-textarea[data-v-f508f9ae]:focus,.input-select[data-v-f508f9ae]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-focus)}.task-textarea[data-v-f508f9ae]{resize:vertical;min-height:60px}.btn[data-v-f508f9ae]{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-base)}.btn-primary[data-v-f508f9ae]{background:var(--primary-color);color:#fff}.btn-primary[data-v-f508f9ae]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary[data-v-f508f9ae]:active{transform:translateY(0)}.btn-icon[data-v-f508f9ae]{font-size:var(--font-lg);font-weight:700}@media(max-width:640px){.input-row[data-v-f508f9ae]{grid-template-columns:1fr}.task-input-container[data-v-f508f9ae]{padding:var(--spacing-md)}}.task-item[data-v-fd06b309]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);cursor:grab;transition:all .2s ease}.task-item[data-v-fd06b309]:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.task-item.completed[data-v-fd06b309]{opacity:.6}.task-item.completed .task-title[data-v-fd06b309]{text-decoration:line-through;color:var(--text-secondary)}.task-item.dragging[data-v-fd06b309]{opacity:.5;transform:scale(.95)}.task-content[data-v-fd06b309]{display:flex;gap:var(--spacing-md);flex:1;min-width:0}.task-checkbox[data-v-fd06b309]{width:24px;height:24px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0;margin-top:2px}.task-details[data-v-fd06b309]{flex:1;min-width:0}.task-title[data-v-fd06b309]{margin:0;font-size:var(--font-base);color:var(--text-primary);font-weight:600;word-break:break-word}.task-description[data-v-fd06b309]{margin:var(--spacing-xs) 0 0;font-size:var(--font-sm);color:var(--text-secondary);word-break:break-word}.task-meta[data-v-fd06b309]{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs);flex-wrap:wrap;font-size:var(--font-xs)}.task-deadline[data-v-fd06b309]{color:var(--text-secondary);padding:2px 8px;background:var(--tag-bg);border-radius:4px}.task-deadline.overdue[data-v-fd06b309]{color:var(--danger-color);background:var(--danger-light);font-weight:600}.task-priority[data-v-fd06b309]{padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}.priority-low[data-v-fd06b309]{background:var(--info-light);color:var(--info-color)}.priority-medium[data-v-fd06b309]{background:var(--warning-light);color:var(--warning-color)}.priority-high[data-v-fd06b309]{background:var(--danger-light);color:var(--danger-color)}.task-created[data-v-fd06b309]{color:var(--text-secondary)}.task-actions[data-v-fd06b309]{display:flex;gap:var(--spacing-sm);flex-shrink:0}.btn[data-v-fd06b309]{background:none;border:none;cursor:pointer;font-size:var(--font-lg);padding:4px;border-radius:4px;transition:all .2s ease}.btn-icon[data-v-fd06b309]:hover{transform:scale(1.2);background:var(--hover-bg)}.btn-edit[data-v-fd06b309]:hover{color:var(--info-color)}.btn-delete[data-v-fd06b309]:hover{color:var(--danger-color)}.modal-overlay[data-v-fd06b309]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-fd06b309]{background:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);max-width:500px;width:90%;box-shadow:var(--shadow-lg)}.modal h2[data-v-fd06b309]{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.form-group[data-v-fd06b309]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-group label[data-v-fd06b309]{font-weight:500;color:var(--text-secondary);font-size:var(--font-sm)}.form-group input[data-v-fd06b309],.form-group textarea[data-v-fd06b309],.form-group select[data-v-fd06b309]{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:4px;font-family:inherit;color:var(--text-primary);background:var(--input-bg)}.form-group input[data-v-fd06b309]:focus,.form-group textarea[data-v-fd06b309]:focus,.form-group select[data-v-fd06b309]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-focus)}.form-row[data-v-fd06b309]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-actions[data-v-fd06b309]{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn-primary[data-v-fd06b309],.btn-secondary[data-v-fd06b309]{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:4px;font-weight:600;cursor:pointer;flex:1}.btn-primary[data-v-fd06b309]{background:var(--primary-color);color:#fff}.btn-secondary[data-v-fd06b309]{background:var(--border-color);color:var(--text-primary)}.btn-primary[data-v-fd06b309]:hover{opacity:.9}.btn-secondary[data-v-fd06b309]:hover{background:var(--hover-bg)}.fade-enter-active[data-v-fd06b309],.fade-leave-active[data-v-fd06b309]{transition:opacity .2s ease}.fade-enter-from[data-v-fd06b309],.fade-leave-to[data-v-fd06b309]{opacity:0}@media(max-width:640px){.task-meta[data-v-fd06b309]{gap:var(--spacing-sm)}.form-row[data-v-fd06b309]{grid-template-columns:1fr}}.task-list-container[data-v-059b3798],.task-list[data-v-059b3798]{display:flex;flex-direction:column;gap:var(--spacing-md)}.empty-state[data-v-059b3798]{text-align:center;padding:var(--spacing-xl);background:var(--card-bg);border-radius:var(--border-radius);border:2px dashed var(--border-color)}.empty-icon[data-v-059b3798]{font-size:48px;margin-bottom:var(--spacing-md)}.empty-state h3[data-v-059b3798]{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.empty-state p[data-v-059b3798]{margin:0;color:var(--text-secondary)}.list-enter-active[data-v-059b3798],.list-leave-active[data-v-059b3798]{transition:all .3s ease}.list-enter-from[data-v-059b3798]{opacity:0;transform:translate(-10px)}.list-leave-to[data-v-059b3798]{opacity:0;transform:translate(10px)}.list-move[data-v-059b3798]{transition:transform .2s ease}.filters-container[data-v-586a55fc]{background:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.filters-header[data-v-586a55fc]{margin-bottom:var(--spacing-lg)}.filters-header h3[data-v-586a55fc]{margin:0;color:var(--text-primary);font-size:var(--font-lg)}.filter-section[data-v-586a55fc]{margin-bottom:var(--spacing-lg)}.filter-section[data-v-586a55fc]:last-child{margin-bottom:0}.filter-section h4[data-v-586a55fc]{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-sm);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.filter-buttons[data-v-586a55fc]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-btn[data-v-586a55fc]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:20px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:var(--font-sm)}.filter-btn[data-v-586a55fc]:hover{border-color:var(--primary-color)}.filter-btn.active[data-v-586a55fc]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.priority-btn[data-v-586a55fc]{min-width:80px}.sort-controls[data-v-586a55fc]{display:flex;gap:var(--spacing-sm);align-items:center}.sort-select[data-v-586a55fc]{flex:1;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-family:inherit;cursor:pointer}.sort-select[data-v-586a55fc]:focus{outline:none;border-color:var(--primary-color)}.sort-order-btn[data-v-586a55fc]{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:45px;font-weight:700;font-size:var(--font-lg)}.sort-order-btn[data-v-586a55fc]:hover{border-color:var(--primary-color);transform:scale(1.05)}.action-buttons[data-v-586a55fc]{display:flex;gap:var(--spacing-sm)}.btn[data-v-586a55fc]{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:var(--font-sm);flex:1}.btn-secondary[data-v-586a55fc]{background:var(--input-bg);color:var(--text-primary)}.btn-secondary[data-v-586a55fc]:hover{border-color:var(--primary-color);background:var(--hover-bg)}.btn-danger[data-v-586a55fc]{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger[data-v-586a55fc]:hover{opacity:.9}.modal-overlay[data-v-586a55fc]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-586a55fc]{background:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);max-width:400px;width:90%;box-shadow:var(--shadow-lg)}.modal h3[data-v-586a55fc]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.modal p[data-v-586a55fc]{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary)}.modal-actions[data-v-586a55fc]{display:flex;gap:var(--spacing-md)}.fade-enter-active[data-v-586a55fc],.fade-leave-active[data-v-586a55fc]{transition:opacity .2s ease}.fade-enter-from[data-v-586a55fc],.fade-leave-to[data-v-586a55fc]{opacity:0}@media(max-width:640px){.filters-container[data-v-586a55fc]{padding:var(--spacing-md)}.sort-controls[data-v-586a55fc]{flex-direction:column}}.progress-container[data-v-112166fe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.progress-card[data-v-112166fe],.shortcuts-card[data-v-112166fe]{background:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.progress-header[data-v-112166fe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.progress-header h3[data-v-112166fe]{margin:0;color:var(--text-primary);font-size:var(--font-lg)}.progress-percentage[data-v-112166fe]{font-size:24px;font-weight:700;color:var(--primary-color)}.progress-bar[data-v-112166fe]{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-lg)}.progress-fill[data-v-112166fe]{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transition:width .3s ease}.progress-stats[data-v-112166fe]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat[data-v-112166fe]{text-align:center;padding:var(--spacing-md);background:var(--hover-bg);border-radius:8px}.stat-label[data-v-112166fe]{display:block;font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;font-weight:600;margin-bottom:var(--spacing-xs)}.stat-value[data-v-112166fe]{display:block;font-size:20px;font-weight:700;color:var(--text-primary)}.stat-value.completed[data-v-112166fe]{color:var(--success-color)}.shortcuts-card h4[data-v-112166fe]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-base)}.shortcuts-list[data-v-112166fe]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.shortcut[data-v-112166fe]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.shortcut[data-v-112166fe]:last-child{border-bottom:none}kbd[data-v-112166fe]{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:var(--font-xs);font-family:monospace;font-weight:600;min-width:100px;text-align:center}.shortcut span[data-v-112166fe]{color:var(--text-secondary);font-size:var(--font-sm)}@media(max-width:768px){.progress-container[data-v-112166fe]{grid-template-columns:1fr}}@media(max-width:640px){.progress-stats[data-v-112166fe]{grid-template-columns:1fr}}:root{--primary-color: #6366f1;--primary-light: #818cf8;--primary-focus: rgba(99, 102, 241, .1);--success-color: #10b981;--success-light: rgba(16, 185, 129, .1);--danger-color: #ef4444;--danger-light: rgba(239, 68, 68, .1);--warning-color: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--info-color: #3b82f6;--info-light: rgba(59, 130, 246, .1);--bg-primary: #ffffff;--bg-secondary: #f9fafb;--card-bg: #ffffff;--input-bg: #f3f4f6;--hover-bg: #f3f4f6;--tag-bg: #e5e7eb;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #d1d5db;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 20px;--font-xl: 28px;--border-radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}:root.dark{--bg-primary: #111827;--bg-secondary: #1f2937;--card-bg: #1f2937;--input-bg: #374151;--hover-bg: #374151;--tag-bg: #4b5563;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--border-color: #4b5563}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}body{background:var(--bg-primary)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}.main-content{flex:1;background:var(--bg-secondary);padding:var(--spacing-lg)}.container{max-width:1400px;margin:0 auto}.content-wrapper{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.left-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.right-column{display:flex;flex-direction:column}.footer{background:var(--card-bg);border-top:1px solid var(--border-color);padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:var(--font-sm)}.footer-content{display:flex;flex-direction:column;gap:4px}.footer p{margin:0}.footer a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--primary-light);text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app{animation:fadeIn .3s ease}@media(max-width:1024px){.content-wrapper{grid-template-columns:1fr}}@media(max-width:768px){.main-content{padding:var(--spacing-md)}.container{padding:0}}@media(max-width:480px){:root{--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 12px;--spacing-xl: 18px;--font-xs: 11px;--font-sm: 13px;--font-base: 14px;--font-lg: 18px;--font-xl: 24px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}