:root{--color-bg-deep:#050505;--color-bg-panel:#0006;--color-bg-border:#ffffff0d;--color-bg-hover:#ffffff14;--color-text-main:#ffffffe6;--color-text-muted:#ffffff80;--color-neon-green:#0ecb81;--color-coral-red:#f6465d;color:var(--color-text-main);background:radial-gradient(circle at 50% -20%,#0a0a0a,#050505 80%);font-family:Inter,Segoe UI,sans-serif;font-size:12px}*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;overflow:hidden}.app-container{background:0 0;grid-template:"header header header"70px"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-border);flex-direction:column;grid-area:center-col;gap:1px;height:100%;display:flex;overflow:hidden auto}.panel{background-color:var(--color-bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid #ff45001a;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 25px #ff450008,inset 0 0 15px #ff450003}.header-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-bg-border);background:#0006;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:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}