/* QuantumExchange Spot/Futures CSS */
:root {
  --bg:#0b0f15; --card:#11161f; --text:#eaecef; --accent:#f0b90b; --up:#10b981; --down:#ef4444;
}
*{box-sizing:border-box;margin:0;padding:0;font-family:Arial, sans-serif;}
body{background:var(--bg);color:var(--text);}
.qe-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--card);}
.qe-header .logo{font-weight:bold;color:var(--accent);font-size:20px;}
.tab-btn{background:none;border:none;color:var(--text);padding:8px 16px;cursor:pointer;}
.tab-btn.active{border-bottom:2px solid var(--accent);}
.qe-container{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:20px;}
.chart-box{background:var(--card);border-radius:8px;padding:10px;}
.chart-tab{width:100%;height:400px;display:none;}
.chart-tab.active{display:block;}
.trade-box{background:var(--card);padding:15px;border-radius:8px;margin-top:20px;}
.trade-box form{display:flex;flex-direction:column;gap:10px;}
.trade-box input, .trade-box select{padding:8px;border-radius:5px;border:none;}
.trade-box .btn{background:var(--accent);color:#000;font-weight:bold;padding:10px;border:none;cursor:pointer;border-radius:5px;}
.orders{display:flex;gap:20px;margin-top:20px;}
.orders div{flex:1;background:var(--card);padding:10px;border-radius:8px;overflow-y:auto;max-height:300px;}
.orders h4{margin-bottom:10px;}
#order-book-list li{color:var(--down);}
#recent-trades-list li{color:var(--up);}
@media(max-width:768px){
  .qe-container{grid-template-columns:1fr;}
  .orders{flex-direction:column;}
}