body{display:block;padding:0;background:#101216;color:#f5f7fb}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:#101216}.side-nav{position:sticky;top:0;height:100vh;border-right:1px solid #30343d;background:#15171c;display:flex;flex-direction:column}.brand{height:76px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid #30343d}.brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#7957f6,#4a89f5);font-size:19px;font-weight:900}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:#8ca1c7;font-size:10px}.side-nav nav{padding:20px 10px;display:flex;flex-direction:column;gap:4px}.side-nav nav>small{margin:12px 8px 5px;color:#71809d;font-size:10px}.side-nav nav button{height:44px;border:0;border-radius:8px;background:transparent;color:#b9c1d0;text-align:left;padding:0 12px;display:flex;align-items:center;gap:10px;font-weight:700}.side-nav nav button:hover,.side-nav nav button.active{background:#272b33;color:#fff}.side-nav nav button.active{box-shadow:inset 3px 0 #4b88f6}.side-nav nav i{width:20px;text-align:center;font-style:normal;color:#70a3ff}.nav-user{margin:auto 14px 16px;padding:13px;border:1px solid #30343d;border-radius:10px;background:#1b1e24}.nav-user b,.nav-user small{display:block;overflow:hidden;text-overflow:ellipsis}.nav-user b{font-size:12px}.nav-user small{margin-top:4px;color:#7f8ba0;font-size:9px}.app-main{min-width:0}.topbar{height:58px;border-bottom:1px solid #30343d;background:#191c22;display:flex;align-items:center;padding:0 20px;gap:11px;position:sticky;top:0;z-index:5}.topbar>button{display:none}.topbar>div{display:flex;flex-direction:column;gap:2px}.topbar strong{font-size:14px}.topbar small{color:#8090ae;font-size:10px}.top-health{margin-left:auto;border:1px solid #345d4b;border-radius:999px;color:#68e7ad;background:#183429;padding:5px 9px;font-size:10px}.app-page{padding:18px 22px}.app-page[hidden]{display:none}.trade-workspace{max-width:1040px;margin:auto;display:grid;grid-template-columns:390px minmax(320px,1fr);gap:14px;align-items:start}.trade-history-panel{min-height:480px;border:1px solid #313640;border-radius:14px;background:#191c22;padding:15px}.trade-history-panel>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30343d;padding-bottom:12px}.trade-history-panel button,.wallet-toolbar button,.monitor-actions button{border:1px solid #37404f;border-radius:7px;background:#22262e;color:#e7ebf4;padding:7px 11px}.preview-note{margin-top:18px;padding:14px;border:1px solid #33486f;background:#19233a;border-radius:9px}.preview-note b,.preview-note span{display:block}.preview-note b{color:#70a3ff;font-size:12px}.preview-note span{color:#93a3bf;font-size:11px;margin-top:5px}.trade-account-strip{border:1px solid #dce6fb;background:#f4f7ff;border-radius:10px;padding:9px;margin-bottom:8px;color:#3f4654}.trade-account-strip label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:3px}.trade-account-strip select{border:1px solid #cfdbf2;background:#fff;border-radius:6px;padding:5px;max-width:170px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto 16px}.page-heading small{color:#5adac7;letter-spacing:2px;font-size:10px;font-weight:800}.page-heading h1,.monitor-title-row h1{font-size:25px;margin:4px 0}.page-heading p,.monitor-title-row p{color:#91a0bb;font-size:12px;margin:0}.primary-action{border:0;border-radius:8px;background:#53d1c1;color:#071a18;padding:11px 17px;font-weight:900}.wallet-stats,.monitor-kpis{max-width:1180px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wallet-stats article,.monitor-kpis article{border:1px solid #303640;border-radius:11px;background:#1a1d23;padding:15px 17px}.wallet-stats span,.monitor-kpis span{display:block;color:#91a0bb;font-size:11px}.wallet-stats b,.monitor-kpis b{display:block;font-size:25px;margin-top:7px}.wallet-toolbar{max-width:1180px;margin:0 auto 12px;display:grid;grid-template-columns:minmax(220px,440px) 220px auto;gap:9px}.wallet-toolbar input,.wallet-toolbar select{height:41px;border:1px solid #343a46;border-radius:8px;background:#111318;color:#f2f5fa;padding:0 12px}.wallet-ledger{max-width:1180px;margin:auto;border:1px solid #313640;border-radius:12px;background:#191c22;overflow:hidden}.wallet-ledger>header{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #313640}.wallet-ledger>header small{color:#8997ae}.wallet-ledger #accountList{padding:6px 12px 14px}.wallet-ledger .account{background:#242830;border:1px solid #303640;color:#fff;border-radius:0;margin:0;border-width:0 0 1px;padding:15px}.wallet-ledger .account small{color:#91a0bb}.wallet-ledger .account:after{content:"详情  ·  改名";margin-left:auto;color:#5d99ff;font-size:11px;font-weight:800}.wallet-ledger .account-controls{margin:10px;background:#20252e;border-color:#354159;color:#eef2f8}.monitor-dashboard{max-width:1400px;margin:auto}.monitor-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:8px 0 16px}.monitor-actions{display:flex;gap:7px;flex-wrap:wrap}.monitor-actions button.active{background:#397fe9;border-color:#397fe9}.monitor-actions .sound-toggle{color:#62ddb4}.monitor-add{border:1px solid #323945;border-radius:10px;background:#191c22;margin-bottom:14px}.monitor-add input{background:#111318;border-color:#343b47;color:#fff}.monitor-table-section{border:1px solid #313640;border-radius:10px;background:#171a20;overflow:hidden}.monitor-table-section>header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #313640;color:#aeb8c9;font-size:11px}.monitor-table{width:100%;border-collapse:collapse;min-width:980px}.monitor-table th{padding:10px 12px;background:#242832;color:#9fabc0;font-size:10px;text-align:right;white-space:nowrap}.monitor-table th:first-child,.monitor-table td:first-child{text-align:left}.monitor-table td{padding:11px 12px;border-bottom:1px solid #2d323b;text-align:right;font-size:11px;white-space:nowrap}.monitor-table tr:last-child td{border-bottom:0}.monitor-name{color:#50a0ff;font-weight:800}.monitor-table .up{color:#3be3bd}.monitor-table .down{color:#ff5c80}.monitor-table .muted{color:#778398}.monitor-row-actions button{border:0;background:transparent;color:#5d99ff;font-size:10px}.monitor-feed{margin-top:14px;border:1px solid #313640;border-radius:10px;background:#191c22;max-height:360px}.monitor-feed .watch-event{border-color:#303640}.monitor-feed .watch-event-main strong,.monitor-feed .watch-event-price b{color:#f3f5f9}.wallet-preview label{display:block;font-size:11px;font-weight:800;margin:10px 0 5px}.wallet-preview input,.wallet-preview textarea{display:block;width:100%;border:1px solid #ded9e7;border-radius:8px;padding:10px;margin-top:5px}.wallet-preview textarea{height:110px;resize:none}.preview-badge{padding:9px;border-radius:8px;background:#fff6db;color:#9b6b00;font-size:11px}.wallet-preview .preview-check{display:flex;align-items:center;gap:7px}.wallet-preview .preview-check input{width:auto;margin:0}.admin-accounts{max-width:1180px;margin:12px auto;color:#aeb7c8}
.user-admin-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:14px}.user-create-card,.user-list-card{border:1px solid #313640;border-radius:12px;background:#191c22;padding:18px}.user-create-card h2{margin:0 0 15px}.user-create-card label{display:block;color:#aeb7c8;font-size:11px;font-weight:800;margin:11px 0}.user-create-card input{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #343b47;border-radius:8px;background:#111318;color:#fff;padding:0 11px}.user-create-card>small{display:block;color:#7e8ca4;font-size:10px;line-height:1.6;margin-top:10px}.user-list-card>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #303640}.user-list-card>header button{border:1px solid #37404f;border-radius:7px;background:#22262e;color:#fff;padding:6px 10px}.admin-user{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 4px;border-bottom:1px solid #2d323b}.admin-user strong,.admin-user small{display:block}.admin-user small{color:#8491a7;font-size:10px;margin-top:4px}.admin-user em{font-style:normal;color:#5adac7;font-size:10px}.wallet-login-alt{margin-top:14px;padding-top:12px;border-top:1px solid #ece8f2}.wallet-login-alt summary{cursor:pointer;text-align:center;color:#77717f;font-size:11px;margin-bottom:10px}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.side-nav{position:fixed;left:0;top:0;bottom:0;width:230px;z-index:20;transform:translateX(-100%);transition:.2s}.app-shell.menu-open .side-nav{transform:translateX(0)}.topbar>button{display:block;border:1px solid #343a46;background:#22262d;color:#fff;border-radius:7px;width:34px;height:34px}.app-page{padding:12px}.trade-workspace{grid-template-columns:1fr;max-width:520px}.trade-workspace .card{width:100%}.wallet-toolbar{grid-template-columns:1fr}.monitor-title-row{align-items:start;flex-direction:column}.monitor-table-section{overflow:auto}.user-admin-grid{grid-template-columns:1fr}}
@media(max-width:520px){.topbar{padding:0 10px}.app-page{padding:7px}.wallet-stats,.monitor-kpis{gap:6px}.wallet-stats article,.monitor-kpis article{padding:11px}.wallet-stats b,.monitor-kpis b{font-size:20px}.page-heading{align-items:start;flex-direction:column}.page-heading .primary-action{width:100%}.trade-history-panel{min-height:180px}.card{border-radius:13px;min-height:0}.monitor-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}
.side-nav nav a[data-page]{height:44px;border:0;border-radius:8px;background:transparent;color:#b9c1d0;text-align:left;padding:0 12px;display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none}.side-nav nav a[data-page]:hover,.side-nav nav a[data-page].active{background:#272b33;color:#fff}.side-nav nav a[data-page].active{box-shadow:inset 3px 0 #4b88f6}
.wallet-stepper{display:grid;grid-template-columns:26px 1fr 26px 1fr 26px 1fr 26px;align-items:center;margin:5px 0 18px}.wallet-stepper b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e8eaf0;color:#8991a0;font-size:11px}.wallet-stepper b.active{background:#4b88f6;color:#fff}.wallet-stepper span{height:2px;background:#e1e5ed}.wallet-stepper b.active+span{background:#8ab4ff}#walletWizard h3{margin:0 0 5px;font-size:17px}#walletWizard section>p{margin:0 0 13px;color:#7a8190;font-size:11px}.wallet-type{display:flex!important;align-items:center;gap:10px;border:1px solid #dde1ea;border-radius:10px;padding:12px!important;margin:8px 0!important}.wallet-type input{width:auto!important;margin:0!important}.wallet-type span,.wallet-type strong,.wallet-type small{display:block}.wallet-type small{margin-top:4px;color:#7d8594;font-weight:400;line-height:1.45}.field-help{display:block;color:#7d8594;font-size:10px;line-height:1.5;margin:5px 0 10px}.secret-input{display:grid;grid-template-columns:1fr auto;gap:6px}.secret-input button{border:1px solid #d8dce5;border-radius:8px;background:#f3f5f8;color:#526078;padding:0 12px}.wizard-error{min-height:18px;color:#e0444e;font-size:10px}.wizard-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:17px}.wizard-actions>button{min-width:100px;border:1px solid #d8dce5;border-radius:8px;padding:11px;background:#f3f5f8}.wizard-actions>.submit{background:#4b88f6;color:#fff;border-color:#4b88f6}.wallet-summary{border:1px solid #dfe4ed;border-radius:10px;overflow:hidden;margin:12px 0}.wallet-summary p{display:grid;grid-template-columns:110px 1fr;gap:10px;margin:0;padding:9px 11px;border-bottom:1px solid #edf0f5;font-size:11px}.wallet-summary p:last-child{border-bottom:0}.wallet-summary span{color:#858c99}.wallet-summary b{text-align:right;word-break:break-all}.wizard-check{display:flex!important;align-items:flex-start;gap:8px}.wizard-check input{width:auto!important;margin:2px 0 0!important}.vault-note{margin-top:12px;padding:11px;border-left:3px solid #35c78a;background:#eefbf5;color:#356452}.vault-note strong,.vault-note span{display:block}.vault-note span{font-size:10px;line-height:1.5;margin-top:4px}

.platform-popouts{display:flex;gap:6px;margin-left:4px}.platform-popouts button{border:1px solid #364154;border-radius:8px;background:#1d222b;color:#aecdff;padding:7px 10px;font-size:11px;font-weight:800}.platform-popouts button:hover{border-color:#5d8ee6;background:#24324a;color:#fff}.platform-locked .platform-switch button:not(.active){display:none}.platform-locked .platform-switch{pointer-events:none}.platform-locked .platform-switch .active:after{content:" · 已锁定";color:#79dda9;font-size:10px}@media(max-width:650px){.platform-popouts{width:100%;margin:7px 0 0}.platform-popouts button{flex:1}.platform-row{flex-wrap:wrap}}

/* Wallet form: one complete page with readable guidance and field-level errors. */
#walletPreviewLayer{overflow:auto;padding:24px}
#walletPreviewLayer .confirm{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:24px}
#walletPreviewLayer .confirm h2{font-size:25px;margin:2px 0 8px}
#walletPreviewLayer .confirm header small{font-size:13px;line-height:1.6}
#walletWizard{font-size:15px}
#walletWizard section{padding:18px 0;border-bottom:1px solid #e7e9ee}
#walletWizard section:last-of-type{border-bottom:0}
#walletWizard h3{font-size:20px;margin:0 0 12px}
#walletWizard label{font-size:15px;margin:13px 0 6px}
#walletWizard input,#walletWizard select{min-height:48px;font-size:15px;padding:11px 13px}
#walletWizard input[type="radio"],#walletWizard input[type="checkbox"]{min-height:0;width:18px;height:18px;padding:0;flex:0 0 auto}
.wallet-type{padding:15px!important;margin:10px 0!important;align-items:flex-start}
.wallet-type strong{font-size:15px;line-height:1.4}
.wallet-type small,.field-help{font-size:13px;line-height:1.65}
.field-help{margin:6px 0 10px}
.wizard-error{min-height:22px;font-size:13px;line-height:1.5;margin-top:3px}
.secret-input button{font-size:13px;font-weight:700;padding:0 16px}
.wizard-check{font-size:14px!important;line-height:1.6}
.vault-note{padding:14px;margin-top:14px}
.vault-note strong{font-size:14px}
.vault-note span{font-size:12px;line-height:1.65;margin-top:5px}
.wallet-submit{width:100%;height:52px;border:0;border-radius:11px;background:#4b88f6;color:#fff;font-size:16px;font-weight:800;margin-top:20px}
.wallet-submit:hover{background:#3979e8}
@media(max-width:600px){#walletPreviewLayer{padding:0;align-items:start}#walletPreviewLayer .confirm{width:100%;max-height:none;min-height:100vh;border-radius:0;padding:18px 16px}#walletPreviewLayer .confirm h2{font-size:23px}#walletWizard h3{font-size:18px}.wallet-type small,.field-help,.wizard-error{font-size:12px}}

/* Compact two-part wallet setup. Both parts stay visible and submit together. */
#walletPreviewLayer .confirm{width:min(860px,calc(100vw - 32px));color:#20242c}
#walletPreviewLayer .confirm>header{padding-bottom:14px;border-bottom:1px solid #e7eaf0}
#walletPreviewLayer .confirm>header h2{margin-bottom:3px}
#walletPreviewLayer .confirm>header p{margin:0;color:#70798a;font-size:13px}
.wallet-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
#walletWizard .wallet-step-card{padding:16px;border:1px solid #dfe4ed;border-radius:14px;background:#fafbfe}
.wallet-step-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.wallet-step-title>b{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#4b88f6;color:#fff;font-size:16px}
.wallet-step-title span,.wallet-step-title strong,.wallet-step-title small{display:block}
.wallet-step-title strong{font-size:17px;color:#20242c}
.wallet-step-title small{margin-top:2px;color:#778195;font-size:12px}
.wallet-type-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#walletWizard .wallet-type{min-height:68px;padding:10px!important;margin:0!important;background:#fff}
#walletWizard .wallet-type:has(input:checked){border-color:#4b88f6;box-shadow:0 0 0 2px rgba(75,136,246,.12)}
#walletWizard .wallet-type strong{font-size:13px}
#walletWizard .wallet-type small{font-size:11px;line-height:1.35}
#walletWizard label{font-size:13px;margin:10px 0 4px}
#walletWizard input,#walletWizard select{min-height:42px;font-size:14px;padding:9px 11px;background:#fff;color:#20242c}
#walletWizard .field-help{font-size:14px;line-height:1.65;margin:6px 0 3px}
#walletWizard .wizard-error{min-height:17px;font-size:11px;line-height:1.35;margin:1px 0}
#walletWizard .wizard-check{display:flex!important;align-items:flex-start;margin-top:12px;padding:10px;border-radius:9px;background:#f0f5ff;font-size:12px!important}
#walletWizard .vault-note{padding:10px 12px;margin-top:5px}
#walletWizard .vault-note strong{font-size:12px}
#walletWizard .vault-note span{font-size:11px;line-height:1.45}
#walletWizard .wallet-submit{max-width:420px;display:block;margin:14px auto 0;height:48px}
@media(max-width:760px){#walletPreviewLayer{padding:0;align-items:start}#walletPreviewLayer .confirm{width:100%;max-height:none;min-height:100vh;border-radius:0;padding:16px}.wallet-step-grid{grid-template-columns:1fr}.wallet-type-row{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.wallet-type-row{grid-template-columns:1fr}.wallet-step-title strong{font-size:16px}}

.predict-account-note,.sync-default-note{padding:11px 12px;border-radius:9px;background:#f0f5ff;border:1px solid #d7e4ff}
.predict-account-note strong,.predict-account-note span,.sync-default-note strong,.sync-default-note span{display:block}
.predict-account-note strong,.sync-default-note strong{font-size:13px;color:#2e68c7}
.predict-account-note span,.sync-default-note span{margin-top:3px;font-size:11px;line-height:1.5;color:#68758b}
.sync-default-note{margin-top:12px;background:#fff8e8;border-color:#f2dfac}
.sync-default-note strong{color:#996600}

.wallet-ledger .account.wallet-control-row:after{display:none}
.wallet-control-row{display:grid!important;grid-template-columns:8px minmax(160px,1fr) auto!important;align-items:center}
.wallet-row-copy{min-width:0}
.wallet-row-controls{display:flex;align-items:center;gap:10px;margin-left:auto}
.wallet-row-controls>button{height:34px;border:1px solid #3b4658;border-radius:7px;background:#202631;color:#8fb8ff;padding:0 11px;font-size:11px;font-weight:800}
.wallet-row-controls>button.current-primary{border-color:#28664f;background:#173c2f;color:#65e3b0}
.wallet-sync-switch{display:flex!important;align-items:center;gap:7px;min-width:78px;margin:0!important;color:#bdc7d7;font-size:11px!important;cursor:pointer}
.wallet-sync-switch input{width:34px;height:18px;appearance:none;border:0;border-radius:999px;background:#526078;position:relative;margin:0;cursor:pointer}
.wallet-sync-switch input:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#aeb9c9;transition:.18s}
.wallet-sync-switch input:checked{background:#397fe9}
.wallet-sync-switch input:checked:before{left:18px;background:#fff}
.wallet-sync-switch.disabled{opacity:.7;cursor:default}
@media(max-width:600px){.wallet-control-row{grid-template-columns:8px 1fr!important}.wallet-row-controls{grid-column:2;margin:9px 0 0;width:100%}.wallet-row-controls>button{flex:1}.wallet-sync-switch{min-width:86px}}

.platform-row{max-width:1040px;margin:0 auto 14px;display:flex;align-items:center;gap:14px;color:#9aa6ba;font-size:14px;font-weight:800}
.platform-switch{display:grid;grid-template-columns:repeat(3,1fr);width:520px;padding:4px;border:1px solid #323946;border-radius:12px;background:#0f1217}
.platform-switch button{height:44px;border:0;border-radius:9px;background:transparent;color:#6f7785;font-size:17px;font-weight:900;cursor:pointer}
.platform-switch button.active{background:#294c83;color:#a9cbff}
.platform-row>b{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.platform-row>b i{width:9px;height:9px;border-radius:50%;background:#3ce7aa;box-shadow:0 0 12px rgba(60,231,170,.3)}
@media(max-width:900px){.platform-row{max-width:620px}.platform-switch{width:min(520px,72vw)}}
.wallet-platform-tabs{max-width:1180px;margin:0 auto 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px;border:1px solid #303640;border-radius:11px;background:#15181e}.wallet-platform-tabs button{height:42px;border:0;border-radius:8px;background:transparent;color:#8d98aa;font-weight:900;font-size:14px;cursor:pointer}.wallet-platform-tabs button.active{background:#294c83;color:#b9d4ff}