:root {
      --neon-cyan: #00f3ff;
      --neon-red: #ff003c;
      --bg-black: #050505;
      --terminal-font: 'Courier New', monospace;
}

body {
      margin: 0;
      padding: 0;
      background: var(--bg-black);
      color: #fff;
      font-family: var(--terminal-font);
      overflow: hidden;
}

.scanlines {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
      z-index: 100;
      background-size: 100% 2px, 3px 100%;
      pointer-events: none;
}

.dashboard {
      display: grid;
      grid-template-columns: 1fr 300px;
      grid-template-rows: 60px 1fr;
      height: 100vh;
      padding: 10px;
      box-sizing: border-box;
}

header {
      grid-column: 1 / span 2;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid var(--neon-cyan);
      padding: 0 20px;
}

.neon-cyan { color: var(--neon-cyan); }
.neon-red { color: var(--neon-red); }

.price {
      font-size: 2em;
      color: var(--neon-cyan);
      text-shadow: 0 0 10px var(--neon-cyan);
}

main {
      border: 1px solid #333;
      margin: 10px;
      position: relative;
}

#tradingview_widget {
      width: 100%;
      height: 100%;
}

aside {
      border-left: 1px solid #333;
      padding: 20px;
}

.matrix {
      display: flex;
      flex-direction: column;
      gap: 15px;
}

.timeframe {
      font-size: 1.2em;
      border-bottom: 1px solid #222;
      padding-bottom: 5px;
}

}
}