:root{--ink:#142436;--muted:#718096;--line:#e6ebf0;--navy:#17324d;--blue:#2f75b5;--pale:#f4f7fa;--orange:#ee4d2d;--green:#1f9d68}*{box-sizing:border-box}body{margin:0;background:var(--pale);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-brand{padding:11vh 9vw;background:linear-gradient(145deg,#10263b,#1f4f72);color:white}.mark{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ff7b45,var(--orange));font-size:36px;font-weight:800;box-shadow:0 18px 45px #07131f66}.login-brand h1{font-size:48px;margin:70px 0 14px}.login-brand p{font-size:18px;color:#dce8f1;max-width:520px}.login-brand .cn{font-size:16px}.eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.18em;color:#86a3bc!important}.login-card{margin:auto;width:min(420px,80%);padding:38px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px #18324d17}.login-card h2{font-size:28px;margin:8px 0 28px}.login-card form{display:grid;gap:18px}.login-card label{font-size:13px;font-weight:700}.login-card input{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #cfd8e2;border-radius:9px;font-size:15px}.login-card button,.button-link{border:0;background:var(--navy);color:white;padding:13px 18px;border-radius:9px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}.small{font-size:12px;color:var(--muted);margin-top:24px}.topbar{height:66px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.small-mark{width:36px;height:36px;border-radius:9px;font-size:20px}.ghost{border:1px solid var(--line);background:white;padding:8px 13px;border-radius:8px}.page{max-width:1380px;margin:0 auto;padding:38px 34px 70px}.hero{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.hero h1{font-size:32px;margin:4px 0}.hero p{color:var(--muted)}.environment{padding:8px 11px;border-radius:99px;background:#fff1ec;color:#b5371e;font-size:11px;font-weight:800}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.kpis article,.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.kpis span{font-size:12px;color:var(--muted)}.kpis strong{display:block;font-size:27px;margin:12px 0 4px}.kpis small{color:#8291a1}.up{color:var(--green)!important}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font-size:18px;margin:4px 0}.panel-head>span{font-size:12px;color:var(--muted)}.bars{height:210px;display:flex;align-items:end;gap:16px;padding:28px 10px 0}.bars div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bars i{width:100%;max-width:42px;background:linear-gradient(#5c9bc8,#234d70);border-radius:7px 7px 2px 2px}.bars small{color:var(--muted)}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.market-grid span{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;background:#f6f8fa;font-size:12px}.market-grid em{font-style:normal;font-weight:800;color:var(--blue)}.table-panel{margin-top:16px;padding:0;overflow:hidden}.table-panel .panel-head{padding:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f7f9fb;color:#647487;font-size:11px;text-transform:uppercase;letter-spacing:.06em}th,td{padding:13px 16px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-block;padding:5px 9px;border-radius:99px;background:#f0f3f6;color:#687888;font-size:11px;font-weight:800}.status.authorized{background:#e6f7ef;color:#14734c}.action,.connected,.disabled{font-size:12px;font-weight:800}.action{color:var(--blue);text-decoration:none}.connected{color:var(--green)}.disabled{color:#a7b1bb}.alert{padding:12px 14px;border-radius:9px;margin:12px 0;background:#edf5fb;color:#26577b}.alert.error{background:#fff0ed;color:#9a321f}.result-shell{min-height:100vh;display:grid;place-items:center}.result-card{text-align:center}.result-icon{width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;font-size:32px;font-weight:800}.result-icon.success{background:#e5f7ef;color:var(--green)}.result-icon.failure{background:#fff0ed;color:#b43a24}.result-card p{color:var(--muted);margin-bottom:28px}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.kpis{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.page{padding:24px 14px}.hero{display:block}.environment{display:inline-block}.login-card{margin:10vh auto}}
.status.reauthorization_required{background:#fff0ed;color:#9a321f}
.top-actions{display:flex;gap:.6rem;align-items:center}.top-actions form{margin:0}.top-actions .ghost.button-link{color:var(--ink)}.bind-code{margin:1rem 0;padding:.85rem 1rem;border-radius:.7rem;background:#eff6ff;color:#102b4c;font-size:1.05rem;font-weight:700;white-space:pre-wrap}