.map-container{flex:1;position:relative;height:100%}.leaflet-container{height:100%;width:100%;z-index:1}.leaflet-tile{filter:saturate(.95) contrast(.98)}.custom-icon{background:transparent;border:none}.vehicle-icon{width:36px;height:26px;display:block;cursor:pointer}.popup-content{min-width:250px}.popup-content h3{margin:0 0 12px;font-size:1.1rem;color:#1f2937;border-bottom:2px solid #667eea;padding-bottom:8px}.popup-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.detail-row .label{font-weight:600;color:#6b7280}.detail-row .value{color:#1f2937;text-align:right}.status-active{color:#10b981;font-weight:600}.status-inactive{color:#ef4444;font-weight:600}.no-devices-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000}.no-devices-overlay p{margin:0;color:#6b7280;font-size:1rem}.leaflet-control-zoom{border:none!important;box-shadow:0 2px 8px #00000026!important}.leaflet-control-zoom a{background:#fff!important;color:#667eea!important;font-weight:700!important;border:none!important}.leaflet-control-zoom a:hover{background:#f3f4f6!important}@media (max-width: 768px){.popup-content{min-width:200px}.popup-content h3{font-size:1rem}.detail-row{font-size:.85rem;flex-direction:column;gap:2px}.detail-row .value{text-align:left}}.fv-page{min-height:100vh;background:#fff;display:flex;align-items:stretch}.fv-shell{width:100%;padding:22px}.fv-embed .fv-shell{padding:0}.fv-mapOnly,.fv-embed .map-container{height:100vh}.fv-widget .fv-shell{padding:0}.fv-widget .fv-card{max-width:none;height:100vh;border-radius:0;border:none;box-shadow:none;padding:0}.fv-widget .fv-left{padding:26px}.fv-widget .fv-mapWrap{border-radius:0;border:none}.fv-topbar{max-width:1400px;margin:0 auto 10px;display:flex;justify-content:flex-end}.fv-conn{display:flex;align-items:center;gap:10px;font-size:13px;color:#1f2937}.fv-dot{width:10px;height:10px;border-radius:50%}.fv-dot.on{background:#16a34a}.fv-dot.off{background:#dc2626}.fv-ghost-btn{background:transparent;border:1px solid #d1d5db;color:#111827;padding:6px 10px;border-radius:10px;cursor:pointer}.fv-last{color:#6b7280}.fv-card{max-width:1400px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:32px;display:grid;grid-template-columns:520px 1fr;gap:32px;box-shadow:0 8px 24px #0000000f}.fv-embed .fv-card{border-radius:0;border:none;padding:0;box-shadow:none;max-width:none;height:100vh}.fv-left{display:flex;flex-direction:column;gap:18px}.fv-title{font-family:Poppins,Inter,system-ui,-apple-system,sans-serif;font-size:64px;line-height:1;margin:6px 0 4px;font-weight:800;color:#0a4b2a;letter-spacing:-.5px}.fv-list{display:flex;flex-direction:column;gap:18px}.fv-item{width:100%;border:1px solid #e5e7eb;background:#f9fafb;border-radius:22px;padding:18px;display:grid;grid-template-columns:180px 1fr 56px;gap:16px;align-items:stretch;cursor:pointer;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.fv-item:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000000f;border-color:#d1d5db}.fv-item.active{border-color:#16a34a;box-shadow:0 10px 22px #16a34a1a}.fv-thumb{height:140px;border-radius:18px;background-size:cover;background-position:center}.fv-thumb.jeddah{background-image:linear-gradient(135deg,#0284c78c,#10b98159),url(/assets/jeddah-PNBc-vYa.jpg)}.fv-thumb.riyadh{background-image:linear-gradient(135deg,#6366f173,#0e749059),url(/assets/riyad-pL5iS2sl.jpg)}.fv-meta{display:grid;grid-template-rows:1fr auto;height:140px;padding:2px 0}.fv-city{font-size:34px;font-weight:700;color:#111827;align-self:start}.fv-action{font-size:18px;color:#0a6a3f;text-decoration:none;font-weight:500;align-self:end}.fv-action:hover{text-decoration:underline;text-underline-offset:2px}.fv-action-disabled{color:#9ca3af;text-decoration:none!important;cursor:not-allowed}.fv-arrow{font-size:34px;color:#0a6a3f;justify-self:end;align-self:end;padding-bottom:10px}.fv-mapWrap{border:4px solid #1d4ed8;border-radius:22px;overflow:hidden;min-height:520px;position:relative}.fv-embed .fv-mapWrap{border:none;border-radius:0;min-height:100%}.fv-mapOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9;color:#111827;font-weight:600;z-index:2000}.fv-error{padding:12px 14px;border-radius:14px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.fv-error-title{font-weight:700;margin-bottom:4px}.fv-embedTools{margin-top:8px;display:flex;flex-direction:column;gap:8px}.fv-embedBtn{width:fit-content;background:#0a6a3f;color:#fff;border:none;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:700}.fv-embedBtn:hover{background:#065f46}.fv-embedBtnSecondary{background:#fff;color:#0a6a3f;border:1px solid #a7f3d0}.fv-embedBtnSecondary:hover{background:#ecfdf5}.fv-embedHint{font-size:12px;color:#6b7280}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.loading-container p,.error-container p{color:#6b7280;font-size:1rem}.error-container h2{color:#ef4444;margin-bottom:.5rem}.error-container button{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background .2s}.error-container button:hover{background:#5568d3}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%}@media (max-width: 768px){.fv-shell{padding:14px}.fv-card{grid-template-columns:1fr;padding:16px}.fv-title{font-size:44px;text-align:left}.fv-item{grid-template-columns:120px 1fr 44px}.fv-thumb,.fv-meta{height:86px}.fv-city{font-size:28px}.fv-action{font-size:16px}.fv-mapWrap{min-height:360px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto}#root{width:100%;min-height:100vh}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 6px #0000001a}.leaflet-popup-content{margin:12px;font-size:14px}.vehicle-marker{background:#3b82f6;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #0000004d;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px}.vehicle-marker.moving{background:#10b981}.vehicle-marker.stopped{background:#ef4444}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.vehicle-marker.active{animation:pulse 2s infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}