:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f1f7;background:#071421}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}#app{min-height:100vh;display:flex}.sidebar{width:252px;flex-shrink:0;background:#0b1d2b;border-right:1px solid #244153;display:flex;flex-direction:column;padding:22px 14px;gap:30px}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px}.brand-icon{font-size:36px;color:#48e5b4}.brand strong{font-size:22px;letter-spacing:-.7px}.brand strong span{color:#4fe3b1}.brand small{display:block;color:#7995a7;font-size:10px;letter-spacing:1.4px;margin-top:5px}.sidebar nav{display:grid;gap:8px}.nav{border:1px solid transparent;text-align:left;background:none;color:#b1c8d6;border-radius:9px;padding:13px 12px}.nav:hover,.nav.active{background:#173447;color:#68e8c0;border-color:#2b5360}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.7px;color:#a4b9c7}.status-dot{width:8px;height:8px;border-radius:50%;background:#edb35b}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{padding:20px 28px;border-bottom:1px solid #254151;display:flex;align-items:center;gap:16px}.topbar h1{font-size:22px;margin:0}.topbar p{font-size:12px;color:#8ba6b8;margin:5px 0 0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.pill{font-size:11px;color:#f6c67e;border:1px solid #82663e;border-radius:30px;padding:8px 12px}.btn{background:#1c806b;border:1px solid #37a48c;color:#f1fff9;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700}.btn:hover{filter:brightness(1.16)}.btn.secondary{background:#153044;border-color:#31576c}.btn.danger{background:#673039;border-color:#b45a65}.icon-btn{display:none;background:transparent;border:0;color:#fff;font-size:23px}.page{display:none;padding:22px 28px;flex:1}.page.active{display:block}.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:16px}.toolbar label,.field{display:grid;gap:6px;color:#9bb5c5;font-size:12px}.toolbar select,.field select,.field input,.pip-controls select,.pip-controls input{background:#102b3b;color:#e5f4f6;border:1px solid #315366;border-radius:7px;padding:9px;min-height:36px}.hint{color:#7793a6;font-size:12px}.radar-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.main-map-card,.pip-card,.panel{border:1px solid #29495a;background:#102435;border-radius:12px;overflow:hidden}.map-heading,.pip-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:12px}.map-heading strong,.pip-heading strong{color:#65e9bc;letter-spacing:1px}.map-heading span{color:#9eb9c7;font-size:11px}.map{height:min(68vh,690px);min-height:400px;background:#0a1d2b}.map-foot{font-size:11px;color:#809eae;padding:9px 14px}.pip-grid{display:grid;gap:12px}.pip-map{height:170px;background:#0a1d2b}.pip-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:9px}.pip-controls select{flex:1;min-width:120px;max-width:100%;font-size:12px}.pip-controls input{width:70px;font-size:12px}.pip-controls label{font-size:11px;color:#b5cad5}.pip-heading button{border:0;background:transparent;color:#c7dce8;font-size:19px}.pip-heading button:hover{color:white}.section-intro{margin:5px 0 24px}.section-intro h2{margin:0 0 7px}.section-intro p,.muted{font-size:13px;line-height:1.6;color:#9bb5c4}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.panel{padding:20px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.panel h3{margin:0;font-size:17px}.panel .btn{align-self:start}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#c4d7e1;font-size:13px;padding:10px 0;border-bottom:1px solid #254354}.switch-row input{accent-color:#42dba9;width:19px;height:19px}.field input{width:100%}footer{padding:18px 28px;color:#66869b;font-size:11px}.leaflet-container{background:#0a1d2b!important}.leaflet-control-attribution{font-size:9px!important}.aircraft-marker{background:transparent;border:0;text-shadow:0 0 6px #06101a;font-size:19px;line-height:24px;text-align:center}.map-fallback{height:100%;display:grid;place-items:center;padding:30px;text-align:center;color:#a5b9c8}.pip-card.focused{outline:2px solid #43d6aa}@media(max-width:1150px){.radar-workspace{grid-template-columns:1fr}.pip-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.map{height:55vh}}@media(max-width:760px){.sidebar{position:fixed;z-index:2000;left:-260px;top:0;bottom:0;transition:left .2s}.sidebar.open{left:0}.icon-btn{display:block}.topbar{padding:15px}.topbar h1{font-size:17px}.topbar p{display:none}.top-actions .pill{display:none}.page{padding:14px}.toolbar{gap:9px}.map{min-height:330px}.pip-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}footer{padding:14px}}