:root{--bg-color: #05070a;--panel-bg: rgba(10, 14, 20, .65);--panel-border: rgba(0, 242, 254, .15);--panel-border-hover: rgba(0, 242, 254, .35);--primary-accent: #00f2fe;--primary-glow: rgba(0, 242, 254, .4);--secondary-accent: #fe0979;--secondary-glow: rgba(254, 9, 121, .4);--purple-accent: #8b5cf6;--yellow-accent: #ffd300;--text-primary: #f1f5f9;--text-muted: #64748b;--text-dim: #334155;--input-bg: rgba(0, 0, 0, .4);--input-border: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .02);--card-border: rgba(255, 255, 255, .05);--card-hover-bg: rgba(0, 242, 254, .05);--card-hover-border: rgba(0, 242, 254, .25);--card-active-bg: rgba(0, 242, 254, .1);--card-badge-bg: rgba(255, 255, 255, .06);--card-badge-active-bg: rgba(0, 242, 254, .2);--btn-border: rgba(255, 255, 255, .1);--btn-hover-bg: rgba(255, 255, 255, .05);--btn-active-bg: rgba(0, 242, 254, .15);--widget-bg: rgba(0, 0, 0, .3);--widget-border: rgba(255, 255, 255, .05);--gauge-outer-bg: rgba(255, 255, 255, .05);--overlay-bg: rgba(5, 7, 10, .85);--chart-grid-color: rgba(255, 255, 255, .05);--font-hud: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}body.light-theme{--bg-color: #eef1f6;--panel-bg: rgba(248, 250, 252, .8);--panel-border: rgba(0, 128, 128, .18);--panel-border-hover: rgba(0, 128, 128, .35);--primary-accent: #008080;--primary-glow: rgba(0, 128, 128, .2);--secondary-accent: #d81b60;--secondary-glow: rgba(216, 27, 96, .2);--purple-accent: #7c3aed;--yellow-accent: #b58900;--text-primary: #1e293b;--text-muted: #475569;--text-dim: #94a3b8;--input-bg: rgba(255, 255, 255, .7);--input-border: rgba(0, 128, 128, .15);--card-bg: rgba(255, 255, 255, .35);--card-border: rgba(0, 128, 128, .08);--card-hover-bg: rgba(0, 128, 128, .08);--card-hover-border: rgba(0, 128, 128, .3);--card-active-bg: rgba(0, 128, 128, .15);--card-badge-bg: rgba(0, 128, 128, .1);--card-badge-active-bg: rgba(0, 128, 128, .25);--btn-border: rgba(0, 128, 128, .15);--btn-hover-bg: rgba(0, 128, 128, .05);--btn-active-bg: rgba(0, 128, 128, .15);--widget-bg: rgba(255, 255, 255, .45);--widget-border: rgba(0, 128, 128, .1);--gauge-outer-bg: rgba(0, 128, 128, .08);--overlay-bg: rgba(238, 241, 246, .85);--chart-grid-color: rgba(0, 128, 128, .08)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-hud);background-color:var(--bg-color);color:var(--text-primary);height:100vh;overflow:hidden;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}.glass-effect{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:0 8px 32px #0000004d;border-radius:12px;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}.glass-effect:hover{border-color:var(--panel-border-hover)}.accent-text{color:var(--primary-accent);text-shadow:0 0 10px var(--primary-glow);transition:color .3s ease}.highlight-text{color:var(--yellow-accent);text-shadow:0 0 8px rgba(255,211,0,.2);transition:color .3s ease}.app-container{display:flex;flex-direction:column;height:100vh;padding:12px;gap:12px;max-width:1920px;margin:0 auto;width:100%}.app-header{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.logo-area{display:flex;align-items:center;gap:12px}.logo-area h1{font-size:1.25rem;letter-spacing:2px;font-weight:700}.header-right-area{display:flex;align-items:center;gap:24px}.radar-ping{width:12px;height:12px;background-color:var(--primary-accent);border-radius:50%;position:relative;box-shadow:0 0 8px var(--primary-accent);transition:background-color .3s,box-shadow .3s}.radar-ping:after{content:"";position:absolute;top:-6px;left:-6px;width:24px;height:24px;border:1px solid var(--primary-accent);border-radius:50%;animation:ping-pulse 2s infinite ease-out;opacity:.8;transition:border-color .3s}@keyframes ping-pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.8);opacity:0}}.telemetry-summary{display:flex;gap:30px}.metric-item{display:flex;flex-direction:column;align-items:flex-end}.metric-item .label{font-size:.65rem;color:var(--text-muted);letter-spacing:1px}.metric-item .value{font-family:var(--font-mono);font-size:.85rem;font-weight:700}.metric-item .value.online{color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.4)}.theme-toggle-btn{padding:8px 14px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000026}.theme-toggle-btn svg{color:var(--primary-accent);transition:transform .3s ease}.theme-toggle-btn:hover svg{transform:rotate(20deg)}.timezone-control{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:8px 12px;color:var(--text-primary);box-shadow:0 2px 8px #00000026;transition:border-color .2s,background-color .3s,color .3s}.timezone-control svg{color:var(--primary-accent)}.timezone-select{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-hud);font-size:.8rem;font-weight:600;outline:none;cursor:pointer;padding:0}.timezone-select option{background:var(--bg-color);color:var(--text-primary)}.timezone-control:focus-within{border-color:var(--primary-accent)}.main-layout{display:flex;flex:1;gap:12px;min-height:0}.sidebar-container{width:320px;display:flex;flex-direction:column;padding:16px;gap:16px;flex-shrink:0;min-height:0}.sidebar-header h2{font-size:1.1rem;font-weight:500;letter-spacing:1px;border-bottom:1px solid var(--panel-border);padding-bottom:10px;margin-bottom:12px}.search-box{position:relative;width:100%}.search-box input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);padding:10px 14px 10px 38px;border-radius:8px;color:var(--text-primary);font-family:var(--font-hud);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}.search-box input:focus{border-color:var(--primary-accent);box-shadow:0 0 10px var(--primary-glow)}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.sort-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.sort-select-wrapper{display:flex;align-items:center;gap:6px;flex:1}.sort-label{font-size:.75rem;color:var(--text-muted);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sort-select{flex:1;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-family:var(--font-hud);font-size:.8rem;padding:6px 10px;border-radius:6px;outline:none;cursor:pointer;transition:border-color .2s,background-color .3s,color .3s}.sort-select:focus{border-color:var(--primary-accent)}.sort-select option{background:var(--bg-color);color:var(--text-primary)}.sort-dir-btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s,background-color .3s,border-color .3s}.sort-dir-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.sort-dir-btn svg{transition:transform .2s ease}.flight-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.flight-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:transform .2s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.flight-card:hover{background:var(--card-hover-bg);border-color:var(--card-hover-border);transform:translateY(-2px)}.flight-card.active{background:var(--card-active-bg);border-color:var(--primary-accent);box-shadow:0 0 12px var(--primary-glow)}.flight-card-header{display:flex;justify-content:space-between;align-items:center}.flight-card-icao{font-family:var(--font-mono);font-weight:700;font-size:1.05rem;letter-spacing:.5px;display:flex;align-items:center}.flight-card-callsign-badge{font-size:.7rem;font-family:var(--font-mono);background:var(--card-badge-bg);color:var(--primary-accent);padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:600;border:1px solid rgba(0,242,254,.15);transition:background-color .3s,color .3s,border-color .3s}.flight-card.active .flight-card-callsign-badge{background:var(--card-badge-active-bg);border-color:#00f2fe66}.flight-card-points{font-size:.75rem;background:var(--card-badge-bg);padding:2px 6px;border-radius:4px;color:var(--text-muted);transition:background-color .3s,color .3s}.flight-card.active .flight-card-points{background:var(--card-badge-active-bg);color:var(--primary-accent)}.flight-card-body{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.flight-card-time{font-family:var(--font-mono)}.filter-toggles{display:flex;gap:8px;margin-top:10px;margin-bottom:2px}.filter-section-header{font-family:var(--font-hud);font-size:.58rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:14px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.filter-section-header:after{content:"";flex:1;height:1px;background:var(--input-border);opacity:.5}.filter-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);font-family:var(--font-hud);font-size:.72rem;font-weight:500;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease,background-color .3s,border-color .3s}.filter-toggle-btn:hover{border-color:#ffffff40;color:var(--text-primary)}body.light-theme .filter-toggle-btn:hover{border-color:#0080804d}.filter-toggle-btn.active{background:var(--btn-active-bg);border-color:var(--primary-accent);color:var(--text-primary);box-shadow:0 0 8px var(--primary-glow)}.indicator-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:opacity .2s ease,box-shadow .2s ease;opacity:.4}.filter-toggle-btn.active .indicator-dot{opacity:1}.indicator-dot.regional{background-color:#10b981}.filter-toggle-btn.active .indicator-dot.regional{box-shadow:0 0 6px #10b981}.indicator-dot.transit{background-color:#f59e0b}.filter-toggle-btn.active .indicator-dot.transit{box-shadow:0 0 6px #f59e0b}.indicator-dot.planes{background-color:var(--primary-accent)}.filter-toggle-btn.active .indicator-dot.planes{box-shadow:0 0 6px var(--primary-accent)}.indicator-dot.helicopters{background-color:var(--secondary-accent)}.filter-toggle-btn.active .indicator-dot.helicopters{box-shadow:0 0 6px var(--secondary-accent)}#toggle-helicopters.active{border-color:var(--secondary-accent);box-shadow:0 0 8px var(--secondary-glow)}.indicator-dot.amphibians{background-color:#00f5d4}.filter-toggle-btn.active .indicator-dot.amphibians{box-shadow:0 0 6px #00f5d4}#toggle-amphibians.active{border-color:#00f5d4;box-shadow:0 0 8px #00f5d466}.indicator-dot.special{background-color:#a855f7}.filter-toggle-btn.active .indicator-dot.special{box-shadow:0 0 6px #a855f7}#toggle-special.active{border-color:#a855f7;box-shadow:0 0 8px #a855f766}.flight-card-category-badge{font-size:.65rem;font-family:var(--font-hud);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;transition:all .3s ease;position:relative;z-index:1;transform-style:preserve-3d}.flight-card-category-badge.regional-badge{background:color-mix(in srgb,var(--bg-color) 92%,#10b981 8%);border:1px solid rgba(16,185,129,.25);color:#10b981}.flight-card.active .flight-card-category-badge.regional-badge{background:color-mix(in srgb,var(--bg-color) 80%,#10b981 20%);border-color:#10b98180;box-shadow:0 0 6px #10b9814d}.flight-card-category-badge.transit-badge{background:color-mix(in srgb,var(--bg-color) 92%,#f59e0b 8%);border:1px solid rgba(245,158,11,.25);color:#f59e0b}.flight-card.active .flight-card-category-badge.transit-badge{background:color-mix(in srgb,var(--bg-color) 80%,#f59e0b 20%);border-color:#f59e0b80;box-shadow:0 0 6px #f59e0b4d}.flight-card-category-badge.multi-segment:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transform:translate3d(3px,3px,-1px);border-radius:4px;background:#64748b26;border:1px solid rgba(100,116,139,.35);pointer-events:none;transition:transform .3s ease,background-color .3s ease,border-color .3s ease}body.light-theme .flight-card-category-badge.multi-segment:after{background:#94a3b82e;border-color:#94a3b866}.flight-card:hover .flight-card-category-badge.multi-segment:after{transform:translate3d(4px,4px,-1px);background:#64748b40;border-color:#64748b80}.flight-card.active .flight-card-category-badge.multi-segment:after{transform:translate3d(4px,4px,-1px);background:#64748b4d;border-color:#64748b99;box-shadow:0 0 4px #64748b40}body.light-theme .flight-card:hover .flight-card-category-badge.multi-segment:after{transform:translate3d(4px,4px,-1px);background:#94a3b847;border-color:#94a3b88c}body.light-theme .flight-card.active .flight-card-category-badge.multi-segment:after{transform:translate3d(4px,4px,-1px);background:#94a3b859;border-color:#94a3b8a6}.flight-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-muted);border-top:1px dashed var(--widget-border);padding-top:6px;margin-top:2px}.flight-card-alt-range{font-family:var(--font-mono)}.flight-card.active .flight-card-alt-range{color:var(--text-primary)}.viewport-container{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}#canvas3d-container{flex:1;width:100%;height:100%}.canvas-controls-overlay{position:absolute;top:16px;left:16px;display:flex;gap:8px;padding:6px;border-radius:8px;z-index:10}.control-btn{background:transparent;border:1px solid var(--btn-border);color:var(--text-muted);font-family:var(--font-hud);font-size:.75rem;font-weight:500;padding:6px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s,background-color .3s,border-color .3s,color .3s}.control-btn svg{transition:transform .2s}.control-btn:hover{background:var(--btn-hover-bg);color:var(--text-primary);border-color:var(--text-primary)}.control-btn.active{background:var(--btn-active-bg);color:var(--primary-accent);border-color:var(--primary-accent)}.control-btn.icon-only{padding:6px;width:32px;height:32px;justify-content:center}.canvas-controls-overlay .vertical-divider{width:1px;background:var(--btn-border);align-self:stretch;margin:2px 4px}.viewport-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:20;transition:opacity .5s ease,background-color .3s ease}.viewport-loading-overlay p{color:var(--text-muted);font-size:.95rem;letter-spacing:1px}.spinner{width:40px;height:40px;border:3px solid rgba(0,242,254,.1);border-top-color:var(--primary-accent);border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.playback-controls-container{height:70px;margin:12px;position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;padding:0 20px;gap:16px;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}.play-pause-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--primary-accent);background:#00f2fe1a;color:var(--primary-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s,background-color .3s,color .3s;box-shadow:0 0 10px var(--primary-glow)}.play-pause-btn:hover{background:var(--primary-accent);color:var(--bg-color);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.05)}.scrubber-group{flex:1;display:flex;align-items:center;gap:12px}.time-readout{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);min-width:65px}.timeline-slider-container{flex:1;position:relative}.timeline-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--btn-border);outline:none;cursor:pointer;transition:background .3s}.timeline-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-accent);cursor:pointer;margin-top:-5px;box-shadow:0 0 8px var(--primary-accent);border:1px solid var(--bg-color);transition:transform .1s,box-shadow .1s}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px var(--primary-accent)}.speed-selector{display:flex;border:1px solid var(--btn-border);background:var(--input-bg);border-radius:6px;overflow:hidden;transition:background-color .3s,border-color .3s}.speed-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem;padding:6px 10px;cursor:pointer;transition:all .2s,background-color .3s,color .3s}.speed-btn:hover{color:var(--text-primary);background:var(--btn-hover-bg)}.speed-btn.active{background:var(--btn-active-bg);color:var(--primary-accent);font-weight:700}.info-panel-container{width:340px;display:flex;flex-direction:column;padding:16px;gap:20px;flex-shrink:0;overflow-y:auto}.info-header{display:flex;flex-direction:column;gap:4px;position:relative}.info-header h2{font-size:1.25rem;letter-spacing:1px}.icao-code{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);letter-spacing:.5px}.icao-multi-btn{position:absolute;top:4px;right:0;background:var(--input-bg);border:1px solid var(--input-border);color:var(--primary-accent);padding:4px 8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:2px;transition:all .2s ease,background-color .3s,border-color .3s;font-family:var(--font-hud)}.icao-multi-btn:hover{background:var(--btn-active-bg);border-color:var(--primary-accent);box-shadow:0 0 6px var(--primary-glow);transform:scale(1.06)}.info-identifiers{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.live-callsign-badge{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);letter-spacing:.5px;background:transparent;border:none;padding:0;border-radius:0;font-weight:500;box-shadow:none;transition:all .3s ease}.flight-plan-card{background:var(--widget-bg);border:1px solid var(--widget-border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 12px #ffffff03}.airline-banner{display:flex;align-items:center;border-bottom:1px dashed var(--widget-border);padding-bottom:8px}.airline-name{font-family:var(--font-hud);font-weight:600;font-size:.85rem;color:var(--text-primary)}.airline-country{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-left:auto;text-transform:uppercase;letter-spacing:.5px}.route-legs{display:flex;flex-direction:column;gap:0px}.leg-stop{display:flex;gap:14px}.leg-dot-group{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0}.pulse-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;position:relative;background-color:var(--text-muted)}.pulse-dot.green-glow{background-color:#10b981;box-shadow:0 0 6px #10b981}.pulse-dot.amber-glow{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b}.leg-line{width:2px;flex-grow:1;background:linear-gradient(to bottom,var(--widget-border),transparent);min-height:24px;border-left:1px dashed var(--widget-border)}.leg-stop.destination .leg-line{display:none}.leg-details{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;flex-grow:1}.leg-stop.destination .leg-details{padding-bottom:0}.airport-code-row{display:flex;align-items:baseline;gap:6px}.airport-iata{font-family:var(--font-hud);font-weight:800;font-size:1rem;color:var(--primary-accent);letter-spacing:.5px}.airport-icao{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.airport-name{font-family:var(--font-hud);font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.capture-status{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase}.pulse-dot.green-glow+.capture-status{color:#10b981}.google-g-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff05;border:1px solid var(--btn-border);color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:2px}.google-g-btn:hover{background:#ffffff14;border-color:#ffffff40;box-shadow:0 0 10px #ffffff26;transform:scale(1.1)}body.light-theme .google-g-btn:hover{background:#0000000d;border-color:#00000026;box-shadow:0 0 8px #00000014}.google-g-btn:active{transform:scale(1)}.hud-section{display:flex;flex-direction:column;gap:10px}.hud-label{font-size:.7rem;letter-spacing:1px;color:var(--text-muted);font-weight:500;text-transform:uppercase}.hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hud-widget{background:var(--widget-bg);border:1px solid var(--widget-border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px;transition:background-color .3s,border-color .3s}.hud-widget .title{font-size:.65rem;color:var(--text-muted);letter-spacing:.5px}.hud-widget .value-mono{font-family:var(--font-mono);font-size:1.15rem;font-weight:700}.hud-widget .unit{font-size:.7rem;color:var(--text-muted);margin-left:2px}.aircraft-card{background:var(--widget-bg);border:1px solid var(--widget-border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 12px #ffffff03;margin-top:15px}.aircraft-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.aircraft-detail-item{display:flex;flex-direction:column;gap:4px;background:#ffffff03;border:1px solid rgba(255,255,255,.02);border-radius:4px;padding:8px}.aircraft-detail-item .detail-label{font-family:var(--font-hud);font-size:.6rem;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.aircraft-detail-item .detail-value{font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);font-weight:500}.aircraft-detail-item .detail-value.highlight-text{color:var(--primary-accent);font-weight:700}.aircraft-owner-row{display:flex;flex-direction:column;gap:4px;border-top:1px dashed var(--widget-border);padding-top:8px}.aircraft-owner-row .detail-label{font-family:var(--font-hud);font-size:.6rem;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.aircraft-owner-row .owner-text{font-family:var(--font-hud);font-size:.8rem;color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-gauges{display:flex;flex-direction:column;gap:12px}.gauge-strip{display:flex;flex-direction:column;gap:4px}.gauge-strip-info{display:flex;justify-content:space-between;font-size:.75rem}.gauge-strip-info .label{color:var(--text-muted)}.gauge-strip-info .value{font-family:var(--font-mono);font-weight:700}.gauge-bar-outer{height:8px;background:var(--gauge-outer-bg);border-radius:4px;overflow:hidden;position:relative;transition:background-color .3s}.gauge-bar-fill{height:100%;border-radius:4px;width:0%;transition:width .1s ease-out}.gauge-bar-fill.cyan-glow{background:linear-gradient(90deg,#005f73,var(--primary-accent));box-shadow:0 0 8px var(--primary-accent)}.gauge-bar-fill.pink-glow{background:linear-gradient(90deg,#9b2226,var(--secondary-accent));box-shadow:0 0 8px var(--secondary-accent)}.graph-widget{background:var(--input-bg);border:1px solid var(--widget-border);border-radius:8px;padding:10px;height:140px;position:relative;transition:background-color .3s,border-color .3s}#altitude-profile-chart{width:100%;height:100%;display:block}.panel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:12px;color:var(--text-muted);padding:40px 20px}.panel-empty-state svg{opacity:.3;animation:pulse-slow 3s infinite ease-in-out}@keyframes pulse-slow{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.4}}.panel-empty-state p{font-size:.85rem;line-height:1.4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.home-link-btn{display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:8px;border:1px solid var(--btn-border);background:#ffffff05;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.8rem;transition:all .3s ease;margin-right:12px;height:36px;cursor:pointer}.home-link-btn:hover{background:var(--btn-hover-bg);border-color:var(--primary-accent);box-shadow:0 0 10px var(--primary-glow);color:var(--primary-accent)}.home-link-btn svg{color:var(--primary-accent)}.home-btn-text{font-family:var(--font-hud);letter-spacing:.5px}.landing-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;min-height:0}.landing-hero{text-align:center;max-width:760px;margin-bottom:40px}.landing-tagline{font-size:.8rem;letter-spacing:4px;color:var(--primary-accent);text-transform:uppercase;font-weight:700;margin-bottom:16px;text-shadow:0 0 10px var(--primary-glow)}.landing-title{font-size:3rem;font-weight:700;letter-spacing:2px;line-height:1.15;margin-bottom:20px;background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(0,0,0,.15)}.landing-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.6}.landing-radar-hero{position:relative;width:260px;height:260px;border-radius:50%;border:1px solid rgba(0,242,254,.15);background:radial-gradient(circle,#00f2fe03,#0006);margin:0 auto 30px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 40px #00f2fe0d,0 0 30px #0009}.landing-radar-hero:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;border:1px dashed rgba(0,242,254,.08)}.landing-radar-hero:after{content:"";position:absolute;top:60px;right:60px;bottom:60px;left:60px;border-radius:50%;border:1px solid rgba(0,242,254,.06)}.radar-sweep-line{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,var(--primary-accent) 0%,rgba(0,242,254,0) 100%);transform-origin:0% 50%;animation:radar-sweep 5s infinite linear;box-shadow:0 0 8px var(--primary-glow)}@keyframes radar-sweep{0%{transform:rotate(0) translateY(-50%)}to{transform:rotate(360deg) translateY(-50%)}}.radar-center-dot{width:8px;height:8px;background-color:var(--primary-accent);border-radius:50%;box-shadow:0 0 12px var(--primary-accent);z-index:2}.simulated-target{position:absolute;width:6px;height:6px;background-color:var(--secondary-accent);border-radius:50%;box-shadow:0 0 8px var(--secondary-accent);animation:target-blink 2.5s infinite ease-in-out}.simulated-target-1{top:32%;left:35%;animation-delay:.5s}.simulated-target-2{top:62%;left:68%;animation-delay:1.2s}.simulated-target-3{top:22%;left:74%;animation-delay:.1s}@keyframes target-blink{0%,to{opacity:.15;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;max-width:960px;margin-bottom:40px}.feature-card{text-decoration:none;color:inherit;padding:28px;border-radius:16px;display:flex;flex-direction:column;gap:16px;height:100%;position:relative;overflow:hidden;cursor:pointer}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(400px circle at var(--x, 0px) var(--y, 0px),rgba(0,242,254,.08),transparent 45%);opacity:0;transition:opacity .4s ease;pointer-events:none}.feature-card:hover:before{opacity:1}.feature-card-icon{width:48px;height:48px;border-radius:12px;background:#00f2fe14;border:1px solid rgba(0,242,254,.15);color:var(--primary-accent);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.feature-card:hover .feature-card-icon{background:var(--primary-accent);color:var(--bg-color);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.05)}.feature-card-title{font-size:1.25rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.feature-card-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;flex:1}.feature-card-badge{align-self:flex-start;font-size:.65rem;font-family:var(--font-hud);font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:#00f2fe1a;border:1px solid rgba(0,242,254,.2);color:var(--primary-accent)}.feature-card-badge.pink{background:#fe09791a;border:1px solid rgba(254,9,121,.2);color:var(--secondary-accent)}.feature-card-badge.purple{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:var(--purple-accent)}.feature-card-footer{font-size:.8rem;font-weight:600;color:var(--primary-accent);display:flex;align-items:center;gap:6px;margin-top:10px;transition:transform .3s ease}.feature-card:hover .feature-card-footer{transform:translate(4px)}.landing-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:800px;margin-bottom:20px}.stat-panel{padding:20px;text-align:center;border-radius:12px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 12px #0000001a;transition:border-color .3s,background-color .3s}.stat-num{font-family:var(--font-mono);font-size:1.8rem;font-weight:700;margin-bottom:4px;color:var(--text-primary);transition:color .3s}.stat-lbl{font-size:.7rem;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}body.light-theme .landing-radar-hero{border-color:#00808033;background:radial-gradient(circle,#00808008,#fff6);box-shadow:inset 0 0 40px #0080800d,0 4px 20px #0000000d}body.light-theme .landing-radar-hero:before{border-color:#0080801f}body.light-theme .landing-radar-hero:after{border-color:#00808014}body.light-theme .landing-title{background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light-theme .feature-card-icon{background:#00808014;border-color:#00808033}body.light-theme .feature-card-badge{background:#0080801a;border-color:#00808033;color:var(--primary-accent)}body.light-theme .home-link-btn{background:#00000005}.input-group{display:flex;flex-direction:column;gap:6px;width:100%}.input-group label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.input-group input[type=datetime-local]{width:100%;background:var(--input-bg);border:1px solid var(--input-border);padding:8px 12px;border-radius:6px;color:var(--text-primary);font-family:var(--font-hud);font-size:.85rem;outline:none;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}.input-group input[type=datetime-local]:focus{border-color:var(--primary-accent);box-shadow:0 0 8px var(--primary-glow)}.slider-group{display:flex;flex-direction:column;gap:6px;width:100%}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-header label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.slider-value{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--primary-accent)}.slider-group input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--input-border);outline:none;cursor:pointer;transition:background .3s}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-accent);cursor:pointer;box-shadow:0 0 6px var(--primary-accent);border:1px solid var(--bg-color);transition:transform .1s,box-shadow .1s}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 10px var(--primary-accent)}.metric-toggle-group{display:flex;flex-direction:column;gap:8px;width:100%}.metric-toggle-group label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.toggle-btn-container{display:flex;background:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;padding:3px}.toggle-option-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-hud);font-size:.75rem;font-weight:600;padding:6px 4px;border-radius:4px;cursor:pointer;transition:all .2s ease}.toggle-option-btn.active{background:var(--btn-active-bg);border:1px solid var(--primary-accent);color:var(--primary-accent);box-shadow:0 0 8px var(--primary-glow)}.btn-generate-heatmap{width:100%;background:#00f2fe1a;border:1px solid var(--primary-accent);color:var(--primary-accent);font-family:var(--font-hud);font-size:.85rem;font-weight:700;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 0 8px var(--primary-glow);margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.btn-generate-heatmap:hover{background:var(--primary-accent);color:var(--bg-color);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-1px)}.hotspot-display{background:#fe09790a;border:1px solid rgba(254,9,121,.18);padding:14px;border-radius:8px;margin-top:10px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 10px #fe09790d}.hotspot-header{display:flex;align-items:center;gap:8px;color:var(--secondary-accent);font-weight:700;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.hotspot-header svg{animation:pulse-slow 2s infinite ease-in-out}.hotspot-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hotspot-item{display:flex;flex-direction:column;gap:2px}.hotspot-item .label{font-size:.62rem;color:var(--text-muted);text-transform:uppercase}.hotspot-item .value{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--text-primary)}.altitude-distribution{display:flex;flex-direction:column;gap:10px;margin-top:14px}.alt-bar-row{display:flex;align-items:center;gap:10px;font-size:.72rem}.alt-bar-label{font-family:var(--font-mono);width:72px;color:var(--text-muted)}.alt-bar-container{flex:1;height:8px;background:#ffffff0a;border-radius:4px;overflow:hidden;position:relative;border:1px solid var(--widget-border)}.alt-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-accent) 0%,var(--secondary-accent) 100%);border-radius:4px;transition:width .7s cubic-bezier(.4,0,.2,1);box-shadow:0 0 5px var(--primary-glow)}.alt-bar-value{font-family:var(--font-mono);width:32px;text-align:right;font-weight:600;color:var(--text-primary)}body.light-theme .hotspot-display{background:#d81b600d;border-color:#d81b6033}body.light-theme .btn-generate-heatmap{background:#00808014}body.light-theme .btn-generate-heatmap:hover{background:var(--primary-accent);color:#fff}body.light-theme .toggle-btn-container{background:#00000008}.graph-selector-overlay{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;border-radius:8px;z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 4px 20px #0006}.graph-selector-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-family:var(--font-hud);font-size:.78rem;font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}.graph-selector-btn svg{color:var(--text-muted);transition:color .25s,transform .25s;flex-shrink:0}.graph-selector-btn:hover{color:var(--text-primary);background:var(--btn-hover-bg)}.graph-selector-btn:hover svg{transform:translateY(-.5px)}#selector-btn-density:hover svg{color:var(--primary-accent)}#selector-btn-cloud:hover svg{color:var(--secondary-accent)}#selector-btn-dome:hover svg{color:var(--purple-accent)}.graph-selector-btn.active{background:var(--btn-active-bg)}#selector-btn-density.active{color:var(--primary-accent);border-color:#00f2fe40;box-shadow:0 0 10px var(--primary-glow)}#selector-btn-density.active svg{color:var(--primary-accent)}#selector-btn-cloud.active{color:var(--secondary-accent);border-color:#fe097940;box-shadow:0 0 10px var(--secondary-glow)}#selector-btn-cloud.active svg{color:var(--secondary-accent)}#selector-btn-dome.active{color:var(--purple-accent);border-color:#8b5cf640;box-shadow:0 0 10px #8b5cf666}#selector-btn-dome.active svg{color:var(--purple-accent)}body.light-theme #selector-btn-density.active{border-color:#00808059}body.light-theme #selector-btn-cloud.active{border-color:#d81b6059}body.light-theme #selector-btn-dome.active{border-color:#7c3aed59}.heatmap-controls-overlay{top:auto!important;bottom:16px;left:16px}.sidebar-container,.info-panel-container{transition:width .4s cubic-bezier(.25,1,.5,1),padding .4s cubic-bezier(.25,1,.5,1),opacity .4s ease,border-width .4s ease,margin .4s ease}.sidebar-container.collapsed,.info-panel-container.collapsed{width:0!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;border-left-width:0!important;border-right-width:0!important;opacity:0;pointer-events:none}.panel-toggle-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:15;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 12px #00000040}.panel-toggle-btn:hover{color:var(--primary-accent);border-color:var(--primary-accent);box-shadow:0 0 12px var(--primary-glow);background:var(--btn-hover-bg)}.panel-toggle-btn.left-toggle{left:12px}.panel-toggle-btn.right-toggle{right:12px}.panel-toggle-btn svg{transition:transform .3s cubic-bezier(.25,1,.5,1)}.panel-toggle-btn.left-toggle.collapsed svg{transform:rotate(180deg)}.panel-toggle-btn.right-toggle.collapsed svg{transform:rotate(180deg)}.flight-card-category-badge.civil-badge{background:color-mix(in srgb,var(--bg-color) 92%,#00f2fe 8%);border:1px solid rgba(0,242,254,.25);color:#00f2fe}.flight-card.active .flight-card-category-badge.civil-badge{background:color-mix(in srgb,var(--bg-color) 80%,#00f2fe 20%);border-color:#00f2fe80;box-shadow:0 0 6px #00f2fe4d}body.light-theme .flight-card-category-badge.civil-badge{background:color-mix(in srgb,var(--bg-color) 94%,#0077b6 6%);border:1px solid rgba(0,119,182,.25);color:#0077b6}body.light-theme .flight-card.active .flight-card-category-badge.civil-badge{background:color-mix(in srgb,var(--bg-color) 80%,#0077b6 20%);border-color:#0077b680;box-shadow:0 0 6px #0077b633}.flight-card-category-badge.gov-badge{background:color-mix(in srgb,var(--bg-color) 92%,#ffaa00 8%);border:1px solid rgba(255,170,0,.25);color:#fa0}.flight-card.active .flight-card-category-badge.gov-badge{background:color-mix(in srgb,var(--bg-color) 80%,#ffaa00 20%);border-color:#ffaa0080;box-shadow:0 0 6px #ffaa004d}body.light-theme .flight-card-category-badge.gov-badge{background:color-mix(in srgb,var(--bg-color) 94%,#d97706 6%);border:1px solid rgba(217,119,6,.25);color:#d97706}body.light-theme .flight-card.active .flight-card-category-badge.gov-badge{background:color-mix(in srgb,var(--bg-color) 80%,#d97706 20%);border-color:#d9770680;box-shadow:0 0 6px #d9770633}.flight-card-category-badge.mil-badge{background:color-mix(in srgb,var(--bg-color) 92%,#ff3300 8%);border:1px solid rgba(255,51,0,.25);color:#f30}.flight-card.active .flight-card-category-badge.mil-badge{background:color-mix(in srgb,var(--bg-color) 80%,#ff3300 20%);border-color:#ff330080;box-shadow:0 0 6px #ff33004d}body.light-theme .flight-card-category-badge.mil-badge{background:color-mix(in srgb,var(--bg-color) 94%,#b91c1c 6%);border:1px solid rgba(185,28,28,.25);color:#b91c1c}body.light-theme .flight-card.active .flight-card-category-badge.mil-badge{background:color-mix(in srgb,var(--bg-color) 80%,#b91c1c 20%);border-color:#b91c1c80;box-shadow:0 0 6px #b91c1c33}.indicator-dot.civil{background-color:#00f2fe}.filter-toggle-btn.active .indicator-dot.civil{box-shadow:0 0 6px #00f2fe}body.light-theme .indicator-dot.civil{background-color:#0077b6}body.light-theme .filter-toggle-btn.active .indicator-dot.civil{box-shadow:0 0 6px #0077b6}.indicator-dot.gov{background-color:#fa0}.filter-toggle-btn.active .indicator-dot.gov{box-shadow:0 0 6px #fa0}body.light-theme .indicator-dot.gov{background-color:#d97706}body.light-theme .filter-toggle-btn.active .indicator-dot.gov{box-shadow:0 0 6px #d97706}.indicator-dot.mil{background-color:#f30}.filter-toggle-btn.active .indicator-dot.mil{box-shadow:0 0 6px #f30}body.light-theme .indicator-dot.mil{background-color:#b91c1c}body.light-theme .filter-toggle-btn.active .indicator-dot.mil{box-shadow:0 0 6px #b91c1c}#toggle-civil.active{border-color:#00f2fe;box-shadow:0 0 8px #00f2fe59}body.light-theme #toggle-civil.active{border-color:#0077b6;box-shadow:0 0 8px #0077b640}#toggle-gov.active{border-color:#fa0;box-shadow:0 0 8px #ffaa0059}body.light-theme #toggle-gov.active{border-color:#d97706;box-shadow:0 0 8px #d9770640}#toggle-mil.active{border-color:#f30;box-shadow:0 0 8px #ff330059}body.light-theme #toggle-mil.active{border-color:#b91c1c;box-shadow:0 0 8px #b91c1c40}.tactical-banner{display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:8px;font-family:var(--font-hud);font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:14px;box-shadow:inset 0 0 10px #ffffff05;transition:all .3s ease}.tactical-banner.civil-glow{background:#00f2fe14;border:1px solid rgba(0,242,254,.3);color:#00f2fe;box-shadow:0 0 10px #00f2fe26}body.light-theme .tactical-banner.civil-glow{background:#0077b614;border:1px solid rgba(0,119,182,.3);color:#0077b6;box-shadow:none}.tactical-banner.gov-glow{background:#ffaa0014;border:1px solid rgba(255,170,0,.3);color:#fa0;box-shadow:0 0 10px #ffaa0026}body.light-theme .tactical-banner.gov-glow{background:#d9770614;border:1px solid rgba(217,119,6,.3);color:#d97706;box-shadow:none}.tactical-banner.military-glow{background:#ff330014;border:1px solid rgba(255,51,0,.35);color:#f30;box-shadow:0 0 12px #f303}body.light-theme .tactical-banner.military-glow{background:#b91c1c14;border:1px solid rgba(185,28,28,.35);color:#b91c1c;box-shadow:none}.blink{animation:blink-strobe 1.5s infinite ease-in-out}@keyframes blink-strobe{0%,to{opacity:1}50%{opacity:.3}}.sidebar-pagination{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-top:4px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px #00000026;flex-shrink:0;transition:all .3s ease}.sidebar-pagination:hover{border-color:var(--panel-border-hover)}.pagination-btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-muted);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease,background-color .3s,border-color .3s}.pagination-btn svg{transition:transform .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary-accent);color:var(--primary-accent);background:var(--btn-hover-bg);box-shadow:0 0 8px var(--primary-glow)}.pagination-btn:hover:not(:disabled) svg{transform:scale(1.1)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{font-family:var(--font-hud);font-size:.76rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase}.hud-tabs{display:flex;background:var(--input-bg);border:1px solid var(--widget-border);border-radius:8px;padding:2px;gap:4px;margin-top:-12px;margin-bottom:-8px;box-shadow:inset 0 0 10px #0003}.hud-tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-hud);font-size:.65rem;font-weight:700;letter-spacing:.8px;padding:6px 4px;border-radius:6px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:5px}.hud-tab-btn svg{opacity:.65;transition:opacity .2s ease,transform .2s ease}.hud-tab-btn:hover{color:var(--text-primary);background:#ffffff05}.hud-tab-btn:hover svg{opacity:1;transform:scale(1.1)}.hud-tab-btn.active{background:var(--btn-active-bg);color:var(--primary-accent);border:1px solid rgba(0,242,254,.18);box-shadow:0 0 12px var(--primary-glow)}.hud-tab-btn.active svg{opacity:1;color:var(--primary-accent)}.hud-tab-content{display:none;flex-direction:column;gap:16px;animation:fadeInHUD .3s cubic-bezier(.4,0,.2,1)}.hud-tab-content.active{display:flex}@keyframes fadeInHUD{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-tabs{display:flex;border-bottom:1px solid var(--widget-border);margin:-20px -20px 10px;background:#00000014}body.light-theme .sidebar-tabs{background:#00000005}.sidebar-tab-btn{flex:1;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-family:var(--font-hud);font-size:.75rem;font-weight:600;padding:14px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;text-transform:uppercase;letter-spacing:.5px;border-radius:0}.sidebar-tab-btn svg{color:var(--text-muted);transition:color .25s}.sidebar-tab-btn:hover{color:var(--text-primary);background:#ffffff05}body.light-theme .sidebar-tab-btn:hover{background:#00000008}.sidebar-tab-btn.active{color:var(--primary-accent);border-bottom-color:var(--primary-accent);background:#00808005;box-shadow:none!important}.sidebar-tab-btn.active svg{color:var(--primary-accent)}.antenna-select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--primary-accent);padding:4px 8px;border-radius:4px;font-family:var(--font-mono);font-size:11px;font-weight:500;cursor:pointer;outline:none;transition:all .2s ease;margin-left:12px}.antenna-select:hover{border-color:var(--primary-accent);background:var(--btn-hover-bg)}.dual-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-accent);cursor:pointer;pointer-events:auto;box-shadow:0 0 5px var(--primary-accent);border:2px solid var(--body-bg);transition:transform .1s ease,background-color .2s}.dual-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#fff}.dual-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary-accent);cursor:pointer;pointer-events:auto;box-shadow:0 0 5px var(--primary-accent);border:2px solid var(--body-bg);transition:transform .1s ease,background-color .2s}.dual-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#fff}