.todo-page[data-v-ed3a73de]{min-height:100vh;background-color:#f5f7fb;color:#212529;padding:20px}.container[data-v-ed3a73de]{display:flex;max-width:1600px;margin:0 auto;gap:20px}.control-panel[data-v-ed3a73de]{width:320px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 20px #00000014;height:fit-content}.panel-title[data-v-ed3a73de]{font-size:1.5rem;margin-bottom:25px;color:#4361ee;display:flex;align-items:center;gap:10px}.section-title[data-v-ed3a73de]{font-size:1.1rem;margin-bottom:15px;color:#3f37c9;border-bottom:1px solid #dee2e6;padding-bottom:8px}.filter-options[data-v-ed3a73de]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.filter-option[data-v-ed3a73de]{padding:10px 15px;border-radius:8px;background:#f8f9fa;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid #dee2e6;font-size:.9rem}.filter-option[data-v-ed3a73de]:hover,.filter-option.active[data-v-ed3a73de]{background:#4361ee;color:#fff;border-color:#4361ee}.sort-options[data-v-ed3a73de]{display:flex;flex-direction:column;gap:12px}.sort-option[data-v-ed3a73de]{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s ease;border:1px solid #dee2e6}.sort-option[data-v-ed3a73de]:hover,.sort-option.active[data-v-ed3a73de]{background:#4361ee;color:#fff;border-color:#4361ee}.task-list[data-v-ed3a73de]{flex:1;display:flex;flex-direction:column;gap:20px}.list-header[data-v-ed3a73de]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d}.stats[data-v-ed3a73de]{display:flex;align-items:center;gap:20px;color:#6c757d}.stat-item[data-v-ed3a73de]{display:flex;align-items:center;gap:5px}.tasks-container[data-v-ed3a73de]{display:flex;flex-direction:column;gap:15px}.task-card[data-v-ed3a73de]{background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden;border-left:5px solid #adb5bd}.task-card:hover .task-description[data-v-ed3a73de],.task-card:hover .task-meta[data-v-ed3a73de],.task-card:hover .visualization[data-v-ed3a73de],.task-card:hover .task-actions[data-v-ed3a73de]{display:flex;opacity:1}.task-header[data-v-ed3a73de]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.task-title[data-v-ed3a73de]{font-size:1.3rem;font-weight:600;color:#212529}.task-id[data-v-ed3a73de]{font-size:.9rem;color:#6c757d;background:#f8f9fa;padding:3px 8px;border-radius:20px}.task-description[data-v-ed3a73de]{display:none;color:#6c757d;margin-bottom:10px;line-height:1.6;opacity:0;transition:opacity .3s}.task-meta[data-v-ed3a73de]{display:none;flex-wrap:wrap;gap:15px;margin-bottom:15px;font-size:.9rem;color:#6c757d;opacity:0;transition:opacity .3s}.meta-item[data-v-ed3a73de]{display:flex;align-items:center;gap:5px}.visualization[data-v-ed3a73de]{display:none;gap:15px;margin-bottom:20px;opacity:0;transition:opacity .3s}.viz-item[data-v-ed3a73de]{flex:1}.viz-title[data-v-ed3a73de]{font-size:.85rem;margin-bottom:5px;color:#6c757d}.progress-bar[data-v-ed3a73de]{height:8px;background:#f8f9fa;border-radius:4px;overflow:hidden}.progress-fill[data-v-ed3a73de]{height:100%;border-radius:4px}.progress-0-30[data-v-ed3a73de]{background:#e63946}.progress-31-70[data-v-ed3a73de]{background:#ff9e00}.progress-71-100[data-v-ed3a73de]{background:#38b000}.priority-bar[data-v-ed3a73de]{height:8px;background:#f8f9fa;border-radius:4px;overflow:hidden}.priority-fill[data-v-ed3a73de]{height:100%;border-radius:4px}.priority-low[data-v-ed3a73de]{background:#38b000;width:30%}.priority-medium[data-v-ed3a73de]{background:#ff9e00;width:60%}.priority-high[data-v-ed3a73de]{background:#e63946;width:90%}.task-actions[data-v-ed3a73de]{display:none;justify-content:flex-end;gap:10px;opacity:0;transition:opacity .3s;margin-top:10px}.pagination[data-v-ed3a73de]{display:flex;justify-content:center;margin-top:20px}.status-2[data-v-ed3a73de]{border-left-color:#4361ee}.status-5[data-v-ed3a73de]{border-left-color:#38b000}.status-4[data-v-ed3a73de]{border-left-color:#ff9e00}.status-3[data-v-ed3a73de]{border-left-color:#e63946}.task-card.completed .task-title[data-v-ed3a73de]{text-decoration:line-through;color:#6c757d}@media(max-width:1024px){.container[data-v-ed3a73de]{flex-direction:column}.control-panel[data-v-ed3a73de]{width:100%}}.stat-card[data-v-a060fe8b]{transition:all .3s ease}.stat-card[data-v-a060fe8b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}