/* V9: one responsive header and coherent light/dark design tokens. */
:root{--header-h:76px;--surface-hover:#f1f3f5;--text-secondary:#67717c;--text-light:#7d8791;--ref-bg:var(--cmp-bg);--ref-surface:var(--cmp-card);--ref-surface-2:#f0f2f4;--ref-ink:var(--cmp-ink);--ref-muted:var(--cmp-muted);--ref-line:var(--cmp-line);--soft-orange:#faf0d7;--soft-teal:#e6f4ee;--soft-blue:#e8eef8;--mx-mint:#e1f1e9;--mx-lilac:#ede7f6;--mx-gold:#f7e9c5;--mx-contrast:#253c36}
html[data-theme=dark]{--cmp-bg:#000;--cmp-surface:#111315;--cmp-card:#171a1d;--cmp-ink:#f1f3f5;--cmp-muted:#b0b6bf;--cmp-line:#30353b;--primary:#e6c370;--primary-light:#f0d594;--primary-lighter:#edce88;--secondary:#e6c370;--accent:#e6c370;--bg:#000;--surface:#171a1d;--surface-hover:#24282d;--text:#f1f3f5;--text-secondary:#b0b6bf;--text-light:#a4adb8;--border:#30353b;--ref-bg:#000;--ref-surface:#171a1d;--ref-surface-2:#24282d;--ref-ink:#f1f3f5;--ref-muted:#b0b6bf;--ref-line:#30353b;--soft-orange:#372e1c;--soft-teal:#18382c;--soft-blue:#1c2e43;--mx-mint:#19372b;--mx-lilac:#2c243e;--mx-gold:#3a301c;--mx-contrast:#eff5f0;color-scheme:dark}
#cmpAppHeader{height:var(--cmp-header)!important;position:fixed!important;top:0!important;left:0;right:0;padding:0 24px!important;gap:18px!important;border-bottom:1px solid var(--cmp-line)!important;background:var(--cmp-surface)!important;box-shadow:none!important;display:flex!important;flex-wrap:nowrap!important;z-index:1200!important}
#cmpAppHeader .mc-brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--cmp-ink);padding:0;flex-shrink:0;text-align:left}#cmpAppHeader .mc-brand img{width:42px;height:42px;border-radius:50%;object-fit:contain}#cmpAppHeader .mc-brand strong{display:block;font-size:14px;letter-spacing:.025em}#cmpAppHeader .mc-brand small{display:block;font-size:10px;color:var(--cmp-orange);font-weight:700;letter-spacing:.12em;margin-top:2px}.mc-header-caption{font-size:12px;color:var(--cmp-muted);padding-left:22px;border-left:1px solid var(--cmp-line)}
#cmpAppHeader .mc-header-tools{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0}#cmpAppHeader .mc-header-button{display:inline-flex!important;justify-content:center;align-items:center;gap:8px;position:relative;width:40px;min-width:40px;height:40px;border-radius:50%;border:1px solid transparent;background:var(--cmp-bg);color:var(--cmp-ink);font-size:15px;box-shadow:none!important;flex-shrink:0}#cmpAppHeader .mc-header-button:hover{border-color:var(--cmp-line)}#cmpAppHeader .mc-header-history{width:auto;padding:0 16px;border-radius:12px;font-size:12px;font-weight:650;background:var(--mx-gold);color:var(--cmp-ink)}#cmpAppHeader .mc-menu{display:none!important}#cmpAppHeader #pwaInstallBtn{display:none!important}#cmpAppHeader #pwaInstallBtn[style*="flex"]{display:inline-flex!important}#cmpAppHeader #headerLogout{display:none!important}#cmpAppHeader #headerLogout.is-auth-visible{display:inline-flex!important}
#cmpAppHeader #userBadge{display:none!important;border:0;background:transparent;align-items:center;gap:8px;color:var(--cmp-ink);max-width:170px;padding:0}#cmpAppHeader #userBadge.is-auth-visible{display:flex!important}#cmpAppHeader #headerUserName{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#cmpAppHeader #avatarMini{flex-shrink:0;border:0!important;box-shadow:none!important;background:var(--mx-gold)!important;color:var(--cmp-ink)!important}#cmpAppHeader #langLabel{font-size:11px;font-weight:700}
#desktopNav .nav-link.active{background:var(--mx-gold)!important;color:var(--cmp-ink)!important;box-shadow:none!important}#desktopNav .nav-link{min-height:43px!important}.mc-history-banner{display:flex;align-items:center;gap:13px;background:var(--cmp-card);border:1px solid var(--cmp-line);border-radius:17px;padding:15px 18px;color:var(--cmp-ink);text-align:left;width:100%}.mc-history-banner>span:nth-child(2){flex:1;min-width:0}.mc-history-banner strong{display:block;font-size:14px}.mc-history-banner small{display:block;color:var(--cmp-muted);font-size:11px;margin-top:4px}.mc-history-emblem{width:40px;height:40px;background:var(--mx-gold);display:grid;place-items:center;border-radius:13px;color:var(--cmp-orange);flex-shrink:0}.mc-history-banner:hover{border-color:var(--cmp-orange)}.mc-history-link{white-space:nowrap!important;color:var(--cmp-ink)!important;background:var(--mx-gold)!important;border-color:transparent!important}
.mx-content{display:flex;flex-direction:column;gap:30px;margin-top:32px}.mx-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:17px}.mx-section-head small{font-size:10px;letter-spacing:.12em;color:var(--cmp-muted);font-weight:650}.mx-section-head h2{font-size:21px;letter-spacing:-.6px;margin:5px 0 0}.mx-controls{display:flex;gap:7px;flex-shrink:0}.mx-controls button{width:36px;height:36px;border-radius:50%;border:1px solid var(--cmp-line);background:var(--cmp-card);color:var(--cmp-ink)}.mx-slide-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px;overscroll-behavior-x:contain}.mx-slide-track::-webkit-scrollbar,.mx-tips-track::-webkit-scrollbar{display:none}.mx-slide{min-width:100%;width:100%;flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;padding:36px 40px;box-sizing:border-box;color:var(--cmp-ink);min-height:300px;overflow:hidden}.mx-slide.mint{background:var(--mx-mint)}.mx-slide.lilac{background:var(--mx-lilac)}.mx-slide.gold{background:var(--mx-gold)}.mx-slide small{font-size:10px;font-weight:700;letter-spacing:.12em}.mx-slide h3{font-size:32px;line-height:1.12;font-weight:700;letter-spacing:-1px;margin:14px 0}.mx-slide p{font-size:13px;line-height:1.7;max-width:470px;margin:0 0 18px;color:var(--cmp-ink)}.mx-slide .cmp-btn{background:var(--cmp-card);font-size:12px}.mx-slide-art{height:220px;position:relative;display:grid;place-items:center;isolation:isolate}.mx-slide-art>i{font-size:94px;color:var(--mx-contrast);z-index:1}.mx-orbit{position:absolute;width:200px;height:200px;border:1px solid currentColor;opacity:.15;border-radius:50%}.mx-orbit:before,.mx-orbit:after{content:'';position:absolute;inset:20px;border:1px solid currentColor;border-radius:50%}.mx-orbit:after{inset:-25px}.mx-art-badge{position:absolute;bottom:14px;right:25%;width:50px;height:50px;background:var(--cmp-card);color:var(--cmp-ink);border-radius:17px;display:grid;place-items:center;transform:rotate(-10deg);z-index:2;font-size:21px}.mx-slide-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 3px 0;font-size:11px;color:var(--cmp-muted)}.mx-dots{display:flex;gap:7px}.mx-dots button{border:0;width:8px;height:8px;border-radius:10px;background:var(--cmp-line);padding:0}.mx-dots button[aria-current=true]{width:26px;background:var(--cmp-orange)}.mx-tips-track{display:flex;overflow:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.mx-tip-card{position:relative;text-align:left;flex:0 0 calc((100% - 48px)/4);min-width:230px;scroll-snap-align:start;background:var(--cmp-card);border:1px solid var(--cmp-line);border-radius:20px;padding:25px 22px;color:var(--cmp-ink);display:flex;flex-direction:column;align-items:flex-start}.mx-tip-card>i{font-size:25px;color:var(--cmp-orange);padding-bottom:26px}.mx-tip-number{position:absolute;top:20px;right:20px;color:var(--cmp-muted);font-size:11px}.mx-tip-card h3{font-size:16px;line-height:1.3;margin:0 0 10px}.mx-tip-card p{font-size:12px;color:var(--cmp-muted);line-height:1.7;margin:0 0 20px}.mx-tip-link{margin-top:auto;font-size:12px;font-weight:650}.mx-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mx-step{padding:20px;border:1px solid var(--cmp-line);border-radius:17px;display:flex;align-items:center;text-align:left;gap:12px;background:var(--cmp-card);color:var(--cmp-ink)}.mx-step>span{width:35px;height:35px;flex-shrink:0;border-radius:50%;background:var(--mx-gold);display:grid;place-items:center;font-size:12px}.mx-step h3{font-size:14px;margin:0 0 5px}.mx-step p{font-size:11px;color:var(--cmp-muted);line-height:1.6;margin:0}.mx-step>i{margin-left:auto;font-size:11px}.mx-support{background:var(--mx-mint);border-radius:20px;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:18px}.mx-support h2{font-size:18px;margin:12px 0 7px}.mx-support p{font-size:12px;line-height:1.7;margin:0;color:var(--cmp-muted)}.mx-support .cmp-btn{flex-shrink:0;font-size:12px}.mx-reveal.mx-visible{animation:mx-reveal .45s ease both;animation-delay:var(--reveal-delay,0ms)}@keyframes mx-reveal{from{opacity:.4;transform:translateY(15px)}to{opacity:1;transform:none}}
/* History: operators and transaction dates are always visible, full metadata expands. */
.swal2-popup.mh-modal{width:min(1050px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;padding:22px!important}.mh-modal .swal2-html-container{margin:14px 0 0!important;color:var(--cmp-ink)!important;overflow-x:hidden!important}.mh-modal .swal2-title{font-size:21px!important;padding-right:20px!important}.mh-modal .swal2-close{color:var(--cmp-muted)!important}.mh-view,.mh-hub{text-align:left}.mh-hub>p{font-size:13px;color:var(--cmp-muted);line-height:1.7}.mh-hub h3{font-size:15px;margin:24px 0 12px;display:flex;gap:8px;align-items:center}.mh-hub h3 small{margin-left:auto;background:var(--cmp-bg);padding:5px 10px;border-radius:12px}.mh-account{display:flex;width:100%;align-items:center;gap:13px;padding:15px 4px;border:0;border-bottom:1px solid var(--cmp-line);text-align:left;background:transparent;color:var(--cmp-ink)}.mh-account strong{font-size:13px}.mh-account small{display:block;font-size:11px;color:var(--cmp-muted);margin-top:4px}.mh-account-icon{background:var(--mx-gold);border-radius:12px;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0}.mh-account-end{margin-left:auto;text-align:right;font-weight:650;font-size:13px}.mh-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.mh-toolbar .cmp-btn{font-size:12px}.mh-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.mh-summary>div{background:var(--cmp-bg);border-radius:13px;padding:15px;min-width:0}.mh-summary small{display:block;font-size:11px;color:var(--cmp-muted);line-height:1.5}.mh-summary strong{display:block;font-size:20px;margin-top:7px;overflow-wrap:anywhere}.mh-account-details{border:1px solid var(--cmp-line);border-radius:14px;padding:14px}.mh-account-details>summary{cursor:pointer;font-size:13px;font-weight:650}.mh-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px;margin:19px 0 5px}.mh-field{min-width:0}.mh-field dt{font-size:10px;color:var(--cmp-muted);margin-bottom:5px}.mh-field dd{font-size:12px;font-weight:600;overflow-wrap:anywhere;margin:0;line-height:1.55}.mh-note{font-size:11px;color:var(--cmp-muted);line-height:1.7;margin:15px 0}.mh-filters{display:grid;grid-template-columns:minmax(160px,1.5fr) 1fr 1fr 1fr auto;gap:10px;align-items:end;background:var(--cmp-bg);padding:14px;border-radius:14px}.mh-filters label{font-size:10px;color:var(--cmp-muted);min-width:0;display:block}.mh-filters input,.mh-filters select{display:block;width:100%;min-width:0;margin-top:6px;height:40px;border:1px solid var(--cmp-line);background:var(--cmp-card);color:var(--cmp-ink);padding:8px;border-radius:8px;font-size:12px}.mh-count{font-size:11px;color:var(--cmp-muted);padding:16px 0}.mh-record{border:1px solid var(--cmp-line);border-radius:15px;margin-bottom:10px;background:var(--cmp-card);overflow:hidden}.mh-record summary{display:flex;align-items:center;gap:13px;padding:17px;cursor:pointer;list-style:none}.mh-record summary::-webkit-details-marker{display:none}.mh-operation-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:var(--mx-mint);color:var(--cmp-green)}.mh-operation-icon.out{background:var(--mx-gold);color:var(--cmp-orange)}.mh-record-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.mh-record-title strong{font-size:13px}.mh-record-title strong small{font-size:10px;font-weight:400;color:var(--cmp-muted);margin-left:4px}.mh-record-title>span{font-size:11px;color:var(--cmp-muted);overflow-wrap:anywhere}.mh-amount{font-size:16px;font-weight:700;flex-shrink:0;text-align:right}.mh-amount small{display:block;font-size:10px;color:var(--cmp-muted);font-weight:400;margin-top:8px}.mh-record[open]{border-color:var(--cmp-orange)}.mh-record[open] summary{background:var(--cmp-bg)}.mh-record[open] .fa-chevron-down{transform:rotate(180deg)}.mh-record-body{padding:0 18px 18px}.mh-description{margin-top:20px;padding:14px;background:var(--cmp-bg);border-radius:12px;font-size:12px}.mh-description strong{font-size:11px}.mh-description p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cmp-muted);line-height:1.7;margin:7px 0 0}.mh-empty{text-align:center;padding:22px;font-size:13px;color:var(--cmp-muted)}.mh-more{margin:16px auto}.mh-more[hidden]{display:none!important}.mh-bottom-actions{margin-top:22px;margin-bottom:0}
/* Theme consistency for earlier pages and inline styles. */
html[data-theme=dark] #app,html[data-theme=dark] #pageContainer,html[data-theme=dark] #pageContainer .page-wrapper,html[data-theme=dark] #pageContainer .page-content{background:#000!important;color:var(--cmp-ink)!important}html[data-theme=dark] #cmpAppHeader,html[data-theme=dark] #desktopNav,html[data-theme=dark] #app>.app-footer{background:var(--cmp-surface)!important}html[data-theme=dark] .cmp-card,html[data-theme=dark] .preferences-card,html[data-theme=dark] .preference-option,html[data-theme=dark] .ref-card,html[data-theme=dark] .modal-sheet,html[data-theme=dark] .modal-body,html[data-theme=dark] .swal2-popup,html[data-theme=dark] .webview-modal{background:var(--cmp-card)!important;color:var(--cmp-ink)!important;border-color:var(--cmp-line)!important}html[data-theme=dark] .preferences-hero,html[data-theme=dark] .cmp-profile-primary,html[data-theme=dark] .cmp-card.dark{background:#20282e!important;color:#f1f3f5!important}html[data-theme=dark] .preference-option.active{border-color:#e6c370!important;background:#332c1d!important}html[data-theme=dark] .cmp-profile-primary .cmp-tag{background:#30383f!important;color:#eee!important}html[data-theme=dark] .cmp-btn,html[data-theme=dark] .ref-btn.alt{background:#252a30;color:#f1f3f5;border-color:var(--cmp-line)}html[data-theme=dark] .cmp-btn.accent,html[data-theme=dark] .btn-primary{background:#e6c370!important;color:#252015!important;border-color:#e6c370!important}html[data-theme=dark] .cmp-card.orange,html[data-theme=dark] .mc-wallet-top{background:var(--mx-gold)!important;color:#f4dfa6!important}html[data-theme=dark] .mc-loan{background:#e6c370;color:#241f15}html[data-theme=dark] .cmp-card.orange [style*="color"],html[data-theme=dark] .cmp-card.orange .cmp-label,html[data-theme=dark] .cmp-card.orange .cmp-small,html[data-theme=dark] .cmp-card.orange .cmp-row-meta{color:#f4dfa6!important}html[data-theme=dark] .mc-bank-card{background:#273542}html[data-theme=dark] .mc-bank-card.sage{background:#24443f;color:#deeeea}html[data-theme=dark] .modal-header,html[data-theme=dark] .webview-modal-header{background:#242b31!important;color:#f1f3f5!important}html[data-theme=dark] .modal-header h2,html[data-theme=dark] .modal-header p,html[data-theme=dark] .modal-header i{color:#f1f3f5!important}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#101315!important;color:#f1f3f5!important;border-color:#3d444d!important}html[data-theme=dark] .cmp-table,html[data-theme=dark] .cmp-table tr,html[data-theme=dark] .cmp-table td{background:var(--cmp-card);color:var(--cmp-ink)}html[data-theme=dark] .cmp-table th{background:#22272c;color:#cbd0d7}html[data-theme=dark] .cmp-tag,html[data-theme=dark] .cmp-contact,html[data-theme=dark] .cmp-detail-item{background:#22272c;color:#f1f3f5}html[data-theme=dark] .mc-wallet-bottom strong{color:#edce88}.cmp-card.orange [style*="color:#fff"],.cmp-card.orange [style*="color:rgba(255"]{color:#59461e!important}html[data-theme=dark] .footer-btn.active{color:#f4d995!important}html[data-theme=dark] .footer-btn.active i{background:#4a3a19!important;color:#f4d995!important}
@media(min-width:901px){#desktopNav{top:var(--cmp-header)!important;transform:none!important;width:var(--cmp-sidebar)!important}#app>.app-footer{display:none!important}#mobileNavBackdrop{display:none!important}.mc-header-member{flex-shrink:0}}
@media(min-width:901px) and (max-width:1190px){.mc-header-caption{display:none}#cmpAppHeader{gap:12px!important;padding:0 18px!important}#cmpAppHeader #headerPreferencesBtn{display:none!important}.mx-slide h3{font-size:28px}.mx-steps-grid{grid-template-columns:1fr}}
@media(max-width:900px){:root{--cmp-header:calc(64px + env(safe-area-inset-top));--header-h:var(--cmp-header)}#cmpAppHeader{padding:env(safe-area-inset-top) 14px 0!important;gap:9px!important}.mc-header-caption{display:none}#cmpAppHeader .mc-menu{display:inline-flex!important;background:transparent!important;width:32px;min-width:32px}#cmpAppHeader .mc-brand{gap:6px}#cmpAppHeader .mc-brand img{width:31px;height:31px}#cmpAppHeader .mc-brand strong{font-size:11px}#cmpAppHeader .mc-brand small{font-size:8px}#cmpAppHeader .mc-header-tools{gap:5px}#cmpAppHeader .mc-header-button{width:34px;height:36px;min-width:34px;font-size:14px}#cmpAppHeader #themeToggle,#cmpAppHeader #langToggle,#cmpAppHeader #headerNotificationBtn{display:inline-flex!important}#cmpAppHeader .mc-header-history,#cmpAppHeader #headerPreferencesBtn,#cmpAppHeader #headerLogout,#cmpAppHeader #headerLogout.is-auth-visible,#cmpAppHeader #pwaInstallBtn,#cmpAppHeader #pwaInstallBtn[style*="flex"],#cmpAppHeader #userBadge.is-auth-visible{display:none!important}#desktopNav{padding-top:calc(14px + env(safe-area-inset-top))!important}#app>.app-footer{display:flex!important}.mc-history-banner{padding:12px 13px;gap:10px}.mc-history-banner strong{font-size:13px}.mc-history-banner small{font-size:10px}.mx-content{gap:27px;margin-top:28px}.mx-section-head h2{font-size:18px}.mx-section-head small{font-size:9px}.mx-controls{gap:5px}.mx-controls button{width:31px;height:31px;font-size:11px}.mx-slide{padding:25px;min-height:280px;grid-template-columns:minmax(0,1fr) 100px;gap:10px}.mx-slide h3{font-size:24px}.mx-slide p{font-size:12px}.mx-slide-art{height:160px}.mx-slide-art>i{font-size:58px}.mx-orbit{width:100px;height:100px}.mx-art-badge{width:32px;height:32px;font-size:15px;bottom:20px;right:0;border-radius:10px}.mx-tip-card{flex-basis:70%;min-width:225px;max-width:300px;padding:22px}.mx-steps-grid{grid-template-columns:1fr}.mx-support{align-items:flex-start;flex-direction:column;padding:22px}.mx-support h2{font-size:17px}.mh-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mh-filters{grid-template-columns:1fr 1fr}.mh-filters>label:first-child{grid-column:1/-1}.mh-filters>button{height:40px;width:44px}.mh-record summary{padding:13px 11px;gap:8px}.mh-record-title strong{font-size:12px}.mh-record-title>span{font-size:10px}.mh-amount{font-size:13px}.mh-operation-icon{width:30px;height:34px;font-size:12px}.mh-modal .swal2-title{font-size:18px!important}.swal2-popup.mh-modal{padding:17px 12px!important}.mh-toolbar .cmp-btn{padding:9px;font-size:10px}.mh-account{gap:8px}.mh-account-end{font-size:12px}.mh-account-icon{width:32px;height:36px}.mh-summary strong{font-size:18px}.mh-record-body{padding:0 12px 13px}.mh-field dt{font-size:10px}.mh-field dd{font-size:11px}}
@media(max-width:370px){#cmpAppHeader{gap:5px!important;padding-left:9px!important;padding-right:9px!important}#cmpAppHeader .mc-header-tools{gap:2px}#cmpAppHeader .mc-brand img{width:27px;height:27px}.mx-slide{grid-template-columns:1fr;padding:24px}.mx-slide-art{display:none}.mx-section-head{align-items:flex-start}.mx-controls{gap:3px}.mx-controls button{width:28px;height:28px}.mh-fields{grid-template-columns:1fr}.mh-amount{max-width:100px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.mx-reveal.mx-visible{animation:none!important}.mx-slide-track,.mx-tips-track{scroll-behavior:auto!important}}
#cmpAppHeader .mc-header-tools>button{order:0!important}#cmpAppHeader #themeToggle{order:0!important}
@media(max-width:900px){#cmpAppHeader #headerNotificationBtn,#cmpAppHeader #langToggle,#cmpAppHeader #themeToggle{width:34px!important;min-width:34px!important;height:36px!important;border-radius:50%!important}}
/* Keep financial histories immediately opaque and avoid narrow slide text collisions. */
.swal2-popup.mh-modal{animation:none!important;opacity:1!important;transform:none!important}
@media(max-width:520px){.mx-slide{grid-template-columns:1fr;min-height:300px}.mx-slide-art{display:none}.mx-slide h3{font-size:26px;overflow-wrap:break-word}}