:root{color-scheme:light;--ink:#172c37;--muted:#71808a;--line:#e4e9ed;--bg:#f3f6f8;--green:#087e67;--red:#c74545;--blue:#286fa4;--shadow:0 5px 24px #21384706;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;border-radius:8px;min-height:40px;padding:9px 17px;font-weight:600;transition:background .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #309a9355;outline-offset:3px}button:hover:not(:disabled){box-shadow:0 2px 7px #19384615}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#076b58}.secondary{background:#fff;border-color:#d5dfe4;color:var(--ink)}.quiet{background:transparent;color:var(--muted);min-height:32px;padding:5px 10px}.danger-button{background:#fff4f2;color:#b13d33;border-color:#f4d6d1}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.7px;font-weight:650}h2{font-size:17px;font-weight:650}h3{font-size:14px}small,.muted{color:var(--muted)}.eyebrow{display:block;color:#7b929e;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:10px}.topbar{height:72px;background:#132b36;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2));color:#d7e4e8;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;letter-spacing:1.5px;font-weight:700;color:inherit;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:inline-grid;place-items:center;background:#4ac4a0;color:#102e35;width:30px;height:30px;border-radius:8px;font-size:19px;letter-spacing:0}.brand-divider{font-size:12px;font-weight:400;letter-spacing:0;color:#91a9b4;border-left:1px solid #ffffff24;margin-left:6px;padding-left:17px}.topbar nav{display:flex;align-items:center;gap:20px;font-size:12px}.topbar nav a,.topbar .quiet{color:#c6d9e1}.workspace{max-width:1280px;margin:auto;padding:35px 28px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-heading p{color:var(--muted);margin-top:10px;line-height:1.7}.exchange-tabs{display:flex;gap:8px;margin:18px 0}.exchange-tabs button{display:flex;align-items:center;gap:12px;padding:11px 20px;border:1px solid transparent;background:transparent;color:#657783;border-radius:8px}.exchange-tabs button.active{background:#fff;border-color:#dce5e9;color:var(--ink);box-shadow:var(--shadow)}.exchange-tabs strong{font-size:13px;letter-spacing:.7px}.exchange-tabs small{font-size:10px;font-weight:400}.exchange-tabs button.active[data-exchange=binance]{border-top:3px solid #ddb735}.exchange-tabs button.active[data-exchange=okx]{border-top:3px solid #263742}.exchange-tabs button.active[data-exchange=bybit]{border-top:3px solid #5998c5}.status-band{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 22px;margin-bottom:18px;box-shadow:var(--shadow)}.status-band p{margin-top:8px;font-size:12px;line-height:1.6;color:var(--muted)}.status-actions{display:flex;gap:10px;flex-shrink:0}.status{display:inline-flex;align-items:center;gap:7px;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:650;line-height:1.2;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.good{color:#087e67;background:#e7f5ef}.status.bad{color:#b2453d;background:#fff0ec}.status.neutral{color:#6d7d87;background:#eef2f5}.status.pending{color:#966d1b;background:#fff6dd}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 21px;box-shadow:var(--shadow)}.metrics article>span{display:block;font-size:12px;color:#647681}.metrics small{font-size:9px;margin-left:6px;color:#99a6ae}.metrics strong{display:block;font-size:30px;font-weight:600;letter-spacing:-.8px;margin:13px 0 10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metrics p{font-size:10px;line-height:1.6;color:var(--muted)}.positive{color:var(--green)}.negative{color:var(--red)}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.panel-heading{padding:22px 23px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-heading p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.7}.periods{display:flex;flex-shrink:0;border:1px solid var(--line);padding:3px;border-radius:7px;gap:2px}.periods button{font-size:11px;background:transparent;min-height:28px;padding:5px 11px;color:var(--muted);border-radius:4px}.periods button.active{background:#edf5f2;color:var(--green)}.curve{height:265px;padding:8px 20px 0}.curve svg{width:100%;height:100%;overflow:visible}.curve text{font-size:10px;fill:#8999a2;font-family:inherit}.curve-grid{stroke:#eaf0f3;stroke-dasharray:4 4}.curve-line{fill:none;stroke:#168772;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.curve-area{fill:#eaf6f0}.curve-dot{fill:#087e67;stroke:white;stroke-width:2}.curve-footer{padding:15px 23px 19px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#82919b}.empty{padding:35px 20px;text-align:center;font-size:12px;color:#8a9aa3}.curve>.empty{height:100%;display:grid;place-items:center}.panel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:21px 23px;cursor:pointer;gap:12px}.panel>summary::-webkit-details-marker{display:none}.panel>summary span:not(.summary-action){display:block;font-size:11px;color:var(--muted);margin-top:6px}.summary-action{color:var(--green);font-size:11px;white-space:nowrap}.summary-action:after{content:" ＋"}.panel[open] .summary-action:after{content:" −"}.api-content{padding:0 23px 23px;border-top:1px solid var(--line)}.setup-guide{background:#f4f8fa;border:1px solid #e5edf1;border-radius:9px;padding:19px 21px;margin-top:20px}.setup-guide h3{margin-bottom:12px}.setup-guide ol{margin:0;padding-left:19px;color:#536b7a;font-size:12px;line-height:2.1}.setup-guide li{padding-left:4px;margin-bottom:3px}.setup-guide strong{color:#263f4e;font-weight:600}.ip-copy{display:inline-flex;align-items:center;gap:12px;min-height:27px;background:#fff;border:1px solid #cfdfdf;padding:2px 9px;margin:0 4px;font-size:12px;color:var(--green);border-radius:5px}.ip-copy span{font-size:10px;font-weight:400}.guide-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 15px}.form-heading>.muted{font-size:10px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500}input{height:42px;background:#fff;color:var(--ink);border:1px solid #d6e0e6;border-radius:7px;padding:10px 12px;min-width:0;width:100%;font-weight:400}input:focus{outline:2px solid #16877224;border-color:#168772}input::placeholder{color:#a1aeb6;font-size:11px}.api-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.api-fields:has(#passphraseField[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}#apiForm>.muted{margin-top:10px;font-size:10px;line-height:1.7}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.form-actions>.muted{font-size:10px}.check-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.check-result{border:1px solid var(--line);border-radius:6px;padding:10px 12px;display:flex;align-items:flex-start;gap:9px}.check-result strong{font-size:11px}.check-result p{font-size:10px;color:var(--muted);line-height:1.6;margin-top:4px}.check-icon{font-weight:700;color:var(--green)}.check-result.bad .check-icon{color:var(--red)}.check-result.pending .check-icon{color:#a77b21}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}.trades-table{min-width:970px;font-size:11px}th{font-weight:500;color:#81909b;font-size:10px;background:#f8fafb;text-align:left;border-block:1px solid var(--line);padding:12px 16px;white-space:nowrap}td{border-bottom:1px solid #edf1f3;padding:15px 16px;line-height:1.7;vertical-align:middle}td strong,td small{display:block}td small{font-size:10px;color:#8999a3}td strong{font-size:11px;font-weight:600}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;color:#8997a1;font-size:10px}.pagination>div{display:flex;gap:9px;align-items:center}.pagination .quiet{font-size:10px}.password-panel>summary,.create-panel>summary{font-size:13px;font-weight:600}.password-form,.create-form{padding:0 23px 23px;display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.password-form button,.create-form button{height:42px}footer{color:#91a0a9;text-align:center;font-size:10px;line-height:1.8;padding:15px 0 20px}.message{border:1px solid #cfe5dc;border-radius:8px;background:#edf8f2;color:#17734f;padding:12px 16px;font-size:12px;line-height:1.7;margin:0 0 18px;overflow-wrap:anywhere}.message.error{background:#fff2ef;border-color:#f3d4cc;color:#a94031}.full{width:100%}[hidden]{display:none!important}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:#132d38;color:#fff;padding:45px clamp(35px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-intro:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff09;border-radius:50%;right:-170px;bottom:-180px;box-shadow:0 0 0 75px #ffffff03,0 0 0 150px #ffffff02;pointer-events:none}.login-intro .eyebrow{color:#6dc9ad;margin-bottom:25px}.login-intro h1{font-size:clamp(32px,3.6vw,54px);line-height:1.55;letter-spacing:1px;font-weight:500}.login-intro p{max-width:350px;font-size:13px;line-height:2.1;color:#9fb8c4;margin-top:23px}.intro-lines{display:flex;gap:23px;margin-top:37px;color:#a7c0cc;font-size:11px}.intro-lines span:before{content:"·";margin-right:8px;color:#5fc8a5}.login-intro>small{color:#7a98a6;font-size:10px}.login-panel{display:grid;place-items:center;padding:40px;background:#f8fafb}.login-card{width:100%;max-width:350px}.login-card h2{font-size:28px;margin-bottom:12px}.login-card>.muted{font-size:12px;margin-bottom:32px;line-height:1.8}.login-card form{display:grid;gap:21px}.login-card input{height:46px}.login-card .primary{height:46px;margin-top:3px}.login-card .message{margin:0}.login-help{font-size:10px;color:#8e9fa9;text-align:center;margin-top:25px;line-height:1.8}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.admin-summary article{padding:20px 23px;background:white;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between}.admin-summary span{font-size:12px;color:var(--muted)}.admin-summary strong{font-size:29px;font-weight:600}.user-list{padding:0 22px 8px}.user-card{padding:19px 0;border-top:1px solid var(--line)}.user-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.user-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.user-title strong{font-size:14px}.user-title small{font-size:10px}.user-actions{display:flex;gap:7px}.user-actions button{font-size:11px;min-height:33px;padding:6px 11px}.user-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.user-account{border:1px solid var(--line);background:#fafcfd;border-radius:7px;padding:12px}.user-account-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.user-account-heading strong{font-size:11px;letter-spacing:.6px}.user-account p{font-size:10px;color:var(--muted);line-height:1.8}.user-account .quiet{font-size:10px;padding-left:0;color:var(--blue);margin-top:4px}.user-account summary{cursor:pointer;font-size:10px;color:var(--blue);margin-top:8px}.user-account .check-results{grid-template-columns:1fr;gap:5px;margin-top:8px}.search-label input{width:200px;height:35px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:1px solid var(--line);border-radius:13px;box-shadow:0 15px 80px #172d3740;padding:28px;width:min(440px,calc(100vw - 30px))}dialog::backdrop{background:#102b385c}dialog h2{margin-bottom:10px}dialog p{font-size:12px;line-height:1.8;margin-bottom:19px}dialog label{margin-bottom:14px}
.exchange-tabs button>span{font-size:10px;font-weight:400}.panel-heading>div:first-child{min-width:0}.panel-heading>#tradeCount{white-space:nowrap}.user-account>small{display:block;font-size:10px;line-height:1.7}
.guide-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 8px;font-size:11px;line-height:1.9}.guide-links a{text-decoration:underline;text-underline-offset:3px}
.page-heading>.secondary{flex-shrink:0;white-space:nowrap}
.refresh-note{margin:0 0 18px;color:var(--muted);font-size:11px;line-height:1.8}.refresh-note summary{cursor:pointer;font-size:12px}.refresh-note summary strong{color:#536b7a;font-weight:600}.refresh-note summary span{margin-left:10px}.refresh-details{padding:8px 0 0 16px}.refresh-details p+p{margin-top:5px}
@media(max-width:600px){.refresh-note summary span{display:block;margin-left:16px;font-size:11px}}
@media(min-width:1600px){.workspace{padding-inline:0}.topbar{padding-inline:calc((100vw - 1280px)/2)}}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics strong{font-size:28px}.user-accounts{grid-template-columns:1fr}.workspace{padding:27px 20px}.topbar{padding-inline:20px}.api-fields{grid-template-columns:1fr}.api-fields:has(#passphraseField[hidden]){grid-template-columns:1fr}.login-intro{padding:35px}.login-intro h1{font-size:36px}}
@media(max-width:600px){.topbar{height:62px;padding-inline:15px}.brand{font-size:12px;gap:7px}.brand-divider{display:none}.brand-mark{width:26px;height:26px;font-size:17px}.topbar nav{gap:10px;font-size:10px}.topbar .quiet{font-size:10px;padding:4px}.workspace{padding:25px 14px 10px}h1{font-size:25px}.eyebrow{font-size:9px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading p{font-size:11px}.page-heading>.secondary{font-size:10px;min-height:33px;padding:6px 9px}.exchange-tabs{gap:5px}.exchange-tabs button{flex:1;padding:10px 8px;flex-direction:column;gap:5px}.exchange-tabs strong{font-size:11px}.exchange-tabs small{font-size:9px}.status-band{flex-direction:column;align-items:stretch;padding:16px;gap:14px}.status-actions button{flex:1;font-size:11px}.metrics{gap:9px}.metrics article{padding:17px 13px}.metrics article>span{font-size:10px}.metrics small{font-size:8px;margin-left:2px}.metrics strong{font-size:25px}.metrics p{font-size:9px}.panel-heading{padding:18px 16px;align-items:flex-start;gap:10px}.panel-heading p{font-size:10px}.periods button{font-size:9px;padding:5px 7px}.periods{margin-top:0}.curve{height:220px;padding-inline:9px}.curve-footer{padding:12px 16px;font-size:9px;flex-direction:column;gap:5px}.panel>summary{padding:18px 16px}h2{font-size:15px}.api-content{padding:0 15px 17px}.setup-guide{padding:15px}.setup-guide ol{font-size:11px;line-height:1.9}.setup-guide li{margin-bottom:8px}.form-heading{display:block}.form-heading>.muted{display:block;margin-top:7px}.check-results{grid-template-columns:1fr}.form-actions{gap:8px}.form-actions button{font-size:11px;flex:1}.form-actions>.muted{flex-basis:100%}.pagination{padding:12px;font-size:9px;align-items:flex-start}.pagination>span{max-width:45%;line-height:1.7}.password-form,.create-form{grid-template-columns:1fr;padding:0 16px 18px}.admin-summary{gap:8px}.admin-summary article{padding:13px 10px;display:block}.admin-summary span{font-size:10px}.admin-summary strong{display:block;font-size:25px;margin-top:9px}.user-list{padding:0 15px 5px}.user-head{align-items:flex-start;flex-direction:column}.user-actions{align-self:flex-end}.user-title{gap:8px}.user-title small{flex-basis:100%}.search-label input{width:125px}.login-layout{grid-template-columns:1fr}.login-intro{padding:25px;min-height:285px}.login-intro .brand{font-size:13px}.login-intro .eyebrow{display:none}.login-intro h1{font-size:28px;line-height:1.5;margin-top:24px}.login-intro p{font-size:11px;margin-top:12px;max-width:270px}.intro-lines,.login-intro>small{display:none}.login-panel{padding:35px 25px 45px}.login-card h2{font-size:25px}.login-card>.muted{margin-bottom:25px}}