.track-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e5eaf1;padding-bottom:15px}.track-head h2{margin:2px 0}.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0}.track-step{position:relative;text-align:center;color:#98a2b3}.track-step:before{content:"";position:absolute;top:9px;left:-50%;width:100%;height:3px;background:#e5eaf1}.track-step:first-child:before{display:none}.dot{display:block;width:20px;height:20px;border-radius:50%;background:#e5eaf1;margin:0 auto 8px;position:relative;z-index:2}.track-step.done,.track-step.current{color:#0b1220}.track-step.done .dot,.track-step.current .dot{background:#0866ff}.track-step.done:before,.track-step.current:before{background:#0866ff}.track-step.bad .dot{background:#d92d20}.track-step small{display:block;color:#667085}.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.track-grid div{background:#f6f8fc;border-radius:10px;padding:14px}.track-grid span,.track-item small{display:block;color:#667085;font-size:13px}.track-item{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e5eaf1}.track-item:last-child{border-bottom:0}@media(max-width:700px){.timeline{grid-template-columns:1fr;gap:0}.track-step{text-align:left;display:flex;gap:12px;padding:0 0 20px}.track-step:before{left:9px;top:-20px;width:3px;height:40px}.dot{margin:0;flex:0 0 20px}.track-grid{grid-template-columns:1fr}.track-head{align-items:flex-start;flex-direction:column}}