.live-map{flex:1;position:relative}.live-map.replay-mode{border:2px solid var(--accent-yellow)}.replay-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:1000;background:var(--accent-yellow);color:#000;padding:.25rem 1rem;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.1em}.map-instance{width:100%;height:100%;background:var(--bg-primary)}.asset-popup{font-family:inherit;font-size:.8rem}.asset-popup strong{display:block;font-size:.9rem;margin-bottom:.25rem}.popup-type{display:inline-block;background:var(--bg-panel);color:var(--text-secondary);padding:.1rem .4rem;border-radius:3px;font-size:.7rem;text-transform:uppercase;margin-bottom:.4rem}.asset-popup table{width:100%;font-size:.75rem}.asset-popup td{padding:.15rem .3rem}.asset-popup td:first-child{color:#666;white-space:nowrap}.popup-priority{display:inline-block;padding:.1rem .4rem;border-radius:3px;font-size:.7rem;font-weight:700}.popup-priority[data-priority=urgent]{background:#ef4444;color:#fff}.popup-priority[data-priority=priority]{background:#f59e0b;color:#000}.popup-priority[data-priority=routine]{background:#10b981;color:#fff}.asset-marker,.casevac-marker{background:none!important;border:none!important}.mission-panel{display:flex;flex-direction:column;gap:.5rem}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.85rem}.mission-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:border-color .15s}.mission-card.expanded{border-color:var(--accent-blue)}.mission-header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;cursor:pointer}.mission-header:hover{background:#ffffff08}.status-badge{padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:700;text-transform:uppercase;color:#000;letter-spacing:.05em;flex-shrink:0}.mission-name{flex:1;font-weight:600;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-time{font-size:.7rem;color:var(--text-secondary);flex-shrink:0}.mission-detail{padding:.75rem;border-top:1px solid var(--border);font-size:.8rem}.mission-desc{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.mission-meta{display:flex;gap:1rem;color:var(--text-secondary);font-size:.75rem;margin-bottom:.75rem}.mission-events h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.4rem}.mission-events ul{list-style:none}.mission-events li{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.75rem}.event-type{color:var(--accent-purple);font-weight:500}.event-time{color:var(--text-secondary)}.casevac-panel{display:flex;flex-direction:column;gap:.5rem}.casevac-filters{display:flex;gap:.5rem}.casevac-filters select{flex:1;padding:.4rem .5rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.75rem}.casevac-list{display:flex;flex-direction:column;gap:.5rem}.casevac-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem}.casevac-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.priority-badge{padding:.15rem .5rem;border-radius:3px;font-size:.65rem;font-weight:700;letter-spacing:.05em}.priority-urgent{background:var(--accent-red);color:#fff}.priority-priority{background:var(--accent-yellow);color:#000}.priority-routine{background:var(--accent-green);color:#fff}.casevac-status{font-size:.7rem;font-weight:600;text-transform:uppercase}.status-pending{color:var(--accent-yellow)}.status-in_progress{color:var(--accent-blue)}.status-completed{color:var(--accent-green)}.casevac-body{display:flex;justify-content:space-between;font-size:.8rem}.casevac-uid{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.casevac-time{color:var(--text-secondary);font-size:.7rem;flex-shrink:0}.locate-btn{margin-top:.4rem;width:100%;padding:.3rem;background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s}.locate-btn:hover{background:var(--accent-blue);color:#fff}.flight-log-panel{overflow-x:auto}.flight-table{width:100%;border-collapse:collapse;font-size:.75rem}.flight-table th{text-align:left;padding:.4rem .5rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;border-bottom:1px solid var(--border)}.flight-table td{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.asset-cell{font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.replay-btn{padding:.2rem .5rem;background:transparent;border:1px solid var(--accent-purple);color:var(--accent-purple);border-radius:3px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s}.replay-btn:hover{background:var(--accent-purple);color:#fff}.timeline-toggle{position:absolute;bottom:16px;left:16px;z-index:1000;padding:.4rem 1rem;background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.timeline-toggle:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.timeline{background:var(--bg-secondary);border-top:1px solid var(--border);padding:.5rem 1rem;z-index:1000}.timeline-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.timeline-range{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.timeline-range label{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary)}.timeline-range input{padding:.25rem .4rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.7rem}.load-btn{padding:.25rem .75rem;background:var(--accent-blue);border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer}.timeline-playback{display:flex;align-items:center;gap:.5rem;flex:1}.timeline-playback button{padding:.25rem .75rem;background:var(--accent-green);border:none;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;min-width:60px}.timeline-slider{flex:1;accent-color:var(--accent-blue)}.timeline-timestamp{font-size:.75rem;font-family:monospace;color:var(--accent-yellow);min-width:80px;text-align:center}.timeline-playback select{padding:.2rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.7rem}.close-btn{padding:.25rem .75rem;background:transparent;border:1px solid var(--accent-red);color:var(--accent-red);border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;margin-left:auto}.close-btn:hover{background:var(--accent-red);color:#fff}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:1000}.header-left h1{font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:var(--accent-blue)}.header-subtitle{font-size:.75rem;color:var(--text-secondary);margin-left:.75rem}.header-right{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-dot.disconnected{background:var(--accent-red);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status-text{font-weight:600;text-transform:uppercase;letter-spacing:.1em}.asset-count{color:var(--text-secondary);padding-left:.75rem;border-left:1px solid var(--border)}.app-body{display:flex;flex:1;overflow:hidden}.map-container{flex:1;position:relative;display:flex;flex-direction:column}.side-panel{width:380px;display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border)}.panel-tabs{display:flex;border-bottom:1px solid var(--border)}.panel-tabs button{flex:1;padding:.6rem .5rem;background:none;border:none;color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.panel-tabs button:hover{color:var(--text-primary);background:#ffffff08}.panel-tabs button.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.panel-content{flex:1;overflow-y:auto;padding:.75rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-panel: #1a2236;--border: #2a3550;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-yellow: #f59e0b;--accent-purple: #8b5cf6}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}