#sukien-timeline .loading{text-align:center;padding:20px;font-style:italic;color:#999}.sukien-timeline-wrapper{position:relative;padding:20px 0;margin-top:20px}.sukien-timeline-wrapper::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:#0073aa;transform:translateX(-50%)}.timeline-item{position:relative;width:100%;margin-bottom:40px;display:flex;justify-content:space-between;align-items:center}.timeline-point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:white;border-radius:50%;padding:6px;border:3px solid #0073aa;display:flex;align-items:center;justify-content:center;z-index:1}.timeline-point svg{width:18px;height:18px;display:block;fill:#0073aa}.timeline-date{font-weight:bold;color:#333;width:45%;text-align:right;padding-right:20px}.timeline-content-wrapper{width:45%;padding-left:20px}.timeline-title{font-size:20px;margin-bottom:8px;color:#0073aa;font-weight:600}.timeline-content{color:#555;line-height:1.6;padding:10px;background:#f9f9f9;border-radius:5px}.sukien-table{width:100%;border-collapse:collapse;margin-top:20px}.sukien-table th,.sukien-table td{border:1px solid #ddd;padding:12px;text-align:left}.sukien-table th{background-color:#0073aa;color:white}.sukien-table tr:nth-child(even){background-color:#f9f9f9}.sukien-table tr:hover{background-color:#f1f1f1}#sukien-timeline-content .loading{text-align:center;padding:20px;font-style:italic;color:#999}.sukien-thongtin{display:flex;flex-direction:column;justify-content:center;align-items:center}.sukien-thongtin p{padding:0.5rem;width:400px;text-align:center}.sukien-thongtin p:first-child{background:green;color:white}.sukien-thongtin p:last-child{background:#FDEEE3;border-bottom:3px solid orangered}#sukien-timeline-controls{display:flex;justify-content:center;margin-bottom:1rem}