:root {
  --shell-bg: #0e1621;
  --shell-line: #1f2c3a;
  --shell-text: #e4ecf2;
  --shell-muted: #8ba3b8;
  --shell-accent: #5eb3f6;
}
* { box-sizing: border-box; }
html, body {
  margin: 0; height: 100%; overflow: hidden;
  background: var(--shell-bg); color: var(--shell-text);
  font-family: -apple-system, "SF Pro Text", "PingFang SC", sans-serif;
}
.shell-top {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 10px 14px; border-bottom: 1px solid var(--shell-line);
  background: #17212b;
}
.shell-brand { font-weight: 600; font-size: 15px; }
.shell-filter { margin-left: auto; color: var(--shell-muted); font-size: 13px; display: flex; gap: 8px; align-items: center; }
.shell-stats { width: 100%; font-size: 12px; color: var(--shell-muted); }
.shell-panels {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0;
  height: calc(100vh - 72px);
}
.shell-col {
  display: flex; flex-direction: column; min-width: 0;
  border-right: 1px solid var(--shell-line);
}
.shell-col:last-child { border-right: none; }
.shell-col-head {
  padding: 8px 12px; font-size: 13px; font-weight: 600;
  background: #1c2733; border-bottom: 1px solid var(--shell-line);
  color: var(--shell-accent);
}
.shell-col-head span { color: var(--shell-muted); font-weight: 400; margin-left: 6px; }
iframe {
  flex: 1; width: 100%; border: none; background: #0e1621;
}