.task-list-card *{box-sizing:border-box;margin:0;padding:0}.task-list-card{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;border-radius:20px;border:1px solid #f3f4f6;box-shadow:0 8px 24px #0000000f;padding:28px;max-width:500px;margin:0 auto}.task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.task-header-left{display:flex;align-items:center;gap:12px}.task-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6b4eff,#8b5cf6);display:flex;align-items:center;justify-content:center}.task-icon svg{width:22px;height:22px;color:#fff}.task-title{font-size:15px;font-weight:700;color:#111827}.task-subtitle{font-size:12px;color:#6b7280}.task-count{padding:6px 12px;background:#ede9fe;color:#6b4eff;font-size:12px;font-weight:600;border-radius:12px}.task-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:14px;margin-bottom:10px;transition:all .2s ease;cursor:pointer}.task-item:hover{background:#f3f0ff;transform:translate(4px)}.task-item:last-child{margin-bottom:0}.task-item.completed{opacity:.6;background:#f9fafb}.task-item.completed .task-name{text-decoration:line-through;color:#9ca3af}.task-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .2s ease}.task-checkbox:hover{border-color:#6b4eff}.task-checkbox.checked{background:#6b4eff;border-color:#6b4eff}.task-checkbox svg{width:14px;height:14px;color:#fff}.task-content{flex:1;min-width:0}.task-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}.task-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-source{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280}.task-source img{width:14px;height:14px;border-radius:4px}.task-priority{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px}.task-priority.high{background:#fee2e2;color:#dc2626}.task-priority.medium{background:#fef3c7;color:#d97706}.task-priority.low{background:#dbeafe;color:#2563eb}.task-impact{text-align:right}.impact-value{font-size:14px;font-weight:700;color:#6b4eff}.impact-label{font-size:10px;color:#9ca3af}.tasks-demo *{box-sizing:border-box;margin:0;padding:0}.tasks-demo{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 25px 50px -12px #0000001a;overflow:hidden;max-width:680px;margin:0 auto}.tasks-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f3f4f6}.tasks-header-left{display:flex;align-items:center;gap:10px}.tasks-header-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6b4eff,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tasks-header-icon svg{width:16px;height:16px;color:#fff}.tasks-header-title{font-size:14px;font-weight:600;color:#111827}.tasks-header-sub{font-size:11px;color:#9ca3af}.tasks-stats{display:flex;gap:12px}.tasks-stat{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px}.tasks-stat.completed{background:#ecfdf5;color:#059669}.tasks-stat.pending{background:#fffbeb;color:#d97706}.tasks-stat.progress{background:#eff6ff;color:#2563eb}.tasks-stat-dot{width:6px;height:6px;border-radius:50%}.tasks-list{padding:4px 0}.task-row{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid #f9fafb;transition:background .15s}.task-row:last-child{border-bottom:none}.task-row:hover{background:#fafafa}.task-status-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.task-status-icon svg{width:16px;height:16px}.task-status-icon.done svg{color:#059669}.task-status-icon.in-progress svg{color:#2563eb}.task-status-icon.pending-icon svg{color:#d97706}.task-info{flex:1;min-width:0}.task-name{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-name.completed-task{text-decoration:line-through;color:#9ca3af}.task-meta{font-size:10px;color:#9ca3af;display:flex;align-items:center;gap:6px;margin-top:1px}.task-source{display:inline-flex;align-items:center;gap:3px}.task-source svg{width:10px;height:10px}.task-badges{display:flex;gap:4px;flex-shrink:0}.task-badge{font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px}.task-badge.high{background:#fef2f2;color:#dc2626}.task-badge.medium{background:#fffbeb;color:#d97706}.task-badge.low{background:#f0fdf4;color:#16a34a}.task-badge.cat{background:#f3f4f6;color:#6b7280}.tasks-footer{padding:12px 20px;border-top:1px solid #f3f4f6;display:flex;align-items:center;gap:12px;background:#fafafa}.tasks-footer-label{font-size:11px;color:#6b7280;font-weight:500;flex-shrink:0}.tasks-footer-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.tasks-footer-fill{height:100%;background:linear-gradient(90deg,#6b4eff,#8b5cf6);border-radius:3px}.tasks-footer-pct{font-size:12px;font-weight:700;color:#6b4eff;flex-shrink:0}@media(max-width:640px){.tasks-stats,.task-badges{display:none}}