*{box-sizing:border-box}
body{margin:0;background:#090e15;color:#edf4ff;font-family:Segoe UI,Arial,sans-serif}
.wrap{max-width:1200px;margin:auto;padding:24px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
h1{margin:0;font-size:27px}header p{margin:6px 0 0;color:#8ea2bb}
.card{background:#111a25;border:1px solid #27364a;border-radius:14px;padding:19px;margin:15px 0}
h2{margin:0 0 15px;font-size:18px}.grid{display:grid;gap:12px}.three{grid-template-columns:1fr 1.3fr 1.2fr}.four{grid-template-columns:repeat(4,1fr)}
label{font-size:12px;color:#adbad0}input,select,.readbox{width:100%;margin-top:6px;padding:11px;background:#0a111a;color:#fff;border:1px solid #35475e;border-radius:8px;outline:none}
.readbox{min-height:40px}.actions,.tradeActions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}
.btn{border:0;border-radius:8px;padding:11px 15px;color:#fff;font-weight:800;cursor:pointer}.blue{background:#226be8}.gray{background:#344257}
.buy{background:#147cff}.sell{background:#dc2e4c}.tradeActions .btn{flex:1;font-size:17px;padding:15px}
.buttonGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.sl{background:#771f31}.tp{background:#174b91}.both{background:#5b3ed0}
.danger{width:100%;background:#ec233f;padding:15px;margin-top:14px;font-size:16px}
.badge{padding:8px 13px;border-radius:999px;font-size:12px;font-weight:800}.offline{background:#3b1620;color:#ff8c9f;border:1px solid #7b273a}.online{background:#123a29;color:#6ee1a8;border:1px solid #207a52}
.result{margin-top:12px;padding:10px;border-radius:8px;white-space:pre-wrap;font-size:12px;background:#172231;border:1px solid #344860}.result.bad{background:#351722;border-color:#9b2f43;color:#ff9aad}
.hint{font-size:12px;color:#8496ae}.headRow{display:flex;justify-content:space-between;align-items:center}.small{padding:7px 11px}
.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:10px 8px;border-bottom:1px solid #263449;text-align:right;white-space:nowrap}
th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){text-align:left}th{color:#90a1b8}.buySide{color:#5ca8ff;font-weight:800}.sellSide{color:#ff647a;font-weight:800}
.pos{color:#62dda0;font-weight:700}.neg{color:#ff687b;font-weight:700}.closeBtn{background:#7d2031;color:#fff;border:0;border-radius:6px;padding:6px 9px;cursor:pointer}
.muted{text-align:center!important;color:#7d8ba0}.toast{display:none;position:fixed;right:20px;bottom:20px;max-width:500px;background:#172231;color:#fff;border:1px solid #344860;border-radius:10px;padding:12px 14px;z-index:100}.toast.error{background:#351722;border-color:#9b2f43}
@media(max-width:850px){.three,.four,.buttonGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.three,.four,.buttonGrid{grid-template-columns:1fr}}