:root{--color-bg-deep:#0b0e11;--color-bg-panel:#1e2329;--color-bg-border:#2b3139;--color-bg-hover:#2b3139;--color-text-main:#ffffffe6;--color-text-muted:#848e9c;--color-neon-green:#0ecb81;--color-coral-red:#f6465d;color:var(--color-text-main);background-color:var(--color-bg-deep);font-family:Roboto Mono,JetBrains Mono,monospace;font-size:12px}*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;overflow:hidden}.app-container{background-color:var(--color-bg-deep);grid-template:"header header header"60px"left-col center-col right-col"1fr/280px 1fr 320px;gap:1px;width:100vw;height:100vh;display:grid}.center-stack{background-color:var(--color-bg-deep);flex-direction:column;grid-area:center-col;gap:1px;height:100%;display:flex;overflow:hidden auto}.panel{background-color:var(--color-bg-panel);flex-direction:column;display:flex;overflow:hidden}.header-area{grid-area:header}.left-area{grid-area:left-col}.right-area{grid-area:right-col}.up-color{color:var(--color-neon-green)}.down-color{color:var(--color-coral-red)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-panel)}::-webkit-scrollbar-thumb{background:var(--color-bg-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}