.mex-dashboard-host{color:#24334b;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.md-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}.md-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#926e2a}.md-top h1{font-size:25px;line-height:1.4;margin:5px 0;color:#18273e}.md-update{font-size:12px;color:#718096;margin:6px 0 0}.md-refresh,.mi-close{border:1px solid #cfd9e7;border-radius:7px;padding:10px 16px;background:#fff;color:#263b58;font-size:13px;cursor:pointer;white-space:nowrap}.md-refresh:hover,.mi-close:hover{border-color:#368df0;color:#1673db}.md-refresh:disabled{opacity:.55;cursor:wait}.md-refresh:focus-visible,.mi-close:focus-visible,.md-details summary:focus-visible{outline:3px solid #84b9f3;outline-offset:3px}.md-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1.12fr);gap:18px;align-items:start}.md-card{background:#fff;border:1px solid #dfe6ef;border-radius:10px;box-shadow:0 4px 15px #24344b06;overflow:hidden;min-width:0}.md-card>header{display:flex;gap:11px;align-items:center;padding:18px 18px 15px;border-bottom:1px solid #e8edf4}.md-step{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#946e24;background:#f4eedf;font-size:13px;font-weight:700;flex:none}.md-card h2{font-size:18px;margin:0;color:#20324b;line-height:1.5}.md-card header p{font-size:11px;color:#7b8799;margin:3px 0 0}.md-table-scroll{overflow:auto}.md-periods{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.md-periods th,.md-periods td{padding:10px 9px;vertical-align:top;border-bottom:1px solid #eff2f7;overflow-wrap:anywhere}.md-periods thead th{background:#fafbfd;color:#7a8698;font-size:11px;font-weight:500;text-align:right}.md-periods thead th:first-child{width:31%;text-align:left;padding-left:18px}.md-periods tbody th{font-weight:500;color:#536078;text-align:left;padding-left:18px}.md-periods td{text-align:right;color:#263850;font-variant-numeric:tabular-nums}.md-group th{background:#f6f8fb;font-size:11px!important;color:#789!important;font-weight:600!important;padding-top:8px!important;padding-bottom:8px!important}.md-number{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.md-unit{font-size:10px;color:#7a8797;margin-left:4px;white-space:nowrap}.md-card-foot{display:flex;flex-direction:column;gap:7px;padding:13px 18px;font-size:12px;color:#5b6b80}.md-details{padding:0 18px 14px;color:#65758b;font-size:11px}.md-details summary{cursor:pointer;padding:8px 0;color:#2e75bf}.md-details p{line-height:1.7}.md-wallet-list{padding:0 18px}.md-wallet{padding:17px 0;border-bottom:1px solid #eaf0f5}.md-wallet:last-child{border-bottom:0}.md-wallet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.md-wallet-heading h3{font-size:14px;color:#36485d;margin:0;font-weight:600}.md-wallet-heading>span{color:#98a2b1;font-size:10px}.md-wallet-total{font-size:23px;font-weight:650;line-height:1.5;margin-top:7px;color:#1e3651}.md-wallet-total .md-unit{font-size:11px}.md-change{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin-top:6px;font-size:11px;color:#8693a3}.md-change b{font-size:12px}.md-up{color:#138d67}.md-down{color:#cb5656}.md-baseline{margin-top:7px;font-size:11px;color:#8a96a7}.md-wallet .md-details{padding:0}.md-parts{margin:3px 0 0}.md-parts>div{display:flex;gap:10px;justify-content:space-between;padding:5px 0}.md-parts dt{font-weight:400}.md-parts dd{margin:0;text-align:right;color:#58687d;overflow-wrap:anywhere}.md-footnote{padding:11px 18px 16px;margin:0;color:#91a0b1;font-size:10px;line-height:1.8}.md-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 16px}.md-order-grid article{border:1px solid #e5ebf2;border-radius:7px;padding:12px;min-width:0}.md-order-grid h3{font-size:11px;font-weight:500;color:#6f8096;margin:0 0 7px}.md-order-grid strong{font-size:20px;color:#344c6a}.md-order-grid strong small{font-size:10px;font-weight:400;color:#8995a6}.md-order-grid p{font-size:11px;line-height:1.8;margin:4px 0 0}.md-muted{color:#91a0af!important}.md-subtitle{font-size:12px;margin:19px 18px 10px;font-weight:600;color:#61738b}.md-vip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 16px 8px}.md-vip-grid>div{border-radius:7px;background:#f5f7fb;padding:10px;text-align:center;min-width:0}.md-vip-grid span{font-size:10px;color:#8b743f;display:block;margin-bottom:5px}.md-vip-grid strong{font-size:16px;color:#344b66;overflow-wrap:anywhere}.md-vip-grid small{font-size:10px;font-weight:400;color:#8a97a6}.md-status{background:#fff8e8;color:#8d6c33;border:1px solid #eadfc5;border-radius:8px;padding:15px;font-size:13px}.md-status[hidden],.mi-status[hidden]{display:none}.mi-overlay{position:fixed;inset:0;z-index:10050;background:#14233a88;display:flex;align-items:center;justify-content:center;padding:24px}.mi-dialog{background:#fff;border-radius:12px;width:min(1180px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 90px #10233f55;color:#25384d;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.mi-dialog>header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6ecf3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;z-index:1}.mi-dialog h2{font-size:21px;margin:4px 0 0}.mi-status{padding:24px;color:#876b3d}.mi-content{padding:20px 24px}.mi-profile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;background:#f7f9fc;border-radius:8px;padding:18px;margin:0 0 24px}.mi-profile dt{font-size:11px;color:#8a96a7;margin-bottom:5px}.mi-profile dd{margin:0;color:#374c64;font-size:13px;overflow-wrap:anywhere}.mi-wallet-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:0 0 12px}.mi-wallet-heading h3{font-size:16px;margin:0 0 5px}.mi-wallet-heading p,.mi-wallet-heading label{font-size:11px;color:#7e8ca0;margin:0;line-height:1.8}.mi-wallet-heading label{white-space:nowrap;cursor:pointer}.mi-wallet-scroll{overflow:auto}.mi-wallet-scroll table{width:100%;border-collapse:collapse;font-size:12px;min-width:650px}.mi-wallet-scroll th,.mi-wallet-scroll td{padding:12px 10px;border-bottom:1px solid #ebeff5;text-align:right;overflow-wrap:anywhere}.mi-wallet-scroll thead th{font-weight:500;font-size:11px;color:#8391a4;background:#f7f9fc}.mi-wallet-scroll th:first-child,.mi-wallet-scroll td:nth-child(2){text-align:left}.mi-wallet-scroll tbody th{font-weight:500;color:#536780}.mi-coverage{font-size:11px;color:#8895a8;line-height:1.8;margin-top:14px}.mi-dialog button:focus-visible,.mi-dialog input:focus-visible{outline:3px solid #84b9f3;outline-offset:3px}@media(max-width:1350px){.md-grid{grid-template-columns:1fr 1fr}.md-card:last-child{grid-column:1/-1}.md-card:last-child .md-periods{font-size:13px}.md-vip-grid{grid-template-columns:repeat(8,1fr)}}@media(max-width:850px){.md-grid{grid-template-columns:1fr}.md-card:last-child{grid-column:auto}.md-vip-grid{grid-template-columns:repeat(4,1fr)}.md-top h1{font-size:21px}.mi-profile{grid-template-columns:1fr 1fr}.mi-overlay{padding:10px}.mi-dialog>header,.mi-content{padding:16px}.mi-wallet-heading{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.md-periods th,.md-periods td{padding:9px 6px;font-size:11px}.md-periods tbody th,.md-periods thead th:first-child{padding-left:12px}.md-top{align-items:flex-start}.md-refresh{padding:9px 11px}.md-card>header{padding:15px 12px}.mi-profile{grid-template-columns:1fr}.mi-dialog{max-height:94vh}}
.mex-dashboard-host .md-periods{table-layout:auto;min-width:500px}.mex-dashboard-host .md-periods th{text-align:left!important}.mex-dashboard-host .md-periods thead th:not(:first-child),.mex-dashboard-host .md-periods td{text-align:right!important}.md-periods .md-number{white-space:nowrap;overflow-wrap:normal}.mi-dialog th:first-child,.mi-dialog td:nth-child(2){text-align:left!important}.mi-dialog td{text-align:right!important}.md-group th{white-space:nowrap}@media(max-width:850px){.md-top{flex-wrap:wrap}.md-top>div{min-width:180px}.md-table-scroll{overscroll-behavior-x:contain}.md-periods th,.md-periods td{padding-top:12px;padding-bottom:12px}}

/* Dashboard layout revision. Keep member dialog and application styles intact. */
.mex-dashboard-host{container:mex-dashboard / inline-size;line-height:1.6}
.mex-dashboard-host .md-top{padding:8px 2px 4px;margin-bottom:24px}
.mex-dashboard-host .md-top h1{font-size:28px;letter-spacing:.5px;margin:7px 0}
.mex-dashboard-host .md-eyebrow{font-size:12px;color:#947331}
.mex-dashboard-host .md-update{font-size:13px;color:#738198}
.mex-dashboard-host .md-refresh{padding:11px 20px;border-radius:9px;box-shadow:0 2px 6px #24344b05}
.mex-dashboard-host .md-grid{grid-template-columns:minmax(0,1fr);gap:26px}
.mex-dashboard-host .md-card{grid-column:auto;border:1px solid #e0e7f0;border-radius:14px;box-shadow:0 5px 20px #24344b05}
.mex-dashboard-host .md-card>header{padding:23px 28px;gap:15px;background:linear-gradient(110deg,#fbfcff,#fff);border-bottom:1px solid #e8edf5}
.mex-dashboard-host .md-step{width:42px;height:42px;border-radius:12px;font-size:14px;background:#f5efe1;color:#947024}
.mex-dashboard-host .md-card h2{font-size:21px;line-height:1.45;font-weight:650}
.mex-dashboard-host .md-card header p{font-size:13px;color:#77869b;margin-top:5px}
.mex-dashboard-host .md-table-scroll{width:100%;overflow:auto;overscroll-behavior-x:contain}
.mex-dashboard-host .md-periods{width:100%;min-width:0;table-layout:fixed;font-size:14px;line-height:1.65}
.mex-dashboard-host .md-card:last-child .md-periods{font-size:14px}
.mex-dashboard-host .md-periods th,.mex-dashboard-host .md-periods td{padding:15px 28px;border-bottom:1px solid #edf1f6;vertical-align:middle}
.mex-dashboard-host .md-periods th{text-align:left!important}
.mex-dashboard-host .md-periods td,.mex-dashboard-host .md-periods thead th:not(:first-child){text-align:right!important}
.mex-dashboard-host .md-periods thead th{font-size:12px;letter-spacing:.3px;font-weight:500;color:#77879c;background:#f8fafd;padding-top:13px;padding-bottom:13px}
.mex-dashboard-host .md-periods thead th:first-child{width:28%;padding-left:28px}
.mex-dashboard-host .md-periods thead th:last-child{color:#41628c;background:#f1f6fd}
.mex-dashboard-host .md-periods tbody th{padding-left:28px;font-weight:500;color:#50637c}
.mex-dashboard-host .md-periods td{color:#253f60;font-weight:500}
.mex-dashboard-host .md-periods td:last-child{background:#f8fbff;font-weight:650}
.mex-dashboard-host .md-periods .md-number{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.mex-dashboard-host .md-periods .md-unit{display:block;font-size:11px;font-weight:400;line-height:1.4;margin:2px 0 0;color:#8996a7}
.mex-dashboard-host .md-group th{background:#f2f5fa;color:#637994!important;font-size:12px!important;letter-spacing:.4px;padding-top:10px!important;padding-bottom:10px!important;font-weight:650!important}
.mex-dashboard-host .md-card-foot{flex-direction:row;flex-wrap:wrap;gap:12px 28px;padding:20px 28px 8px;font-size:13px}
.mex-dashboard-host .md-card-foot b{color:#2c4564}
.mex-dashboard-host .md-details{padding:0 28px 16px;font-size:12px;line-height:1.7}
.mex-dashboard-host .md-details summary{padding:9px 0;color:#3678bd}
.mex-dashboard-host .md-details summary:hover{color:#165caa}
.mex-dashboard-host .md-footnote{padding:10px 28px 23px;font-size:12px;color:#8190a3;line-height:1.8}
.mex-dashboard-host .md-wallet-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 28px 10px;align-items:start}
.mex-dashboard-host .md-wallet{padding:23px 25px 16px;border:1px solid #e4ebf3;border-radius:12px;background:linear-gradient(135deg,#f7faff,#fff);min-width:0}
.mex-dashboard-host .md-wallet:last-child{border-bottom:1px solid #e4ebf3}
.mex-dashboard-host .md-wallet:nth-child(2){background:linear-gradient(135deg,#f2faf7,#fff)}
.mex-dashboard-host .md-wallet:nth-child(3){background:linear-gradient(135deg,#f8f6fd,#fff)}
.mex-dashboard-host .md-wallet:nth-child(4){background:linear-gradient(135deg,#fcf8ef,#fff)}
.mex-dashboard-host .md-wallet-heading h3{font-size:16px;font-weight:650;color:#354b65}
.mex-dashboard-host .md-wallet-heading>span{font-size:11px;color:#8592a3}
.mex-dashboard-host .md-wallet-total{font-size:28px;font-weight:650;line-height:1.5;letter-spacing:.1px;margin-top:12px;color:#233e5e}
.mex-dashboard-host .md-wallet-total .md-unit{font-size:12px;font-weight:500;margin-left:6px;color:#8190a3}
.mex-dashboard-host .md-change{font-size:12px;gap:7px;margin-top:10px;min-height:22px}
.mex-dashboard-host .md-change b{font-size:14px}
.mex-dashboard-host .md-baseline{font-size:12px;margin-top:5px;line-height:1.8}
.mex-dashboard-host .md-wallet .md-details{padding:7px 0 0;margin-top:8px;border-top:1px solid #e8edf4}
.mex-dashboard-host .md-parts>div{padding:7px 0}
.mex-dashboard-host .md-order-grid{gap:18px;margin:24px 28px}
.mex-dashboard-host .md-order-grid article{padding:21px 24px;border-radius:12px;background:#f5fbf8;border-color:#e0eee7}
.mex-dashboard-host .md-order-grid article:last-child{background:#fff8f7;border-color:#f0e5e2}
.mex-dashboard-host .md-order-grid h3{font-size:14px;color:#597361;margin-bottom:6px}
.mex-dashboard-host .md-order-grid article:last-child h3{color:#9b6b66}
.mex-dashboard-host .md-order-grid strong{font-size:28px;color:#365b49;font-weight:650}
.mex-dashboard-host .md-order-grid article:last-child strong{color:#915f59}
.mex-dashboard-host .md-order-grid strong small{font-size:12px;margin-left:4px}
.mex-dashboard-host .md-order-grid p{font-size:13px;line-height:1.8;margin-top:7px}
.mex-dashboard-host .md-order-grid .md-unit{font-size:11px}
.mex-dashboard-host .md-subtitle{font-size:15px;margin:26px 28px 14px;color:#4d627c}
.mex-dashboard-host .md-vip-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:0 28px 12px}
.mex-dashboard-host .md-vip-grid>div{padding:15px 10px;border:1px solid #e9edf3;border-radius:10px;background:#fafbfd}
.mex-dashboard-host .md-vip-grid span{font-size:12px;margin-bottom:8px}
.mex-dashboard-host .md-vip-grid strong{font-size:22px;font-weight:600}
.mex-dashboard-host .md-vip-grid small{font-size:11px}
@container mex-dashboard (max-width:1000px){
 .mex-dashboard-host .md-periods th,.mex-dashboard-host .md-periods td{padding-left:18px;padding-right:18px}
 .mex-dashboard-host .md-periods thead th:first-child,.mex-dashboard-host .md-periods tbody th{padding-left:22px}
 .mex-dashboard-host .md-wallet{padding:19px 20px 14px}
 .mex-dashboard-host .md-wallet-total{font-size:24px}
 .mex-dashboard-host .md-vip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container mex-dashboard (max-width:680px){
 .mex-dashboard-host .md-top{flex-wrap:wrap;gap:12px;margin-bottom:18px}
 .mex-dashboard-host .md-top>div{min-width:0}
 .mex-dashboard-host .md-top h1{font-size:23px}
 .mex-dashboard-host .md-grid{gap:20px}
 .mex-dashboard-host .md-card>header{padding:19px 18px;gap:12px}
 .mex-dashboard-host .md-card h2{font-size:19px}
 .mex-dashboard-host .md-card header p{font-size:12px}
 .mex-dashboard-host .md-wallet-list{grid-template-columns:minmax(0,1fr);padding:18px 18px 6px;gap:14px}
 .mex-dashboard-host .md-periods{font-size:13px}
 .mex-dashboard-host .md-card:last-child .md-periods{font-size:13px}
 .mex-dashboard-host .md-periods th,.mex-dashboard-host .md-periods td{padding:13px 10px}
 .mex-dashboard-host .md-periods thead th:first-child,.mex-dashboard-host .md-periods tbody th{padding-left:18px}
 .mex-dashboard-host .md-order-grid{margin:18px;gap:12px}
 .mex-dashboard-host .md-order-grid article{padding:17px}
 .mex-dashboard-host .md-card-foot{padding:16px 18px 8px;font-size:12px}
 .mex-dashboard-host .md-details{padding-left:18px;padding-right:18px}
 .mex-dashboard-host .md-footnote{padding:10px 18px 18px;font-size:11px}
 .mex-dashboard-host .md-subtitle{margin:22px 18px 12px}
 .mex-dashboard-host .md-vip-grid{margin-left:18px;margin-right:18px;gap:8px}
}
@container mex-dashboard (max-width:440px){
 .mex-dashboard-host .md-periods{min-width:440px}
 .mex-dashboard-host .md-order-grid{grid-template-columns:minmax(0,1fr)}
 .mex-dashboard-host .md-wallet-total{font-size:23px}
 .mex-dashboard-host .md-vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mex-dashboard-host .md-wallet-heading{align-items:flex-start;flex-wrap:wrap}
}
