*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif}
body{background:#050914;color:#eef6ff}
.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{background:#07111f;border-right:1px solid #1b2a44;padding:24px}
.logo img{width:160px;margin-bottom:30px}
.nav button{width:100%;padding:14px 16px;margin-bottom:10px;border:0;border-radius:14px;background:transparent;color:#8ea3c0;text-align:left;font-weight:800}
.nav button.active,.nav button:hover{background:#10203a;color:white}
.main{padding:24px}
.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;background:#0b1424;border:1px solid #1b2a44;border-radius:24px;padding:22px}
h1{font-size:32px}.muted{color:#8ea3c0;font-size:13px;margin-top:6px}
.actions button{border:0;border-radius:14px;padding:13px 18px;color:white;font-weight:900;margin-left:8px}
.green{background:#22c55e}.blue{background:#2563eb}.red{background:#ef4444}
.view{display:none}.view.active{display:block}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:20px}
.card,.panel{background:linear-gradient(180deg,#101b2d,#081426);border:1px solid #1b2a44;border-radius:22px;padding:20px;box-shadow:0 20px 45px #0008}
.icon{width:48px;height:48px;border-radius:16px;background:#132238;color:#22d3ee;display:grid;place-items:center;margin-bottom:14px}
.label{color:#8ea3c0;font-size:12px;text-transform:uppercase;letter-spacing:.7px}
.value{font-size:27px;font-weight:900;margin-top:8px}
.split{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.badge{padding:7px 12px;border-radius:999px;font-size:11px;font-weight:900}
.ok{background:#06391f;color:#4ade80}.blocked{background:#3b0a12;color:#fb7185}.warn{background:#3a3007;color:#fde047}
.ticker{display:flex;gap:12px;overflow:auto;margin-bottom:20px}
.tick{min-width:200px;background:#0d1728;border:1px solid #1b2a44;border-radius:16px;padding:13px}
.tableWrap{overflow:auto;border-radius:18px;border:1px solid #1b2a44}
table{width:100%;border-collapse:collapse}
th,td{padding:13px;border-bottom:1px solid #1b2a44;text-align:left;font-size:13px;white-space:nowrap}
th{color:#8ab4ff;text-transform:uppercase;font-size:11px}
.safeText{color:#4ade80;font-weight:900}.badText{color:#fb7185;font-weight:900}
.exchangeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.exchangeCard{background:#0d1728;border:1px solid #1b2a44;border-radius:16px;padding:15px}
.exchangeName{font-weight:900;margin-bottom:8px}
.formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.inputBox{background:#0d1728;border:1px solid #1b2a44;border-radius:16px;padding:14px}
.inputBox input{width:100%;background:#050914;color:white;border:1px solid #1b2a44;border-radius:10px;padding:10px;margin-top:8px}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:relative}.split{grid-template-columns:1fr}.top{display:block}.actions{margin-top:14px}.main{padding:14px}}