.task-history{width:100%}.task-history-loading{display:flex;align-items:center;justify-content:center;padding:4rem 0;min-height:400px}.task-history-spinner{width:48px;height:48px;border:3px solid rgba(0,123,67,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-history-empty{text-align:center;padding:4rem 2rem;background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:2rem 0}.task-history-empty-icon{margin:0 auto 1.5rem;width:80px;height:80px;padding:20px;background:var(--gradient-glow);border-radius:50%;color:var(--color-accent)}.task-history-empty-icon svg{width:100%;height:100%}.task-history-empty h3{font-size:1.5rem;font-weight:600;color:var(--color-white);margin-bottom:.75rem}.task-history-empty p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.task-history-empty-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:var(--gradient-primary);color:var(--color-white);font-weight:600;font-size:.9375rem;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.task-history-empty-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.task-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-tech);opacity:0;transition:opacity var(--transition-base)}.task-card:hover{background:#ffffff0d;border-color:var(--color-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.task-card:hover:before{opacity:1}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.task-card-info{flex:1;min-width:0}.task-card-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.task-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);white-space:nowrap;letter-spacing:.025em;text-transform:uppercase}.task-badge-pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.task-badge-processing{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.task-badge-success{background:#00ff8826;color:var(--color-accent);border:1px solid rgba(0,255,136,.3)}.task-badge-failed{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.task-badge-cancelled{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.task-badge-mode{background:#007b4326;color:var(--color-primary-light);border:1px solid rgba(0,123,67,.3)}.task-badge-agent{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.task-badge-video{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.task-card-prompt{font-size:1rem;color:var(--color-white);font-weight:500;line-height:1.6;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.task-card-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;font-size:.875rem;color:var(--color-text-secondary)}.task-card-meta-item{display:flex;align-items:center;gap:.375rem}.task-card-meta-item svg{width:16px;height:16px;opacity:.7}.task-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);flex-shrink:0}.task-progress-bar{width:140px;height:6px;background:#007b4326;border-radius:3px;overflow:hidden}.task-progress-fill{height:100%;background:var(--gradient-tech);border-radius:3px;transition:width var(--transition-base);position:relative}.task-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.task-view-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--gradient-primary);color:var(--color-white);font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-sm)}.task-view-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.task-view-btn:active{transform:translateY(0)}.task-view-btn svg{width:16px;height:16px}.task-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);background:#ffffff08;border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.task-pagination-info{font-size:.9375rem;color:var(--color-text-secondary)}.task-pagination-info strong{color:var(--color-primary-light);font-weight:600}.task-pagination-controls{display:flex;align-items:center;gap:.5rem}.task-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .5rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.task-pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-white);background:#007b431a}.task-pagination-btn.active{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.task-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.task-pagination-btn svg{width:20px;height:20px}@media (max-width: 768px){.task-card{padding:var(--spacing-md)}.task-card-header{flex-direction:column;gap:var(--spacing-sm)}.task-card-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.task-progress-bar{flex:1;max-width:200px}.task-view-btn{padding:.5rem 1rem;font-size:.8125rem}.task-pagination{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.task-pagination-info{order:2;text-align:center}.task-pagination-controls{order:1;width:100%;justify-content:center;flex-wrap:wrap}.task-pagination-btn{min-width:36px;height:36px}}@media (max-width: 480px){.task-card-badges{gap:.375rem}.task-badge{font-size:.6875rem;padding:.1875rem .625rem}.task-card-prompt{font-size:.9375rem}.task-card-meta{font-size:.8125rem;gap:var(--spacing-sm)}.task-card-meta-item svg{width:14px;height:14px}.task-progress-bar{width:100%;max-width:none}.task-view-btn{width:100%;justify-content:center}}[data-theme=light] .task-card{background:#fffffff2;border-color:#007b431a}[data-theme=light] .task-card:hover{background:#fff;box-shadow:0 4px 16px #007b431f}[data-theme=light] .task-card-prompt{color:var(--color-dark)}[data-theme=light] .task-history-empty{background:#fffffff2;border-color:#007b431a}[data-theme=light] .task-history-empty h3{color:var(--color-dark)}[data-theme=light] .task-pagination{background:#fffffff2;border-color:#007b431a}