*{box-sizing:border-box}html,body{margin:0;background:#020a11;color:#edf7ff;font-family:Inter,Segoe UI,Arial,sans-serif}.os{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;padding:18px;background:#020b12;border-right:1px solid #173349;display:flex;flex-direction:column}.brand span{color:#ffc541;font-size:11px;font-weight:900;letter-spacing:2px}.brand strong{display:block;font-size:31px}.brand small{color:#8da8b9;font-size:9px}.scout{position:relative;height:215px;margin:16px 0;border:1px solid #244960;border-radius:14px;overflow:hidden;background:#071722}.scout img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.scout:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(2,9,15,.92))}.scout-copy{position:absolute;z-index:2;left:12px;right:12px;bottom:10px}.scout-copy div{display:flex;justify-content:space-between}.scout-copy span{color:#5af17b;font-size:9px}.scout-copy span i{display:inline-block;width:6px;height:6px;background:#5af17b;border-radius:50%;box-shadow:0 0 10px #5af17b}.scout-copy p{font-size:11px;margin:4px 0 0}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:#9ab5c6;text-decoration:none;padding:10px;border-radius:9px;font-size:13px}.sidebar nav a.active,.sidebar nav a:hover{color:white;background:linear-gradient(90deg,#103a55,#282610);border:1px solid #2d536b}.modules{margin-top:auto;padding:12px;border:1px solid #244960;border-radius:11px;background:#061722}.modules h3{font-size:10px;color:#55bcf1}.modules div{display:flex;justify-content:space-between;padding-top:7px;font-size:9px;color:#91aaba}.modules b{color:#5af17b}main{padding:14px 16px 20px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:8px}.eyebrow{color:#ffc541;font-size:10px;font-weight:900;letter-spacing:2px}.topbar h1{font-size:34px;line-height:1.05;margin:4px 0}.status-row{display:flex;align-items:center;gap:8px}.pill{padding:8px 10px;border-radius:9px;border:1px solid;font-size:9px;font-weight:900}.pill.green{color:#5af17b;border-color:#1f7542}.pill.blue{color:#4abfff;border-color:#1f5b7d}.pill.purple{color:#c66cff;border-color:#65347c}.status-row button{background:#0b2638;border:1px solid #285b7a;border-radius:9px;color:white;padding:9px 12px;font-weight:800}.status-row time{color:#86b9d6;font-size:12px}.main-grid{display:grid;grid-template-columns:minmax(680px,1fr) 340px;gap:10px}.network,.panel,.metrics article{background:linear-gradient(#071d2b,#04131e);border:1px solid #23485f;border-radius:14px}.network{position:relative;overflow:hidden}.live{position:absolute;right:16px;top:12px;z-index:8;color:#5af17b;font-size:11px}.earth-wrap{height:calc(100vh - 170px);min-height:620px;max-height:760px;position:relative;overflow:hidden;border-radius:14px;background:#020a11}.earth-img{position:absolute;inset:-3% -4%;width:108%;height:108%;object-fit:cover;object-position:center;filter:saturate(1.12) contrast(1.08) brightness(.94)}.earth-overlay{position:absolute;inset:0;background:radial-gradient(circle at 54% 44%,transparent 0 45%,rgba(2,8,14,.16) 58%,rgba(2,8,14,.72) 100%)}.orbit{position:absolute;left:50%;top:48%;width:90%;height:44%;border:1px dashed #45b8f466;border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}.orbit-2{height:59%;transform:translate(-50%,-50%) rotate(23deg)}.orbit-3{height:75%;width:82%;transform:translate(-50%,-50%) rotate(-36deg)}.satellite{
position:absolute;
left:50%;
top:-10px;
width:34px;
height:18px;
background:url('/static/img/scout_global_network.jpg') center/cover no-repeat;
filter:drop-shadow(0 0 6px #5ac8ff);
animation:sat 150s linear infinite;
transform-origin:0 160px;
will-change:transform
}
.orbit-2 .satellite{animation-duration:190s;animation-delay:-38s}
.orbit-3 .satellite{animation-duration:230s;animation-delay:-76s}
.satellite:before,.satellite:after{content:none}.links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.links path{fill:none;stroke:#55c7ff;stroke-width:2.2;stroke-dasharray:8 9;opacity:.75;filter:url(#glow);animation:dash 8s linear infinite}.links circle{fill:#e5fbff;filter:url(#glow)}.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;gap:8px;align-items:center;background:none;border:0;color:white;text-align:left;cursor:pointer;z-index:6}.node i{width:19px;height:19px;border-radius:50%;background:var(--node);box-shadow:0 0 0 7px color-mix(in srgb,var(--node) 20%,transparent),0 0 22px var(--node);animation:pulse 2.2s ease-in-out infinite}.node span{display:flex;flex-direction:column}.node b{font-size:10px;text-shadow:0 1px 2px #000}.node small{font-size:8px;color:#b1c4d0}.node[data-status-color="green"]{--node:#55ef78}.node[data-status-color="yellow"]{--node:#ffd050}.node[data-status-color="orange"]{--node:#ff8b24}.node[data-status-color="red"]{--node:#ff4d42}.tooltip{display:none;position:absolute;z-index:20;min-width:230px;padding:12px;border-radius:10px;background:#03111ef2;border:1px solid #3b7191;box-shadow:0 15px 35px #0009,0 0 20px #43b9f244;pointer-events:none}.tooltip strong,.tooltip span,.tooltip small{display:block}.tooltip span{font-size:10px;color:#94b4c7;margin-top:4px}.tooltip small{font-size:9px;color:#5de77a;margin-top:7px}.legend,.data-feed{position:absolute;bottom:14px;background:#03111ee8;border:1px solid #2a5872;border-radius:10px;padding:11px;font-size:9px}.legend{left:14px;width:220px}.data-feed{right:14px;width:220px}.legend h3,.data-feed h3{margin:0 0 8px;color:#59bff2;font-size:10px}.legend div,.data-feed div{display:grid;grid-template-columns:18px 1fr auto;gap:6px;padding:4px 0}.legend i{width:9px;height:9px;border-radius:50%;margin-top:2px}.legend .g{background:#55ef78}.legend .y{background:#ffd050}.legend .o{background:#ff8b24}.legend .r{background:#ff4d42}.data-feed div{grid-template-columns:1fr auto}.data-feed b{color:#5af17b}.right-rail{display:flex;flex-direction:column;gap:8px}.panel{padding:11px}.panel header{display:flex;justify-content:space-between}.panel h3{margin:0;color:#59bff2;font-size:11px}.panel a{font-size:9px;color:#4ebaff;text-decoration:none}.panel ul{list-style:none;padding:0;margin:8px 0 0}.panel li{padding:6px 0;border-bottom:1px solid #ffffff0e;font-size:9px}.panel li small{float:right;color:#7b98a9}.missions li b{float:right;font-size:8px}.missions .done{color:#5af17b}.missions .working{color:#ffd050}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:9px}.metrics article{padding:11px}.metrics span,.metrics small{display:block;color:#7fa3b9;font-size:8px}.metrics b{display:block;font-size:19px;margin:3px 0}.refreshing .links path{stroke:white;stroke-width:3.5;animation-duration:.7s}@keyframes sat{to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:-150}}@keyframes pulse{50%{transform:scale(1.45)}}@media(max-width:1320px){.main-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:repeat(2,1fr)}.earth-wrap{height:720px}.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.os{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.modules{margin-top:12px}.topbar{flex-direction:column}.right-rail{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.earth-wrap{height:600px;min-height:540px}}