.track-page{background:#f7f9fe}.track-layout,.track-page{min-height:calc(100vh - 72px)}.track-layout{display:grid;grid-template-columns:1fr 420px}.track-map-area{position:relative;background:#e8edf5;overflow:hidden}.track-map-container{width:100%;height:100%;min-height:calc(100vh - 72px)}.track-map-container iframe{width:100%;height:100%;display:block}.track-map-overlay{position:absolute;top:24px;left:24px;right:24px;z-index:10;pointer-events:none}.track-coords-bar{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:16px 24px;box-shadow:0 8px 24px rgba(0,0,0,.08);pointer-events:auto;gap:24px}.track-coords__left{display:flex;align-items:center;gap:12px}.track-coords__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(166,210,243,.2);border-radius:8px;flex-shrink:0}.track-coords__info{display:flex;flex-direction:column;gap:0}.track-coords__label{font-family:Manrope,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#2f80ed;line-height:1}.track-coords__value{font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:#000;line-height:1.4;white-space:nowrap}.track-coords__metrics{display:flex;gap:24px;align-items:center}.track-metric{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.track-metric__label{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#434654;line-height:1}.track-metric__label,.track-metric__value{font-family:Manrope,sans-serif;font-weight:700}.track-metric__value{font-size:14px;color:#2f80ed;line-height:1.2}.track-sidebar{background:#fff;padding:32px 28px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;border-left:1px solid rgba(166,210,243,.2)}.track-header__top{display:flex;align-items:flex-start;justify-content:space-between}.track-id{font-size:24px;font-weight:800;color:#000;margin:0;letter-spacing:-.5px}.track-id,.track-type{font-family:Manrope,sans-serif}.track-type{font-size:14px;font-weight:400;color:#434654;margin:4px 0 0}.track-status-badge{font-family:Manrope,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#2f80ed;background:rgba(166,210,243,.2);padding:4px 12px;border-radius:12px;white-space:nowrap;flex-shrink:0}.track-driver-card{background:#f8fafc;border:1px solid rgba(166,210,243,.2);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.track-driver__info{display:flex;align-items:center;gap:12px}.track-driver__avatar{flex-shrink:0}.track-driver__details{display:flex;flex-direction:column;gap:2px;min-width:0}.track-driver__name-row{display:flex;align-items:center;gap:8px}.track-driver__name{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;color:#000}.track-driver__rating{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:#f59e0b}.track-driver__rating,.track-driver__vehicle{font-family:Manrope,sans-serif;font-size:13px}.track-driver__vehicle{font-weight:400;color:#434654}.track-driver__actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.track-driver__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid rgba(166,210,243,.3);background:#fff;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:#2f80ed;cursor:pointer;transition:background .15s}.track-driver__btn:hover{background:rgba(166,210,243,.15)}.track-timeline{display:flex;flex-direction:column;gap:20px}.track-timeline__title{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#434654;margin:0}.track-timeline__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.track-step{display:flex;gap:14px;position:relative;padding-bottom:20px}.track-step:last-child{padding-bottom:0}.track-step__connector{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.track-step__line{width:2px;flex:1 1;background:#e8edf5;border-radius:1px;margin-top:4px}.track-step__line--done{background:#2f80ed}.track-step__dot{position:absolute;left:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:1}.track-step--active .track-step__dot,.track-step--completed .track-step__dot{width:24px;height:24px;background:#2f80ed;border-radius:50%}.track-step--active .track-step__dot{position:relative}.track-step__pulse{position:absolute;inset:-4px;border-radius:50%;background:rgba(47,128,237,.2);animation:track-pulse 2s ease-in-out infinite}@keyframes track-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.track-step--pending .track-step__dot{width:24px;height:24px;background:#e8edf5;border-radius:50%}.track-step__content{display:flex;flex-direction:column;gap:2px;padding-left:32px;min-width:0}.track-step__label{font-family:Manrope,sans-serif;font-size:14px;font-weight:700;color:#000;line-height:1.3}.track-step--pending .track-step__label{color:#a0a8b8}.track-step__time{font-family:Manrope,sans-serif;font-size:12px;font-weight:400;color:#434654;line-height:1.4}.track-step__location{font-weight:500}.track-step__est,.track-step__location{font-family:Manrope,sans-serif;font-size:12px;color:#2f80ed;line-height:1.4}.track-step__est{font-weight:600}.track-share-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 24px;border-radius:12px;border:none;background:#2f80ed;color:#fff;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:filter .15s;margin-top:auto;box-shadow:0 8px 24px rgba(47,128,237,.25)}.track-share-btn:hover{filter:brightness(1.06)}@media (max-width:1024px){.track-layout{grid-template-columns:1fr 360px}}@media (max-width:900px){.track-layout{grid-template-columns:1fr}.track-map-area,.track-map-container{min-height:50vh}.track-sidebar{border-left:none;border-top:1px solid rgba(166,210,243,.2)}.track-coords-bar{flex-direction:column;align-items:flex-start;gap:12px}.track-coords__metrics{width:100%;justify-content:flex-start;gap:16px}.track-metric{align-items:flex-start}}@media (max-width:600px){.track-sidebar{padding:20px 16px}.track-map-overlay{top:12px;left:12px;right:12px}.track-coords-bar{padding:12px 16px}.track-coords__value{font-size:11px}.track-id{font-size:20px}}