.og-terminal, .og-intel-card, .og-engine-card, .og-access-denied { background:#0b1117; color:#e8eef7; border:1px solid rgba(255,255,255,.1); border-radius:24px; padding:28px; box-shadow:0 24px 60px rgba(0,0,0,.22); }
.og-terminal-head { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.09); }
.og-terminal-head span { font-weight:800; letter-spacing:.08em; }
.og-terminal-head small { color:#93a4b7; }
.og-metrics, .og-flow-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:18px; }
.og-flow-grid { grid-template-columns:repeat(3,1fr); }
.og-metrics div, .og-flow-grid div { background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07); border-radius:18px; padding:18px; }
.og-terminal label { display:block; color:#93a4b7; font-size:12px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.og-terminal strong { font-size:22px; }
.og-chart-card { margin-top:18px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); border-radius:18px; padding:18px; }
.og-chart-title { font-weight:700; margin-bottom:16px; }
.og-chart-bars { display:flex; align-items:end; gap:12px; height:190px; padding-top:20px; }
.og-bar-wrap { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:end; height:100%; gap:8px; }
.og-bar { width:100%; min-height:6px; border-radius:10px 10px 3px 3px; background:linear-gradient(180deg,#8bd3ff,#26a0da); opacity:.9; }
.og-bar-label { color:#93a4b7; font-size:11px; }
.og-workspace { display:grid; grid-template-columns:240px minmax(0,1fr); min-height:760px; background:#070b10; color:#e8eef7; }
.og-sidebar { padding:28px; border-right:1px solid rgba(255,255,255,.08); position:sticky; top:0; height:100vh; }
.og-logo-refresh { display:block; color:#fff; text-decoration:none; font-weight:900; letter-spacing:.08em; margin-bottom:34px; }
.og-sidebar nav { display:flex; flex-direction:column; gap:10px; }
.og-sidebar nav a { color:#9fb0c5; text-decoration:none; padding:12px 14px; border-radius:14px; }
.og-sidebar nav a:hover { background:rgba(255,255,255,.06); color:#fff; }
.og-workspace-main { padding:34px; display:grid; gap:22px; align-content:start; }
.og-intel-card h2, .og-engine-card h2 { margin-top:0; }
.og-intel-card p { color:#bfccda; font-size:17px; line-height:1.7; margin-bottom:0; }
.og-status-row { display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); color:#adbbca; }
.og-status-row:last-child { border-bottom:0; }
@media (max-width:900px){ .og-metrics,.og-flow-grid{grid-template-columns:1fr;} .og-workspace{grid-template-columns:1fr;} .og-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);} }