.client-app{display:flex;flex-direction:column;min-height:100vh;padding-bottom:60px}.client-content{max-width:860px;margin:0 auto;padding:var(--space-6);width:100%}.client-project-badge{font-family:var(--font-mono);font-size:.75rem;color:var(--color-accent)}.client-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);margin-bottom:var(--space-8)}.client-hero-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-6)}.client-hero-title{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-text);line-height:1.1;margin-bottom:var(--space-1)}.client-hero-type{font-size:.8rem;color:var(--color-accent)}.client-hero-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4);max-width:600px}.client-hero-meta{display:flex;gap:var(--space-6);font-size:.8rem;color:var(--color-text-muted);flex-wrap:wrap}.client-status.active{color:var(--color-success)}.client-progress-ring{width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--color-accent) var(--progress),var(--color-border) var(--progress));display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.client-progress-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--color-surface)}.client-progress-ring span{position:relative;font-family:var(--font-display);font-size:1.2rem;color:var(--color-accent)}.client-section{margin-bottom:var(--space-8)}.client-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:28px}.client-timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--color-border)}.client-timeline-item{position:relative;padding:var(--space-3) 0 var(--space-3) var(--space-4);opacity:.7;transition:opacity var(--duration-fast)}.client-timeline-item.done,.client-timeline-item.in_progress{opacity:1}.client-timeline-dot{position:absolute;left:-24px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--color-border);border:2px solid var(--color-bg);z-index:1}.client-timeline-dot.done{background:var(--color-success)}.client-timeline-dot.in_progress{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent-glow);animation:pulse-dot 2s ease-in-out infinite}.client-timeline-name{font-size:.9rem;font-weight:500;color:var(--color-text);margin-bottom:2px}.client-timeline-date{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);margin-bottom:2px}.client-timeline-status{font-size:.7rem;color:var(--color-text-muted)}.client-bar{justify-content:center}.client-bar .trigger-status{font-size:.75rem;color:var(--color-text-muted)}