:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#253347;background:#f5f7fa;font-synthesis:none;--bg:#f5f7fa;--panel:#fff;--text:#253347;--muted:#8590a1;--line:#eaf0f5;--teal:#008c81;--teal-soft:#e8f6f3;--nav:#112337;--shadow:0 4px 24px #152e4a05;color-scheme:light}
:root[data-theme=dark]{--bg:#101923;--panel:#182432;--text:#e5edf6;--muted:#94a4b7;--line:#2a3949;--teal:#4dd6bb;--teal-soft:#193f3c;--nav:#0b1522;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--teal);text-decoration:none}button,a{touch-action:manipulation}[hidden]{display:none!important}.skip-link{position:absolute;left:12px;top:-70px;z-index:50;padding:10px;background:var(--panel)}.skip-link:focus{top:8px}button{border:0}button.primary,.primary{background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:8px;padding:10px 17px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}button.primary:hover{filter:brightness(1.08)}.secondary{color:var(--text);border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px 14px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary:hover{border-color:#9cafbd}.danger{color:#d64e5a}.text-button{padding:4px;background:none;color:var(--muted);font-size:12px;white-space:nowrap}.text-button:hover{color:var(--teal)}.icon-button{width:34px;height:34px;border-radius:6px;background:none;color:var(--muted);display:inline-grid;place-items:center;font-size:17px}.icon-button:hover{background:var(--teal-soft);color:var(--teal)}.full{width:100%}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal);margin:10px 0}.footnote{font-size:12px;color:var(--muted)}
.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#fff;position:fixed;inset:0 auto 0 0;width:228px;padding:30px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.5px;font-weight:700;color:inherit}.brand:first-letter{color:#32c6ad}.brand>span{font-size:21px}.brand small{font-size:8px;font-weight:500;letter-spacing:1px;border:1px solid #3b4d61;border-radius:3px;padding:2px 4px;color:#8b9db2;margin-left:auto}.workspace{display:flex;gap:10px;align-items:center;border:1px solid #ffffff12;background:#ffffff04;padding:12px 10px;border-radius:9px;margin:32px 0 29px}.workspace-avatar{display:grid;place-items:center;border-radius:6px;background:#35b5a229;color:#68dac7;width:33px;height:33px;font-weight:700}.workspace strong{font-size:12px;display:block}.workspace div>span{font-size:10px;color:#8295ae;display:block}.online-dot{height:6px;width:6px;border-radius:50%;display:inline-block;background:#30c49a;flex-shrink:0}.workspace>.online-dot{margin-left:auto}.nav-label{color:#677e98;font-size:9px;letter-spacing:1.8px;margin:0 12px 12px}.sidebar nav{display:grid;gap:6px}.nav-item{color:#8fa1b6;display:flex;align-items:center;gap:12px;border-radius:7px;padding:11px 13px;font-size:12px}.nav-item svg{width:17px;height:17px;opacity:.8;flex-shrink:0}.nav-item:hover{color:#e8f2fc;background:#ffffff05}.nav-item.active{background:#087f7940;color:#58d5bd;box-shadow:inset 2px 0 #34c3a7}.nav-item .nav-count{margin-left:auto;font-size:9px;background:#ffffff0a;padding:0 5px;border-radius:3px;color:#91a5bb}.sidebar-bottom{margin-top:auto;padding:25px 8px 0;font-size:9px;color:#536b86}.system-status{display:flex;align-items:center;gap:7px;color:#9baec1;border-top:1px solid #ffffff0c;padding:16px 0 10px;font-size:10px}.main-wrap{grid-column:2;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;min-width:0;color:var(--muted)}.breadcrumb strong{font-weight:500;color:var(--text);white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:12px;font-size:12px}.topbar-divider{height:18px;width:1px;background:var(--line);margin:0 5px}.user-avatar{height:29px;width:29px;border-radius:50%;background:#e6eef8;color:#577692;display:grid;place-items:center;font-size:11px;font-weight:600}.mobile-menu{display:none}#content{max-width:1560px;width:100%;padding:36px 38px 44px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.page-heading h1{font-size:25px;letter-spacing:-.8px;margin:0 0 5px;font-weight:650}.page-heading p{font-size:12px;margin:0;color:var(--muted)}.heading-actions{display:flex;align-items:center;gap:10px}.date-chip{background:var(--panel);border:1px solid var(--line);color:#718096;border-radius:7px;padding:9px 13px;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{padding:22px 21px 19px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);min-height:148px}.metric-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7b899b;gap:8px}.metric-icon{height:29px;width:29px;display:grid;place-items:center;border-radius:7px;background:var(--teal-soft);color:var(--teal)}.metric-icon svg{width:16px;height:16px}.metric-value{font-size:29px;letter-spacing:-1px;font-weight:650;margin:8px 0 5px;white-space:nowrap;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:var(--muted);display:block}.positive{color:var(--teal)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(260px,1fr);gap:23px;margin-bottom:24px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 23px 10px;gap:12px}.panel-head h2{font-size:13px;font-weight:600;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.panel-body{padding:18px 23px 23px}.chart-wrap{padding:10px 23px 20px}.chart{width:100%;height:190px;overflow:visible;display:block}.chart text{fill:var(--muted);font-size:10px}.chart .gridline{stroke:var(--line);stroke-width:1}.chart .graphline{stroke:var(--teal);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart .graphdot{fill:var(--panel);stroke:var(--teal);stroke-width:2}.chart .grapharea{fill:var(--teal-soft);opacity:.7}.health-value{font-size:38px;letter-spacing:-1px;font-weight:650;margin:5px 0}.health-label{font-size:10px;color:var(--muted)}meter{width:100%;height:7px;margin:8px 0 15px;accent-color:var(--teal)}meter::-webkit-meter-bar{background:var(--line);border:0;height:7px}meter::-webkit-meter-optimum-value{background:var(--teal)}.health-note{font-size:11px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted)}.health-note svg{color:var(--teal);width:14px;height:14px;vertical-align:middle;margin-right:7px}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;font-weight:500;color:var(--muted);padding:13px 20px;background:color-mix(in srgb,var(--bg) 60%,var(--panel));border-bottom:1px solid var(--line)}td{font-size:11px;padding:16px 20px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb,var(--teal-soft) 18%,var(--panel))}.cell-title{font-weight:500;max-width:190px;overflow:hidden;text-overflow:ellipsis}.cell-sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:10px;line-height:1.6;background:var(--bg);color:var(--muted);white-space:nowrap}.pill.green{color:#169978;background:#eaf7f1}.pill.blue{color:#5386c3;background:#edf3fb}.pill.amber{color:#b28435;background:#fff7e8}.pill.red{color:#ce6270;background:#fff0f1}:root[data-theme=dark] .pill{background:#28394a}:root[data-theme=dark] .pill.green{background:#173b34;color:#5ad0aa}:root[data-theme=dark] .pill.amber{background:#3b3321;color:#ddbd71}.method-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;margin-right:6px;font-size:10px;font-weight:600}.method-icon.alipay{background:#edf4ff;color:#307cdc}.method-icon.wxpay{background:#e8f8ef;color:#24a06b}.table-link{font-size:10px;color:var(--teal);background:none;padding:4px}.toolbar{display:flex;align-items:center;gap:12px;margin:0 0 18px;flex-wrap:wrap}.search-form{display:flex;gap:8px;flex:1;max-width:620px}.search-form input{flex:1;min-width:100px}.toolbar select{max-width:180px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:var(--muted);font-size:11px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination button{min-height:31px;padding:4px 11px;font-size:10px}.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:14px;margin:8px}.empty-state p{font-size:12px}.initial-loading{padding:80px;text-align:center;color:var(--muted)}.main-footer{margin:0 38px;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
label{display:grid;gap:7px;font-size:12px;font-weight:500;margin:0 0 17px}label>small{font-weight:400;color:var(--muted);font-size:11px}input,select,textarea{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 12px;border-radius:7px;min-width:0;max-width:100%}input::placeholder,textarea::placeholder{color:#a2adba;font-weight:400}input:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb,var(--teal) 25%,transparent);border-color:var(--teal)}textarea{min-height:90px;resize:vertical;white-space:pre-wrap}.check{display:flex;gap:8px;align-items:center;font-weight:400}.check input{width:15px;height:15px;accent-color:var(--teal)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:18px;margin-top:8px}.form-error{font-size:12px;color:#d15969;min-height:20px}dialog{padding:0;border:1px solid var(--line);border-radius:13px;box-shadow:0 28px 90px #101d3c2e;background:var(--panel);color:var(--text);width:min(650px,calc(100vw - 30px));max-height:90vh}dialog::backdrop{background:#0b1b3880;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:17px;font-weight:600;margin:0}#modal-content{padding:24px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:8px;background:#173f3a;color:#e0fff5;box-shadow:0 5px 30px #0d2a4a30;z-index:100;max-width:90vw;font-size:12px}.detail-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px 16px;font-size:12px}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0;overflow-wrap:anywhere}.detail-grid+.form-actions{margin-top:26px}.notice{padding:13px 15px;background:var(--teal-soft);color:var(--teal);border-radius:7px;font-size:12px;margin-bottom:18px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.settings-grid .wide{grid-column:span 2}.code{display:block;font-size:11px;padding:13px 15px;border:1px solid var(--line);background:var(--bg);border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.config-line{display:flex;gap:12px;align-items:center;margin-bottom:20px}.config-line>div{flex:1;min-width:0}.config-line strong{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:5px}.config-line code{font-size:12px;overflow-wrap:anywhere}.settings-grid textarea{width:100%;font:11px/1.7 ui-monospace,monospace}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.channel-card{padding:24px}.channel-card header{display:flex;justify-content:space-between;align-items:start}.channel-card h2{font-size:15px;margin:0 0 5px}.channel-card p{font-size:11px;color:var(--muted);margin:0}.channel-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 0}.channel-meta span{font-size:10px;color:var(--muted);display:block}.channel-meta strong{font-size:12px;font-weight:500}.channel-card footer{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;font-size:11px}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--panel)}.login-story{background:#112337;color:#fff;padding:50px 70px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story h1{font-size:43px;letter-spacing:-1.5px;line-height:1.45;white-space:pre-line;margin:15px 0 22px}.login-story p{color:#92a6bb;font-size:14px;white-space:pre-line;line-height:1.9}.login-story .eyebrow{color:#41c8ad}.login-orbits{height:160px;display:flex;align-items:center;gap:22px;position:relative}.login-orbits span{display:grid;place-items:center;width:62px;height:62px;border:1px solid #50637766;border-radius:18px;font-size:11px;color:#9aafc3;background:#1a3047}.login-orbits span:nth-child(2){width:88px;height:88px;border-color:#1caf9580;background:#0c71693d;color:#61d9c2;font-weight:600;box-shadow:0 0 40px #13ac8e13}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-form-wrap form{width:340px;max-width:100%}.login-form-wrap h2{font-size:25px;letter-spacing:-.7px;margin:10px 0}.login-form-wrap p.muted{font-size:12px;margin:0 0 30px}.login-form-wrap input{min-height:45px}.login-form-wrap button{margin-top:8px;min-height:45px}.payment-body{min-height:100vh;display:grid;place-items:center;padding:24px}.payment-card{width:430px;max-width:100%;border:1px solid var(--line);border-radius:16px;padding:35px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.payment-card .brand{justify-content:center;margin-bottom:30px;color:var(--teal)}.payment-card h1{font-size:21px}.payment-card .primary,.payment-card .button{width:100%;margin-bottom:10px}.payment-amount{font-size:42px;font-weight:600;margin:25px 0;letter-spacing:-1.5px}
@media(min-width:1600px){.metric-value{font-size:34px}.chart{height:220px}}@media(max-width:1150px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding:27px 15px}.sidebar .brand small{display:none}.topbar{padding:0 25px}#content{padding:28px 25px}.metrics{gap:12px}.metric{padding:18px 15px}.metric-value{font-size:25px}.dashboard-grid{grid-template-columns:1.8fr 1fr;gap:16px}.date-chip{display:none}.topbar-actions{gap:7px}.login-story{padding:40px}.login-story h1{font-size:34px}}
@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.cards{grid-template-columns:1fr}.page-heading{align-items:flex-start}.topbar-actions #user-label{display:none}.login-screen{grid-template-columns:.8fr 1fr}.login-story{padding:30px}.login-story h1{font-size:28px}.login-form-wrap{padding:28px}}
@media(max-width:620px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:#0b1b3870;z-index:19}.mobile-menu{display:inline-grid}.main-wrap{display:flex;min-height:100vh}.topbar{height:64px;padding:0 16px}.breadcrumb{gap:9px;font-size:11px}.topbar-actions{gap:2px}.topbar-actions .pill{font-size:8px;padding:3px 5px}.topbar-divider,.user-avatar{display:none}#content{padding:24px 16px}.page-heading{margin-bottom:22px;gap:10px}.page-heading h1{font-size:23px}.page-heading p{max-width:260px;font-size:11px}.heading-actions .primary{font-size:10px;padding:8px 10px;min-height:36px;white-space:nowrap}.metrics{gap:10px}.metric{min-height:132px;padding:15px 13px}.metric-value{font-size:23px}.metric-head{font-size:10px}.metric-icon{width:24px;height:24px}.metric small{font-size:9px}.panel-head{padding:18px 16px 10px}.panel-body{padding:16px}.chart-wrap{padding:8px 16px 18px}.main-footer{margin:0 16px;gap:10px;font-size:9px}.main-footer span:last-child{display:none}.toolbar{gap:9px}.search-form{width:100%;flex-basis:100%;max-width:none}.toolbar select{max-width:155px;font-size:11px}.pagination{padding:13px}.pagination>div{gap:5px}.pagination button{padding:4px 8px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.detail-grid{grid-template-columns:95px minmax(0,1fr);gap:10px}.login-screen{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh;padding:30px}.payment-card{padding:25px}.metric-value small{display:inline}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.empty-state svg{width:34px;height:34px;opacity:.4}
.icon-button{white-space:nowrap;flex-shrink:0}#language{font-size:11px;width:36px;padding:4px}

.brand-mark{width:26px;height:26px;object-fit:contain;flex-shrink:0}.brand>span{white-space:nowrap}.sidebar .brand{gap:8px}.sidebar .brand>span{font-size:18px}.login-story .brand{gap:10px}.payment-card .brand{gap:8px}

.fee-summary{margin-top:22px}.fee-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 23px 0}.fee-metrics span{display:block;color:var(--muted);font-size:12px}.fee-metrics strong{display:block;font-size:24px;font-weight:500;overflow-wrap:anywhere}@media(max-width:620px){.fee-metrics{grid-template-columns:1fr;padding:16px 16px 0;gap:12px}.fee-metrics strong{font-size:22px}}

.docs-grid{margin-top:22px}.inline-filter{display:flex;align-items:center;gap:10px;margin:0}.sidebar{overflow-y:auto}.docs-grid .code{user-select:text}

.wallet-metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:20px}.withdraw-all{display:flex;align-items:center;padding-top:13px}.review-history{padding-left:20px;font-size:12px}.review-history li{margin:12px 0}.review-history p{margin:4px 0;color:var(--muted)}@media(max-width:620px){.wallet-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-metrics strong{font-size:20px}.withdraw-all{padding:0 0 15px}}