@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap";:root{color:#e7edf8;font-synthesis:none;background:#070b12;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -20%,#17314b 0,#0000 38%),#070b12;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.login-page{background:radial-gradient(circle at 50% 0,#17314b,#0000 45%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#0c121df5;border:1px solid #243246;border-radius:18px;gap:18px;width:min(430px,100%);padding:38px;display:grid;box-shadow:0 24px 70px #00000059}.login-card h1,.login-card p,.login-card span{margin:0}.login-card p{color:#57e0a1;letter-spacing:.18em;font-size:10px;font-weight:700}.login-card>span{color:#77859a;font-size:13px}.login-card label{color:#9aa7ba;gap:8px;font-size:12px;display:grid}.login-card input{color:#edf4ff;background:#0a101a;border:1px solid #27364b;border-radius:9px;outline:none;width:100%;padding:13px}.login-card input:focus{border-color:#57e0a1}.login-card .trade{margin-top:6px}.login-mark{color:#07120d;background:#57e0a1;border-radius:13px;place-items:center;width:48px;height:48px;font:700 17px Space Grotesk;display:grid}.login-mark img{object-fit:contain;width:100%;height:100%}.shell{--brand:#57e0a1;grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d16d1;border-right:1px solid #1d2634;flex-direction:column;padding:28px 18px;display:flex}.brand{align-items:center;gap:12px;padding:0 10px 32px;display:flex}.brand>span,.brand img{background:var(--brand);color:#07120d;object-fit:contain;border-radius:12px;place-items:center;width:42px;height:42px;font:700 16px Space Grotesk;display:grid}.brand strong,.brand small{display:block}.brand strong{font:600 17px Space Grotesk}.brand small{color:#718096;margin-top:3px;font-size:11px}nav{gap:7px;display:grid}nav button{color:#7f8ca1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 13px;display:flex}nav button:hover,nav button.active{color:#eef5ff;background:#131c29}nav button.active svg{color:var(--brand)}.node-health{color:#8290a3;border-top:1px solid #182131;margin-top:auto;padding:14px 10px;font-size:11px}.pulse{background:var(--brand);width:7px;height:7px;box-shadow:0 0 12px var(--brand);border-radius:50%;margin-right:8px;display:inline-block}main{align-self:start;width:100%;max-width:1600px;margin:auto;padding:38px clamp(24px,4vw,64px)}header{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}header p{color:var(--brand);letter-spacing:.2em;margin:0 0 8px;font-size:11px;font-weight:700}h1{margin:0;font:600 32px Space Grotesk}.header-actions{gap:9px;display:flex}.secondary{color:#9aa7ba;cursor:pointer;background:0 0;border:1px solid #29364a;border-radius:9px;padding:11px 16px}.trade{background:var(--brand);color:#07120d;cursor:pointer;border:0;border-radius:9px;padding:12px 18px;font-weight:700}.error{color:#ff9dad;background:#2a121a;border:1px solid #6f3040;border-radius:9px;margin-bottom:20px;padding:12px 16px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric,.panel{background:linear-gradient(145deg,#121a26f2,#0a101ae6);border:1px solid #1e2939;border-radius:14px;box-shadow:0 12px 35px #00000029}.metric{padding:20px}.metric small,.metric strong,.metric span{display:block}.metric small{color:#7e8b9e;font-size:12px}.metric strong{margin:12px 0 6px;font:600 27px Space Grotesk}.metric span{color:#596679;font-size:11px}.metric .positive{color:var(--brand)}.grid{grid-template-columns:.9fr 1.3fr;gap:14px;margin-top:14px;display:grid}.panel{min-height:390px;padding:20px}.panel-title{border-bottom:1px solid #1a2432;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:16px;display:flex}.panel-title h2{margin:0;font:600 15px Space Grotesk}.panel-title button{color:var(--brand);cursor:pointer;background:0 0;border:0;font-size:12px}.account,.intent{border-bottom:1px solid #151e2b;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 2px;display:grid}.account strong,.account small,.intent strong,.intent small{display:block}.account strong,.intent strong{font-size:13px}.account small,.intent small{color:#69768a;margin-top:4px;font-size:11px}.platform,.side{border-radius:7px;place-items:center;min-width:42px;height:30px;padding:0 8px;font:700 10px Space Grotesk;display:grid}.platform.mt4{color:#6ec8ff;background:#193044}.platform.mt5{color:#aa91ff;background:#28204d}.side.buy{color:#61e5a1;background:#153327}.side.sell{color:#ff8799;background:#3a1c25}.status,.intent-state{color:#8290a3;letter-spacing:.07em;font-size:10px}.status.connected{color:var(--brand)}.empty{color:#596679;place-items:center;min-height:280px;font-size:13px;display:grid}.notice{color:#7ff0b5;background:#10291e;border:1px solid #246447;border-radius:9px;margin-bottom:20px;padding:12px 16px}.page-panel{min-height:auto;margin-bottom:14px}.page-panel p{color:#8e9bad}.form-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding-top:16px;display:grid}.inline-form{gap:10px;padding:16px 0;display:flex}.form-grid input,.form-grid select,.inline-form input{color:#e7edf8;background:#09111c;border:1px solid #28364a;border-radius:8px;min-width:0;padding:11px}.table-row{border-bottom:1px solid #192331;grid-template-columns:repeat(6,minmax(80px,1fr));align-items:center;gap:12px;padding:14px 2px;font-size:12px;display:grid}.table-row em{color:var(--brand);font-style:normal}.table-row button{color:#dfe8f6;cursor:pointer;background:#121c2a;border:1px solid #354359;border-radius:7px;justify-self:end;padding:8px 10px}.danger{color:#ff9dad!important;background:#2a121a!important;border-color:#6f3040!important}.credential{white-space:pre-wrap;word-break:break-all;color:#73e7ae;background:#081019;border:1px solid #2c5a46;border-radius:8px;padding:14px}@media (width<=1000px){.shell{grid-template-columns:76px 1fr}.brand div,nav button:not(.active) span,.node-health{display:none}.brand{padding-left:0}nav button{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=620px){aside{display:none}.shell{display:block}main{padding:24px 16px}.metrics{grid-template-columns:1fr 1fr}header{align-items:start}.trade{font-size:12px}}
