body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.widthFull{width:calc(100% - 100px)}.timeline{margin:20px auto;padding:20px;position:relative}.timeline:before{content:"";position:absolute;width:3px;background-color:#e5e5e5;top:0;bottom:0;left:50px;margin-left:-1px}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:100%;margin-bottom:20px}.timeline-item-content{position:relative;width:100%;max-width:100%;padding:10px 15px;border-radius:5px;border-left:3px solid;box-shadow:0 0 5px rgba(0,0,0,.1);margin:0 20px 10px;transition:all .3s ease}.timeline-item-content:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.timeline-item-content.order{border-left-color:#4caf50;background-color:rgba(76,175,80,.1)}.timeline-item-content.ticket{border-left-color:#2196f3;background-color:rgba(33,150,243,.1)}.timeline-item-content.session-cancellation{border-left-color:#ff9800;background-color:rgba(255,152,0,.1)}.timeline-item-content.large{border-left-color:#28a745}.timeline-item-content.medium{border-left-color:#17a2b8}.timeline-item-content.small{border-left-color:#6c757d}.timeline-item-content time{color:#777;font-size:.8rem;display:block;margin-bottom:5px}.timeline-item-content .days-badge{display:inline-block;padding:4px 8px;border-radius:20px;font-weight:700;color:#fff;margin-bottom:8px;font-size:.8rem}.timeline-item-content .days-badge.large{background-color:#28a745}.timeline-item-content .days-badge.medium{background-color:#17a2b8}.timeline-item-content .days-badge.small{background-color:#6c757d}.timeline-item-content p{margin:3px 0;font-size:.9rem;line-height:1.4}.timeline-item-content .reason{font-style:italic;color:#555;margin:5px 0;padding-left:8px;border-left:2px solid #ddd;font-size:.85rem}.timeline-item-content .requestor{font-size:.8rem;color:#555;margin-top:5px}.timeline-item-content .additional-info{font-size:.85rem;color:#666;margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.timeline-item-content .tag{display:inline-flex;align-items:center;font-size:.7rem;color:#fff;padding:2px 5px;border-radius:3px;margin-right:5px;font-weight:600;margin-bottom:3px}.timeline-item-content .tag.order{background-color:#4caf50}.timeline-item-content .tag.ticket{background-color:#2196f3}.timeline-item-content .tag.session-cancellation{background-color:#ff9800}.timeline-item-content .tag-label{font-weight:700;text-transform:uppercase;font-size:.7rem;border-right:1px solid hsla(0,0%,100%,.3);padding-right:5px;margin-right:5px}.timeline-item-content .circle{position:absolute;top:calc(50% - 5px);right:-40px;width:10px;height:10px;border-radius:50%;background-color:#fff;border:2px solid}.timeline-item-content .circle.order{border-color:#4caf50}.timeline-item-content .circle.ticket{border-color:#2196f3}.timeline-item-content .circle.session-cancellation{border-color:#ff9800}.timeline-item-content .circle.large{border-color:#28a745}.timeline-item-content .circle.medium{border-color:#17a2b8}.timeline-item-content .circle.small{border-color:#6c757d}.timeline-summary{background-color:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.05)}.timeline-summary .summary-item{text-align:center;padding:0 15px}.timeline-summary .summary-value{font-size:1.5rem;font-weight:700;color:#4a90e2}.timeline-summary .summary-label{font-size:.8rem;color:#6c757d;text-transform:uppercase}.timeline-legend{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.timeline-legend-item{display:flex;align-items:center;font-size:.8rem}.timeline-legend-color{width:15px;height:15px;margin-right:5px;border-radius:3px}.timeline-legend-color.order{background-color:#4caf50}.timeline-legend-color.ticket{background-color:#2196f3}.timeline-legend-color.session-cancellation{background-color:#ff9800}@media only screen and (max-width:767px){.timeline:before{left:31px}.timeline-item{padding-left:70px;padding-right:25px}.timeline-item-content .circle{left:-39px}.timeline-summary{flex-direction:column;gap:15px}}