body{
    margin:0;
    background:linear-gradient(135deg,#010409,#071a24);
    color:#9efcff;
    font-family:Segoe UI, Inter, Arial;
}

.fx-container{
    height:100vh;
    display:grid;
    grid-template-columns:320px 1fr;
    grid-template-rows:1fr 260px;
}

.fx-sidebar{
    background:linear-gradient(180deg,#020b12,#071d28);
    border-right:1px solid #00ffff44;
    padding:10px;
}

.brand{
    text-align:center;
    color:#00ffff;
    font-size:22px;
    text-shadow:0 0 10px #00ffff99;
}

.watchlist h4{
    border-bottom:1px solid #00ffff44;
}

.watchlist ul{
    list-style:none;
    padding:0;
    max-height:200px;
    overflow-y:auto;
}

.watchlist li{
    padding:6px;
    cursor:pointer;
}
.watchlist li:hover{
    background:#00ffff11;
}

.trade-panel h4{
    border-bottom:1px solid #00ffff44;
}

label{
    font-size:12px;
}

input,select{
    width:100%;
    background:#000;
    color:#0ff;
    border:1px solid #00ffff55;
}

button{
    margin-top:6px;
    width:100%;
    background:#00ffff;
    color:#000;
    border:none;
}

.chart-panel{
    background:#000;
}

#tv_chart{
    width:100%;
    height:100%;
}

.terminal-bottom{
    grid-column:1 / -1;
    background:#02070c;
    border-top:1px solid #00ffff44;
}

.terminal-tabs{
    padding:4px;
    background:#030d15;
}

.tab{
    background:#000;
    border:1px solid #00ffff44;
    color:#0ff;
}

.tab.active{
    background:#00ffff44;
}

.tab-pane{
    display:none;
    height:210px;
    overflow:auto;
}

.tab-pane.active{
    display:block;
}

#positions{
    width:100%;
    border-collapse:collapse;
}

#positions th,#positions td{
    border:1px solid #00ffff22;
    padding:4px;
}

#exec-feed{
    font-size:11px;
    padding:4px;
}
