:root{--bg:#06101a;--panel:#0b1826;--panel2:#102235;--line:#29435a;--text:#e7eef6;--muted:#8ea4b8;--accent:#29b6f6;--good:#4ade80;--warn:#fbbf24;--bad:#fb7185;--power:#ff5e57;--data:#38bdf8;--cg:#c084fc;--ctrl:#f59e0b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 30% -10%,#18344f 0,#07111d 38%,#050b12 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:60;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(5,11,18,.9);backdrop-filter:blur(16px);border-bottom:1px solid #203144}.brand{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;border:1px solid #3e607f;border-radius:10px;display:grid;place-items:center;font-weight:900;color:var(--accent);background:#0b1927}.brand h1{font-size:15px;margin:0;letter-spacing:.02em}.brand small{display:block;color:var(--muted);margin-top:2px}.topnav{display:flex;gap:4px;flex-wrap:wrap}.topnav a{color:#b8c7d7;text-decoration:none;font-size:11px;padding:7px 9px;border:1px solid transparent;border-radius:8px}.topnav a:hover{border-color:#34506b;background:#102235}.page{max-width:1640px;margin:auto;padding:22px}.card{background:linear-gradient(180deg,rgba(16,34,53,.96),rgba(9,22,35,.96));border:1px solid #243b51;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.24)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:var(--accent);font-weight:900}.muted{color:var(--muted);font-size:12px;line-height:1.6}.discipline-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:9px;margin-bottom:16px}.discipline{padding:12px;border:1px solid #29465f;border-radius:11px;background:#091623;cursor:pointer;transition:.18s}.discipline:hover{border-color:#4a718f}.discipline.active{background:linear-gradient(180deg,#0d3550,#0a2032);border-color:#208fc3;box-shadow:inset 0 0 0 1px rgba(41,182,246,.16)}.discipline b{display:block;font-size:12px}.discipline small{color:#8199ad;display:block;margin-top:4px;line-height:1.35}.discipline .status{font-size:8px;color:var(--good);letter-spacing:.12em;margin-bottom:5px}.discipline.reference .status{color:#7890a5}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.hero-copy{padding:28px}.hero h2{font-size:36px;line-height:1.06;margin:10px 0 12px}.hero h2 span{color:#9ddcff}.hero p{margin:0;color:#adbed0;max-width:920px;line-height:1.65}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip{font-size:11px;padding:7px 10px;border-radius:999px;border:1px solid #304a63;background:#0b1a29;color:#cbd8e5}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.kpi{padding:16px;border:1px solid #29435a;border-radius:12px;background:#0a1724}.kpi b{font-size:21px;display:block}.kpi span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.kpi small{display:block;color:#7f95a8;margin-top:5px}.section{margin-top:22px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.section-head h3{font-size:18px;margin:3px 0 0}.section-head p{margin:0;color:var(--muted);font-size:11px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.viewer{height:690px;position:relative;overflow:hidden}.viewer canvas{width:100%;height:100%;display:block}.viewer-tools{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.toolcluster,.legend{display:flex;gap:7px;pointer-events:auto}.mini{padding:7px 9px;border-radius:8px;border:1px solid #35536d;background:rgba(6,14,23,.88);color:#8298aa;font-size:10px;cursor:pointer}.mini.active{color:#e8f5ff;border-color:#2088b8;background:#0a2b40}.badge{padding:7px 9px;border-radius:8px;border:1px solid #36536d;background:rgba(6,14,23,.84);font-size:10px;color:#c9d7e4}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.dot.power{background:var(--power)}.dot.data{background:var(--data)}.dot.cg{background:var(--cg)}.viewer-footer{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.telemetry{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.telemetry div{min-width:82px;background:rgba(4,10,17,.88);border:1px solid #28435a;padding:8px 10px;border-radius:9px}.telemetry span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase}.telemetry b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.inspector{padding:18px;min-height:690px}.inspector h3{margin:8px 0 12px;font-size:18px}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inspect-item{background:#091623;border:1px solid #243d53;border-radius:9px;padding:9px}.inspect-item span{display:block;font-size:8px;color:#7790a5;text-transform:uppercase}.inspect-item b{font-size:11px;line-height:1.4}.inspect-list{margin-top:12px;border-top:1px solid #263d52;padding-top:10px}.inspect-list .row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #1c3041;font-size:10px}.inspect-list .row span:last-child{text-align:right;color:#bdd0df}.sim-console{margin-top:14px;padding:16px}.sim-main{display:grid;grid-template-columns:1fr 560px;gap:18px;align-items:center}.sim-main h3{margin:5px 0}.sim-main p{margin:0;color:#9fb2c3;font-size:11px;line-height:1.5}.sim-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{border:1px solid #31506b;background:#10283d;color:#eef7ff;border-radius:9px;padding:11px 12px;font-weight:800;cursor:pointer;font-size:11px}.btn:hover{filter:brightness(1.15)}.btn.primary{background:#086c9c;border-color:#148fc8}.btn.danger{background:#7f1d2d;border-color:#be4156}.btn.ghost{background:#0b1926}.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.status-grid div{background:#091622;border:1px solid #29435a;border-radius:10px;padding:9px 11px}.status-grid span{display:block;font-size:8px;color:#7e94a8;text-transform:uppercase}.state{font-size:11px;color:var(--good)}.state.warn{color:var(--warn)}.state.bad{color:var(--bad)}.caution{font-size:9px;color:#70879a;margin-top:10px}.architecture{padding:18px;overflow:auto}.arch-wrap{min-width:1000px;position:relative}.arch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:center;position:relative}.arch-node{position:relative;z-index:2;min-height:74px;border:1px solid #355069;background:#0b1a29;border-radius:11px;padding:10px;cursor:pointer}.arch-node:hover{border-color:#52a4d1}.arch-node b{display:block;font-size:11px}.arch-node small{color:#8fa5b9}.arch-node .ports{margin-top:7px;display:flex;gap:5px;flex-wrap:wrap}.arch-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.flow{stroke-dasharray:8 7;animation:flow 1.15s linear infinite}.powerLine{stroke:var(--power)}.dataLine{stroke:var(--data)}@keyframes flow{to{stroke-dashoffset:-30}}.power-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.power-card{padding:15px}.power-card h4{margin:4px 0 8px}.metric{font-size:24px;font-weight:850}.metric small{font-size:10px;color:var(--muted);font-weight:500}.power-card ul{padding-left:17px;color:#98adbf;font-size:10px;line-height:1.65}.alert{margin-top:10px;padding:13px 15px;border-radius:12px;font-size:11px;line-height:1.55}.alert.high{border:1px solid #765225;background:#2c2111;color:#f8ddb0}.summary-row{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:10px}.summary-box{padding:13px;border:1px solid #29435a;background:#0a1724;border-radius:11px}.summary-box span{font-size:8px;color:#7d94a8;text-transform:uppercase}.summary-box b{display:block;margin-top:4px;font-size:16px}.table-card{overflow:hidden}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #213749;gap:10px}.table-toolbar input{background:#07121d;color:#dbe7f2;border:1px solid #2b465f;border-radius:8px;padding:8px 10px;width:300px}.table-scroll{overflow:auto;max-height:540px}.table-scroll.medium{max-height:430px}.table-scroll.tall{max-height:650px}table{width:100%;border-collapse:collapse;font-size:10px}th{position:sticky;top:0;background:#102235;text-align:left;padding:9px;color:#9fb7cb;border-bottom:1px solid #314c65;z-index:2;white-space:nowrap}td{padding:8px 9px;border-bottom:1px solid #1c3041;color:#d6e2ec;vertical-align:top;line-height:1.45}tr.clickable{cursor:pointer}tr:hover td{background:#0c1d2c}.tag{display:inline-block;border:1px solid #31506a;border-radius:999px;padding:3px 6px;font-size:8px;color:#acc3d6}.tag.critical{border-color:#8c3d4d;color:#ffb7c3}.tag.mission{border-color:#7a6324;color:#f6d980}.download{font-size:10px;color:#8bd3f8;text-decoration:none;border:1px solid #31506a;border-radius:8px;padding:7px 9px;background:#0a1a28}.download:hover{background:#102a3e}.tabs{display:flex;gap:7px;margin-bottom:8px}.tab{background:#091724;color:#8198ab;border:1px solid #29465f;border-radius:8px;padding:8px 11px;cursor:pointer}.tab.active{color:white;border-color:#1c91c6;background:#0b3047}.hidden{display:none}.fault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.fault{padding:13px}.fault .fault-status{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--warn)}.fault .fault-status.baseline{color:var(--good)}.fault h4{margin:6px 0 8px;font-size:12px}.fault p{font-size:10px;color:#9bb0c2;line-height:1.55;margin:0}.fault .basis{margin-top:9px;padding-top:7px;border-top:1px solid #23394d;color:#6f879b;font-size:9px}.reqfilters{display:flex;gap:5px;flex-wrap:wrap}.filter-btn{padding:5px 8px;border:1px solid #29465e;background:#0a1825;color:#8ba1b5;border-radius:999px;font-size:8px;cursor:pointer}.filter-btn.active{border-color:#249bd0;color:#dff5ff;background:#0b3047}.download-row{text-align:right;margin-top:8px}.notes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.note{border:1px solid #2b4358;border-radius:11px;padding:12px;background:#0a1724}.note.warn{border-color:#6a5622}.note.info{border-color:#255674}.note b{display:block;margin-bottom:5px;font-size:11px}.note p{margin:0;color:#9eb2c5;font-size:10px;line-height:1.5}.source-card{margin-top:10px;padding:16px}.source-card h3{margin-top:0}.source-row{padding:9px 0;border-bottom:1px solid #203548}.source-row:last-child{border:none}.source-row a{color:#77cdf7;text-decoration:none;font-size:11px}.source-row b{font-size:11px}.source-row small{display:block;color:#7990a3;margin-top:3px}.footer{padding:26px;text-align:center;color:#6f8498;font-size:10px}
@media(max-width:1180px){.hero,.viewer-layout,.sim-main{grid-template-columns:1fr}.inspector{min-height:auto}.power-grid{grid-template-columns:1fr 1fr}.fault-grid{grid-template-columns:1fr 1fr}.discipline-bar{grid-template-columns:1fr 1fr}.topnav{display:none}.viewer{height:560px}.summary-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.page{padding:10px}.topbar{padding:0 12px}.hero-copy{padding:20px}.hero h2{font-size:27px}.kpis,.power-grid,.fault-grid,.notes,.discipline-bar{grid-template-columns:1fr}.telemetry{grid-template-columns:1fr 1fr}.sim-actions{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.viewer{height:470px}.summary-row{grid-template-columns:1fr 1fr}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar input{width:100%}.legend{display:none}.viewer-footer{align-items:flex-end}.section-head{display:block}.section-head p{margin-top:4px}}