.timeline-container{position:relative;margin:50px auto;padding:40px 0;width:1000px;box-sizing:border-box}.timeline-container:before{content:"";position:absolute;left:50%;width:2px;height:100%;background:#e5e7eb}.timeline-list{padding:0;margin:0;list-style:none}.timeline-item{list-style:none;position:relative;width:50%;padding:20px 40px;box-sizing:border-box}.timeline-item:nth-child(odd){float:left;text-align:right;clear:both}.timeline-item:nth-child(even){float:right;text-align:left;clear:both}.timeline-content{padding-bottom:20px}.timeline-item:nth-child(odd):before{content:"";position:absolute;width:10px;height:10px;top:24px;right:-6px;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 3px #3b82f633}.timeline-item:nth-child(even):before{content:"";position:absolute;width:10px;height:10px;top:24px;left:-4px;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 3px #3b82f633}.timeline-title{padding:0;margin:0;color:#1f2937;font-weight:600;font-size:18px}.timeline-description{margin:10px 0 0;padding:0;color:#6b7280;line-height:1.5}.timeline-date{position:absolute;top:12px;margin:0;padding:8px 16px;background:#3b82f6;color:#fff;border-radius:18px;box-shadow:0 0 0 3px #3b82f64d;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.timeline-item:nth-child(odd) .timeline-date{right:-165px}.timeline-item:nth-child(even) .timeline-date{left:-165px}.timeline-date:hover{background:#2563eb;transform:scale(1.05)}.timeline-date-edit{background:white;border:2px solid #3b82f6;border-radius:18px;padding:6px 14px}.timeline-date-edit input{border:none;background:transparent;outline:none;text-align:center;font-size:14px;font-weight:500;color:#1f2937}.timeline-meta{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.timeline-progress{margin-top:10px}.timeline-details{margin-top:10px;font-size:12px;color:#9ca3af}.timeline-details>div{margin-bottom:4px}.timeline-empty{text-align:center;padding:40px 20px;clear:both}.timeline-container:after{content:"";display:table;clear:both}@media (max-width: 1000px){.timeline-container{width:100%}}@media (max-width: 767px){.timeline-container{width:100%;padding-bottom:0}.timeline-container:before{left:20px;height:100%}.timeline-item:nth-child(odd),.timeline-item:nth-child(even){width:100%;text-align:left;padding-left:50px;padding-bottom:50px}.timeline-item:nth-child(odd):before,.timeline-item:nth-child(even):before{top:-18px;left:16px}.timeline-item:nth-child(odd) .timeline-date,.timeline-item:nth-child(even) .timeline-date{top:-30px;left:50px;right:inherit}}