*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-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}body{color:rgb(var(--foreground-rgb));background:#f5f5f5}a{color:inherit;text-decoration:none}.map-container{position:relative;width:100%;height:100vh;overflow:hidden}.map-header{position:absolute;top:0;left:0;right:0;z-index:1000;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.status-indicator{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.status-row{gap:1.5rem}.status-item,.status-row{display:flex;align-items:center}.status-item{gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background-color:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.status-dot.inactive{background-color:#ef4444}.status-dot.connected{background-color:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.5)}.status-dot.disconnected{background-color:#9ca3af}.status-label{font-weight:500;color:#6b7280}.error-container,.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.loading-spinner{text-align:center}.spinner{border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{text-align:center;max-width:500px}.error-message h1{font-size:1.5rem;margin-bottom:1rem;color:#1f2937}.error-message p{color:#6b7280;line-height:1.6}@media (max-width:768px){.map-header{padding:.75rem}.status-row{flex-direction:column;align-items:flex-start;gap:.5rem}.status-indicator{font-size:.8125rem}}