.pipeline-progress{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:6px;margin:8px 0;padding:12px;font-size:12px}.pipeline-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pipeline-title{color:#495057;align-items:center;gap:6px;font-weight:600;display:flex}.pipeline-icon{font-size:14px}.pipeline-label{font-size:12px}.pipeline-percentage{color:#0d6efd;font-size:16px;font-weight:700}.progress-bar-container{background-color:#e9ecef;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0d6efd 0%,#0a58ca 100%);border-radius:3px;height:100%;transition:width .5s ease-in-out}.pipeline-stages{justify-content:space-between;gap:6px;margin-bottom:8px;display:flex}.pipeline-stage{border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 3px;transition:all .3s;display:flex}.stage-icon{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.stage-name{text-transform:capitalize;text-align:center;font-size:10px;font-weight:500}.stage-pending{color:#adb5bd;background-color:transparent}.stage-pending .stage-icon{color:#adb5bd;background-color:#e9ecef}.stage-active{color:#0d6efd;background-color:rgba(13,110,253,.1);animation:1.5s ease-in-out infinite pulse}.stage-active .stage-icon{color:#fff;background-color:#0d6efd;animation:1s linear infinite spin}.stage-completed{color:#198754;background-color:rgba(25,135,84,.1)}.stage-completed .stage-icon{color:#fff;background-color:#198754}.stage-failed{color:#dc3545;background-color:rgba(220,53,69,.1)}.stage-failed .stage-icon{color:#fff;background-color:#dc3545}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pipeline-details{background-color:#fff;border-left:2px solid #0d6efd;border-radius:4px;margin-top:8px;padding:8px}.detail-title{color:#495057;margin-bottom:6px;font-size:11px;font-weight:600}.detail-item{color:#6c757d;justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.detail-label{font-weight:500}.detail-value{color:#495057;font-weight:600}.detail-error{color:#842029;background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:3px;align-items:center;gap:6px;margin-top:6px;padding:6px;display:flex}.error-icon{font-size:14px}.error-message{font-size:11px;font-weight:500}.pipeline-complete{color:#0f5132;background:linear-gradient(135deg,#d1e7dd 0%,#badbcc 100%);border:1px solid #a3cfbb;border-radius:4px;align-items:center;gap:6px;margin-top:8px;padding:8px;display:flex}.complete-icon{font-size:16px}.complete-message{font-size:11px;font-weight:600}@media (max-width:768px){.pipeline-stages{gap:4px}.pipeline-stage{padding:6px 2px}.stage-name{font-size:10px}.stage-icon{width:20px;height:20px;font-size:12px}}