:root {
    --bg: #090c10;
    --card: #131722;
    --green: #089981;
    --red: #f23645;
    --font: 'Roboto Mono', monospace;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: var(--bg); color: #d1d4dc; font-family: var(--font); overflow: hidden; height: 100vh; }

.ticker { background: var(--card); padding: 10px 20px; display: flex; gap: 30px; font-size: 0.85rem; border-bottom: 1px solid #2a2e39; }
.green { color: var(--green); } .red { color: var(--red); }

.terminal-grid { height: calc(100vh - 45px); display: grid; grid-template-columns: 1.5fr 1fr; padding: 2rem; gap: 2rem; }
.chart-box { background: var(--card); border: 1px solid #2a2e39; border-radius: 8px; overflow: hidden; position: relative; }
#chartCanvas { width: 100%; height: 100%; }

.stats-box { background: var(--card); border: 1px solid #2a2e39; border-radius: 8px; padding: 3rem; display: flex; flex-direction: column; justify-content: center; }
.stats-box h1 { font-size: 2rem; color: #fff; margin-bottom: 1.5rem; }
.stats-box p { color: #787b86; margin-bottom: 2.5rem; line-height: 1.6; }

.btn-trade { background: var(--green); color: #fff; border: none; padding: 1rem 2rem; font-family: var(--font); font-weight: 700; border-radius: 4px; cursor: pointer; transition: 0.2s; }
.btn-trade:hover { background: #0baf94; }