* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; background: #1a1a1a; color: #fff; padding: 20px; }
.container { max-width: 1400px; margin: 0 auto; }
h1 { margin-bottom: 20px; }
.video-container video { width: 100%; max-height: 500px; background: #000; border-radius: 8px; }
.dashboard { display: flex; gap: 20px; margin-top: 20px; }
.map-container { flex: 2; height: 400px; background: #333; border-radius: 8px; }
#map { height: 100%; width: 100%; border-radius: 8px; }
.telemetry-panel { flex: 1; background: #2a2a2a; padding: 20px; border-radius: 8px; }
.telemetry-panel h2 { margin-bottom: 15px; }
#telemetry p { margin: 8px 0; font-size: 1.1em; }
.recordings { margin-top: 30px; }
.recordings ul { list-style: none; margin-top: 10px; }
.recordings li { background: #2a2a2a; padding: 10px; margin-bottom: 5px; border-radius: 4px; display: flex; justify-content: space-between; }
.recordings a { color: #4caf50; text-decoration: none; }