.info-panel{position:absolute;bottom:0;left:0;right:0;z-index:100;padding:16px;background:transparent}.info-content{max-width:500px;margin:0 auto}.vehicle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vehicle-name{font-size:16px;font-weight:600;color:#fff}.vehicle-plate{font-size:14px;color:#fff;background:#ffffff1a;padding:4px 8px;border-radius:4px}.eta-section{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#4285f426;border-radius:12px;margin-bottom:12px;border:1px solid rgba(66,133,244,.3)}.eta-label{color:#fff9;font-size:14px}.eta-value{color:#fff9;font-size:20px;font-weight:600}.crew-section{margin-bottom:12px}.crew-list{display:flex;flex-direction:column;gap:8px}.crew-member{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#4285f426;border-radius:12px;border:1px solid rgba(66,133,244,.3)}.crew-member.driver{background:#2196f333;border-color:#2196f3}.crew-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid rgba(66,133,244,.3)}.crew-member.driver .crew-avatar{border:3px solid #2196F3}.crew-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff9;font-size:18px;font-weight:600}.crew-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.crew-name{color:#fff9;font-size:15px;font-weight:500}.crew-role{color:#ffffff80;font-size:12px}.crew-phone-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#34a85326;border-radius:999px;color:#34a853;text-decoration:none;transition:background .2s;margin-left:auto;border:1px solid rgba(52,168,83,.35)}.crew-phone-btn:hover{background:#34a85340}.crew-phone-btn svg{stroke:#34a853}.phone-number{color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.2px}.crew-phone-btn.disabled{opacity:.55;cursor:not-allowed;-webkit-user-select:none;user-select:none}.crew-phone-btn.disabled:hover{background:#34a85326}.update-section{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#4285f426;border-radius:12px;margin-bottom:12px;border:1px solid rgba(66,133,244,.3)}.update-label{color:#fff9;font-size:14px}.update-value{color:#fff9;font-size:20px;font-weight:600}.waiting-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#fff9}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.info-panel{padding:12px}.eta-value{font-size:18px}.crew-avatar{width:35px;height:35px}.crew-phone-btn{padding:7px 10px}}.tracking-page{display:flex;flex-direction:column;height:100vh;background:#0a0a0a}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;text-align:center;padding:1rem}.error-state h1{font-size:1.5rem;font-weight:700;color:#ef4444;margin:0}.error-state p{color:#9ca3af;margin:0}.loading-state p{color:#9ca3af}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb}.info-card{display:flex;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;flex-shrink:0}.vehicle-icon{background:#dbeafe;color:#3b82f6}.destination-icon{background:#fee2e2;color:#ef4444}.time-icon{background:#d1fae5;color:#10b981}.card-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.card-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.card-value{font-size:1rem;font-weight:600;color:#111827}.card-subtext{font-size:.875rem;color:#6b7280}.map-container{flex:1;position:relative;overflow:hidden}.vehicle-marker,.destination-marker{cursor:pointer;transition:transform .3s ease}.vehicle-marker:hover,.destination-marker:hover{transform:scale(1.1)}.spinner{width:40px;height:40px;border:4px solid #1f1f1f;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.tracking-expired-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.tracking-expired-message{background:#fff;padding:2rem;border-radius:8px;text-align:center;max-width:400px}.tracking-expired-message h2{margin:0 0 1rem;color:#333}.tracking-expired-message p{margin:0;color:#666;font-size:.95rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.info-cards{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#0a0a0a;color:#fff;text-align:center;padding:20px}.home-page h1{font-size:32px;margin-bottom:12px;letter-spacing:-.02em}.home-page p{color:#ffffff80}