.timeline-empty{display:flex;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.timeline-empty p{color:#a0aec0;font-size:16px}.timeline-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:auto;max-height:calc(100vh - 140px);-webkit-overflow-scrolling:touch}.timeline{min-width:max-content}.timeline-header{display:flex;position:sticky;top:0;z-index:10;background:#fff;border-bottom:3px solid #e2e8f0}.time-column-header{width:80px;min-width:80px;max-width:80px;padding:16px;font-weight:700;font-size:14px;color:#1a202c;background:#f7fafc;border-right:2px solid #e2e8f0;flex-shrink:0;box-sizing:border-box;position:sticky;left:0;z-index:11}.vehicle-column-header{width:200px;min-width:200px;max-width:200px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#f7fafc;border-right:1px solid #e2e8f0;flex-shrink:0;box-sizing:border-box}.vehicle-header-color{width:40px;height:6px;border-radius:3px}.vehicle-header-name{font-weight:700;font-size:14px;color:#1a202c}.vehicle-header-capacity{font-size:12px;color:#718096}.timeline-body{display:flex}.time-column{width:80px;min-width:80px;max-width:80px;flex-shrink:0;background:#f7fafc;border-right:2px solid #e2e8f0;box-sizing:border-box;position:sticky;left:0;z-index:5}.time-cell{padding:12px 16px;font-size:13px;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0;display:flex;align-items:center}.vehicles-container{display:flex;flex:1}.vehicle-column{width:200px;min-width:200px;max-width:200px;position:relative;border-right:1px solid #e2e8f0;flex-shrink:0;box-sizing:border-box;overflow:visible}.vehicle-cells-background{position:relative;z-index:1}.vehicle-cell-bg{border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background .2s}.vehicle-cell-bg:hover{background:#f7fafc}.vehicle-trips-container{position:absolute;top:0;left:0;right:0;z-index:2;pointer-events:none;overflow:visible}.trip-block-continuous{position:absolute;left:4px;right:4px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 2px 4px #0000001a;pointer-events:auto;height:auto}.trip-block-continuous:hover,.trip-block-continuous.hover-expanded{transform:translate(-2px);box-shadow:0 6px 16px #00000040;z-index:100;overflow:visible;position:relative}.trip-block-continuous.has-tooltip{z-index:1000;position:relative}.trip-block-continuous.empty-leg{opacity:.5;filter:grayscale(30%)}.trip-block-continuous.empty-leg:hover{opacity:.65}.trip-block-continuous .trip-time{max-height:0;opacity:0;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);margin:0;padding:0}.trip-block-continuous:hover .trip-time,.trip-block-continuous.hover-expanded .trip-time{max-height:20px;opacity:1;margin-top:2px}.trip-section{padding:6px 12px;color:#fff;display:flex;align-items:center;overflow:visible;transition:all .25s cubic-bezier(.4,0,.2,1)}.trip-pickup{border-bottom:1px solid rgba(255,255,255,.2);border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;gap:8px;flex-shrink:0}.trip-transit{flex:1;background:#ffffff4d;display:flex;align-items:center;justify-content:center;min-height:20px;padding:2px 12px}.trip-arrival{background:#0000002e;border-top:1px solid rgba(255,255,255,.2);border-bottom-left-radius:8px;border-bottom-right-radius:8px;flex-shrink:0}.trip-info-left{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.trip-info-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.trip-location{font-weight:700;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.trip-time{font-size:10px;opacity:.9;font-weight:600;line-height:1.1}.trip-passengers{font-weight:700;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.2);background:#0003;padding:2px 6px;border-radius:4px;line-height:1.2}.trip-note-icon{font-size:15px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));line-height:1}.trip-duration{font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);opacity:.9;line-height:1.2}.trip-passenger-tooltip{position:fixed;background:#fff;border:2px solid currentColor;border-radius:8px;box-shadow:0 8px 24px #00000040;padding:12px;min-width:200px;max-width:300px;max-height:400px;z-index:999999;pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.tooltip-header{font-weight:700;font-size:13px;color:#1a202c;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.tooltip-passenger-list{max-height:350px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:8px}.tooltip-passenger-list::-webkit-scrollbar{width:6px}.tooltip-passenger-list::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.tooltip-passenger-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.tooltip-passenger-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.tooltip-passenger{padding:6px 10px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#2d3748;transition:all .15s}@media(max-width:768px){.timeline-container{border-radius:8px;max-height:calc(100vh - 200px)}.timeline-header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.time-column-header{width:80px;min-width:80px;max-width:80px;padding:12px 8px;font-size:12px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.vehicle-column-header{width:150px;min-width:150px;max-width:150px;padding:12px 8px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.vehicle-header-name{font-size:13px}.vehicle-header-capacity{font-size:10px}.time-cell{width:80px;min-width:80px;max-width:80px;padding:8px;font-size:11px}.vehicle-column{width:150px;min-width:150px;max-width:150px}.trip-block-continuous{padding:4px}.trip-location{font-size:11px}.trip-time,.trip-passengers{font-size:10px}.trip-note-icon{font-size:12px}.trip-duration{font-size:10px}}