:root {
  --bg: #0f1419; --bg2: #161c24; --panel: #1a2230; --panel2: #1e2838;
  --line: #2a3648; --line2: #344458; --text: #e0e6ed; --muted: #8899aa;
  --accent: #5ba3f5; --green: #34c88a; --amber: #e0a832; --red: #e05858;
}
* { box-sizing: border-box; margin: 0 }
body {
  font-family: Inter, system-ui, -apple-system, sans-serif;
  background: var(--bg); color: var(--text); min-height: 100vh;
  font-size: 15px;
}
.app { max-width: 100%; margin: 0 auto; padding: 0 20px }

/* Views */
.view { display: none }
.view.active { display: block }
.hidden { display: none !important }

/* Scrollbar */
::-webkit-scrollbar { width: 6px }
::-webkit-scrollbar-track { background: var(--bg) }
::-webkit-scrollbar-thumb { background: var(--line2); border-radius: 3px }

.muted { color: var(--muted) }