:root{--bg:#071828;--card:#082733;--muted:#9fb6ca;--buy:#00ff99;--sell:#ff4d4d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eaf6fb;font-family:Inter,Arial,Helvetica,sans-serif}
.container{max-width:1100px;margin:12px auto;padding:14px}
header h1{margin:0;font-size:20px}
.top-signal{margin-top:8px;padding:10px;border-radius:8px;display:inline-block;font-weight:800;}
.top-buy{background:var(--buy);color:#002;padding:10px 16px;box-shadow:0 6px 18px rgba(0,255,153,0.12);}
.top-sell{background:var(--sell);color:#fff;padding:10px 16px;box-shadow:0 6px 18px rgba(255,77,77,0.12);}
.top-none{background:#24343d;color:#cbd6dc;padding:8px 12px;}
.grid{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap}
.card{background:var(--card);padding:12px;border-radius:10px;flex:1;min-width:320px}
input{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.03);background:rgba(0,0,0,0.15);color:#eaf6fb;margin:6px 0}
.row{display:flex;gap:8px;margin-top:6px}
.buttons{margin-top:10px}
.btn{flex:1;padding:12px;border-radius:8px;border:none;font-weight:700;cursor:pointer}
.btn.action{background:#0b6f60;color:#fff}
.close-btn{background:#d9534f;color:#fff}
.signal-box{padding:10px;border-radius:8px;margin-top:8px;text-align:center;font-weight:800}
.signal-long{background:var(--buy);color:#002;border:2px solid #00ff99;box-shadow:0 6px 18px rgba(0,255,153,0.08)}
.signal-short{background:var(--sell);color:#fff;border:2px solid #ff8b8b;box-shadow:0 6px 18px rgba(255,77,77,0.08)}
.signal-none{background:#0d2b33;color:#9fb6ca;border:1px solid rgba(255,255,255,0.03)}
.signal-desc{margin-top:8px;color:var(--muted)}
.box{background:rgba(0,0,0,0.18);padding:10px;border-radius:8px;min-height:120px;overflow:auto;white-space:pre-wrap;font-family:monospace}
.indicators{display:flex;justify-content:space-between;color:var(--muted);margin-top:8px}
.pos-long{color:#00ff99;font-weight:700}
.pos-short{color:#ff8b8b;font-weight:700}
.pos-none{color:#9fb6ca}
.foot{margin-top:12px;color:var(--muted);font-size:13px}
@media(max-width:720px){.grid{flex-direction:column}}
.big-orders-container {
  max-height: 200px; /* Set desired max height */
  overflow-y: auto;  /* Make it scrollable */
}

.signal-log-container {
  max-height: 200px; /* Set max height */
  overflow-y: auto;  /* Enable vertical scrolling */
}