@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg: #04101f;--bg-soft: #0f253d;--panel: rgba(8, 24, 43, .88);--line: #1f3e63;--text: #e7f3ff;--text-soft: #9fc0de;--accent: #ff5f1f;--accent-soft: #ffd166}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,#173b5f 0%,transparent 30%),radial-gradient(circle at 90% 80%,#132b45 0%,transparent 40%),linear-gradient(160deg,#030b16,#06182f 55%,#030a13);min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);background:#05111fd9;backdrop-filter:blur(8px)}.brand h1{margin:0;font-size:clamp(1.2rem,2.4vw,1.8rem)}.brand p{margin:6px 0 0;color:var(--text-soft);font-size:.95rem}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.auth-block{display:grid;gap:2px;min-width:190px;padding:7px 10px;border:1px solid #22486e;border-radius:10px;background:#0c2238}.auth-label{color:var(--text-soft);font-size:.75rem}.auth-role{color:#b5d1ea;font-size:.85rem}.input-group{display:grid;gap:4px;min-width:160px}.input-group span{color:var(--text-soft);font-size:.82rem}input,select,button{font:inherit}input,select{background:#0c2238;color:var(--text);border:1px solid #22486e;border-radius:10px;padding:8px 10px}input:focus,select:focus,button:focus{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid transparent;border-radius:10px;padding:8px 12px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#fff7f1}.btn.ghost{border-color:#2f5072;background:#0c2238;color:var(--text)}.stat-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#112842;color:var(--accent-soft);border:1px solid #2f5072}.layout{min-height:0;display:grid;grid-template-columns:minmax(320px,410px) 1fr}.sidebar{border-right:1px solid var(--line);background:var(--panel);display:grid;grid-template-rows:1fr auto;min-height:0}.panel{padding:16px}.panel h2{margin:0;font-size:1rem;letter-spacing:.02em}.panel-caption{margin:8px 0 0;color:var(--text-soft);font-size:.9rem}.satellite-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px;max-height:52vh;overflow:auto}.list-item{width:100%;border:1px solid #244664;background:linear-gradient(180deg,#0b2035,#081628);border-radius:12px;color:var(--text);padding:10px 12px;text-align:left;display:grid;gap:3px}.list-item .name{font-weight:600}.list-item .meta{color:#99b7d4;font-size:.82rem}.list-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px #ff5f1f80 inset}.details-grid{margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.details-grid dt{font-size:.75rem;color:var(--text-soft)}.details-grid dd{margin:2px 0 0;font-weight:600}.canvas-panel{position:relative;min-height:0}.canvas-panel canvas{width:100%!important;height:calc(100vh - 84px)!important}.overlay{position:absolute;top:12px;right:12px;padding:8px 12px;border-radius:10px;background:#0e223ae6;color:var(--accent-soft);border:1px solid #2f5072}.error-banner{margin:0;padding:10px 16px;background:#411f1f;border-bottom:1px solid #7b2f2f;color:#ffe5e5}.auth-gate{margin:48px auto;width:min(620px,calc(100% - 32px));border:1px solid #2c4f72;background:linear-gradient(180deg,#0d223a,#081828);border-radius:16px;padding:24px;display:grid;gap:12px;justify-items:start}.auth-gate h2{margin:0}.auth-gate p{margin:0;color:#c0d9ef}@media(max-width:1080px){.layout{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.canvas-panel canvas{height:62vh!important}}