/* HiPayX presentation system. Auth flows and financial actions are unchanged. */
.hx-icon{display:inline-block;flex:0 0 auto;width:20px;height:20px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.hx-fx{--icon:url('/assets/icon-arrow-left-right.svg')}.hx-globe{--icon:url('/assets/icon-globe.svg')}.hx-wallet{--icon:url('/assets/icon-wallet.svg')}.hx-arrow{--icon:url('/assets/icon-arrow-up-right.svg')}.hx-users{--icon:url('/assets/icon-users-round.svg')}.hx-receipt{--icon:url('/assets/icon-receipt-text.svg')}.hx-menu{--icon:url('/assets/icon-menu.svg')}.hx-close{--icon:url('/assets/icon-x.svg')}.hx-eye{--icon:url('/assets/icon-eye.svg')}.hx-eye-off{--icon:url('/assets/icon-eye-off.svg')}
html:root body:is(.hx-auth,.hx-kyc,.hx-portal){font-size:14px;line-height:1.5;letter-spacing:0;background:#020811;color:#f5f9fc}
html:root body:is(.hx-auth,.hx-kyc){padding-bottom:0}
html:root body:is(.hx-auth,.hx-kyc) .header{height:90px;max-width:1240px;margin:auto;padding:0 40px;border:0;gap:24px}
html:root body:is(.hx-auth,.hx-kyc) .header .brand img{width:184px;height:62px}
html:root body:is(.hx-auth,.hx-kyc) .brand-divider{height:22px;background:#294253}
html:root body:is(.hx-auth,.hx-kyc) .product{font-size:13px;color:#b7cbd9;font-weight:500}
html:root body:is(.hx-auth,.hx-kyc) .languages{margin-left:auto;display:flex;gap:4px}
html:root body:is(.hx-auth,.hx-kyc) .languages button{min-height:40px;padding:8px 12px;font-size:13px}
html:root body.hx-auth main{width:calc(100% - 80px);max-width:1080px;margin:30px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:100px;min-height:660px;border:0;box-shadow:none;background:transparent}
html:root body.hx-auth main::before{display:none}
.hx-identity{display:flex;flex-direction:column;align-items:flex-start;padding:35px 0;min-width:0}
.hx-overline{margin:0 0 26px;color:#8ad4ed;font-size:11px;font-weight:500}
.hx-statement p{font-family:'Work Sans',Arial,sans-serif;font-weight:600;font-size:50px;line-height:1.12;margin:0 0 8px;color:#f5f9fc}
.hx-statement .hx-accent{color:#8ad4ed}
.hx-description{font-size:16px;line-height:1.75;max-width:355px;color:#a8bac7;margin:23px 0 35px}
.hx-services{display:grid;width:100%;max-width:355px;margin-top:auto;border-top:1px solid #1b3343;padding-top:20px;gap:18px}
.hx-services>div{display:flex;align-items:center;gap:16px;color:#d3e1eb;font-size:13px}
.hx-services .hx-icon{color:#8ad4ed;width:18px;height:18px}
html:root body.hx-auth .workspace{padding:36px 0 20px;background:transparent;border:0;display:flex;flex-direction:column}
html:root body.hx-auth .login{max-width:420px;width:100%;margin:0}
html:root body.hx-auth .workspace .eyebrow{display:none}
html:root body.hx-auth h1{font-size:30px;line-height:1.25;margin:0 0 10px;font-weight:600}
html:root body.hx-auth .intro{font-size:14px;margin:0 0 28px;line-height:1.6;color:#a8bac7}
html:root body.hx-auth .preview{padding:0;border:0;background:transparent;font-size:12px;margin:0 0 24px;color:#94b9c9;line-height:1.5}
html:root body.hx-auth .preview .dot{width:5px;height:5px;box-shadow:none;background:#8ad4ed}
html:root body.hx-auth .fields{gap:0}
html:root body.hx-auth .fields label{font-size:13px;font-weight:500;margin:0 0 8px;color:#e5eef5}
html:root body.hx-auth .fields input{height:48px;min-height:48px;padding:12px 14px;margin:0 0 22px;border:1px solid #2d4759;border-radius:5px;background:#081521;color:#f5f9fc;font-size:14px}
html:root body.hx-auth .fields input:hover{border-color:#53738a}
html:root body.hx-auth .fields input:focus{border-color:#8ad4ed;outline:2px solid #8ad4ed;outline-offset:2px}
html:root body.hx-auth .submit{margin-top:18px;min-height:48px;padding:12px 18px;border-radius:5px;font-size:14px;font-weight:500;background:#8ad4ed;color:#052032;box-shadow:none}
html:root body.hx-auth .submit:hover{background:#b0e8fa;box-shadow:none;transform:none}
html:root body.hx-auth .submit:disabled{background:#294453;color:#b2c7d4}
html:root body.hx-auth .support{margin:26px 0 0;padding-top:22px;border-top:1px solid #1b3343;font-size:13px;justify-content:flex-start;gap:8px;color:#a8bac7}
html:root body.hx-auth .support a{font-weight:500;color:#8ad4ed}
html:root body.hx-auth .workspace footer{padding:28px 0 0;margin-top:auto;border:0;font-size:11px;color:#97adbd}
html:root body.hx-auth .slide-heading{font-size:10px;color:#a8bac7;margin-top:0}
html:root body.hx-auth #human-track{height:46px;border-color:#294658;background:#081521;border-radius:5px}
html:root body.hx-auth #human-handle{top:3px;left:3px;height:38px;width:38px;border-radius:3px}
html:root body.hx-auth .slide-text{font-size:12px;color:#aec4d3}
html:root body.hx-auth .password-hint{color:#a8bac7;margin:-10px 0 12px;font-size:12px}
html:root body.hx-auth .hx-password{position:relative;min-width:0;margin-bottom:22px}
html:root body.hx-auth .hx-password input{width:100%;margin:0;padding-right:48px}
html:root body.hx-auth .hx-password-toggle{position:absolute;right:4px;top:4px;padding:8px;min-height:40px;width:40px;display:grid;place-items:center;border:0;background:transparent;color:#a8bac7;border-radius:3px;cursor:pointer}
html:root body.hx-auth .hx-password-toggle:hover{color:#8ad4ed;background:#102b3a}
html:root body:is(.hx-auth,.hx-kyc) .demo-notice{position:static!important;margin:35px auto 0;padding:14px 20px!important;max-width:none;background:#020811!important;color:#8da6b7!important;border-top:1px solid #1b3343;font-size:11px!important}
/* A consistent, quiet navigation rail and unframed business workspace. */
html:root body.hx-portal .portal-layout{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100svh}
html:root body.hx-portal .portal-sidebar{position:sticky;top:0;height:100svh;width:auto;padding:25px 18px 20px;background:#040d17;border-right:1px solid #19303f}
html:root body.hx-portal .portal-brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 12px 27px;gap:3px}
html:root body.hx-portal .portal-brand img{width:165px;height:55px;border:0;background:transparent}
html:root body.hx-portal .portal-brand small{font-size:10px;color:#8ca9bb}
html:root body.hx-portal .portal-merchant{padding:15px 12px;margin:0 0 24px;border:0;border-top:1px solid #1b3343;border-bottom:1px solid #1b3343;border-radius:0;background:transparent;gap:4px}
html:root body.hx-portal .portal-merchant>span{font-size:11px;color:#8ea9bb}
html:root body.hx-portal .portal-merchant strong{font-size:14px;font-weight:500;color:#e9f2f8}
html:root body.hx-portal .portal-merchant small{font-size:11px;color:#8ea9bb}
html:root body.hx-portal .portal-sidebar nav[aria-label="Merchant navigation"]{display:grid;gap:5px}
html:root body.hx-portal .portal-sidebar nav>a,html:root body.hx-portal .portal-sidebar .portal-nav-group summary{position:relative;padding:12px 26px 12px 40px;min-height:46px;border:0;border-radius:5px;color:#c4d7e5;background:transparent;line-height:1.4;display:block}
html:root body.hx-portal .portal-sidebar nav>a strong,html:root body.hx-portal .portal-sidebar .portal-nav-group summary strong{font-size:13px;font-weight:500;color:inherit;line-height:1.45}
html:root body.hx-portal .portal-sidebar nav>a.active{background:#102e40;color:#9fe4fa;box-shadow:inset 2px 0 #8ad4ed}
html:root body.hx-portal .portal-sidebar nav>a:hover,html:root body.hx-portal .portal-sidebar .portal-nav-group summary:hover{background:#0c2130;color:#e9f6fc}
html:root body.hx-portal .portal-sidebar .portal-nav-group summary small,html:root body.hx-portal .portal-sidebar nav>a>span{display:none}
html:root body.hx-portal .portal-sidebar nav>a:before,html:root body.hx-portal .portal-nav-group summary:before{content:"";position:absolute;left:13px;top:14px;width:18px;height:18px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.hx-portal nav>a[href="/dashboard"]{--icon:url('/assets/icon-layout-dashboard.svg')}.hx-portal nav>a[href="/fx"]{--icon:url('/assets/icon-arrow-left-right.svg')}.hx-portal nav>a[href="/internal-transfers"]{--icon:url('/assets/icon-arrow-left-right.svg')}.hx-portal nav>a[href="/account"]{--icon:url('/assets/icon-shield-check.svg')}.hx-portal .portal-nav-group[data-nav-group="fx"]{--icon:url('/assets/icon-arrow-left-right.svg')}.hx-portal .portal-nav-group[data-nav-group="payout"],.hx-portal .portal-nav-group[data-nav-group="remittance"]{--icon:url('/assets/icon-landmark.svg')}.hx-portal .portal-nav-group[data-nav-group="cny"]{--icon:url('/assets/icon-wallet.svg')}.hx-portal .portal-nav-group[data-nav-group="treasury"]{--icon:url('/assets/icon-receipt-text.svg')}
html:root body.hx-portal .portal-nav-group summary::after{top:19px;right:12px;width:6px;height:6px;border-width:1px}
html:root body.hx-portal .portal-nav-children{margin:4px 0 7px 21px;padding:0 0 0 15px;border-color:#294353;gap:2px}
html:root body.hx-portal .portal-nav-children a{padding:9px 10px;min-height:38px;border:0;color:#a4bed0}
html:root body.hx-portal .portal-nav-children a strong{font-size:12px;font-weight:400}
html:root body.hx-portal .portal-nav-children a.active{background:#102e40;color:#9fe4fa}
html:root body.hx-portal .portal-sidebar-foot{border:0;padding:30px 12px 0;font-size:10px;line-height:1.6;color:#8ca9bb}
html:root body.hx-portal .portal-topbar{min-height:76px;padding:14px 36px;background:#020811;border-color:#19303f;gap:16px}
html:root body.hx-portal .portal-topbar>div:first-of-type{gap:2px}
html:root body.hx-portal .portal-topbar strong{font-size:13px;font-weight:500}
html:root body.hx-portal .portal-topbar span{font-size:11px;color:#99b3c5}
html:root body.hx-portal .portal-main{padding:32px 36px 48px;max-width:1480px;margin:auto}
html:root body.hx-portal .portal-page-head{margin-bottom:34px;align-items:center}
html:root body.hx-portal .portal-page-head h1{font-size:30px;font-weight:600;line-height:1.25}
html:root body.hx-portal .portal-page-head p{font-size:12px;margin-top:8px;color:#9cb5c6}
html:root body.hx-portal .portal-secure-mark{background:transparent;border-color:#294658;color:#8eb9cc;font-size:10px;padding:7px 10px}
html:root body.hx-portal .merchant-content{display:grid;gap:30px;min-width:0}
html:root body.hx-portal .merchant-content>*{min-width:0}
html:root body.hx-portal .portal-section{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
html:root body.hx-portal .portal-section>header{padding:0 0 18px;min-height:0;background:transparent;border:0;display:flex;flex-direction:row;text-align:left;align-items:center;justify-content:space-between;gap:20px}
html:root body.hx-portal .portal-section h2{font-size:16px;font-weight:500}
html:root body.hx-portal .table-scroll{overflow-x:auto;max-width:100%;width:100%;min-width:0;border:1px solid #1b3343;border-radius:6px;background:#081521}
html:root body.hx-portal table{margin:0;width:100%;min-width:600px;border-collapse:collapse}
html:root body.hx-portal th{height:46px;font-size:12px;font-weight:500;color:#a9c5d8;background:#0b1c2a;padding:12px 16px}
html:root body.hx-portal td{height:52px;padding:14px 16px;font-size:14px;color:#e5f0f8}
html:root body.hx-portal th.hx-number{text-align:right}
html:root body.hx-portal .panel-body{padding:0 0 24px}
html:root body.hx-portal .address-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1000px}
html:root body.hx-portal .address-form label{font-size:12px;font-weight:500;gap:9px;color:#aec5d5}
html:root body.hx-portal .address-form input{height:46px;border-radius:5px;background:#081521;border-color:#294658}
.hx-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.hx-section-heading h2{font-size:16px;font-weight:500;margin:0}
html:root body.hx-portal .hx-text-link{display:inline-flex;gap:6px;align-items:center;color:#8ad4ed;font-size:12px}
.hx-text-link .hx-icon{width:16px;height:16px}
.hx-wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hx-wallet-item{min-width:0;border:1px solid #243e50;border-radius:6px;background:#081521;padding:20px}
.hx-wallet-item header{display:flex;flex-direction:column;gap:3px;margin:0 0 24px}
.hx-wallet-item header>span:last-child{font-size:11px;color:#97b4c8}
.hx-currency{font-size:14px;font-weight:500;color:#9adef6}
.hx-balance-label{font-size:11px;color:#a8bac7}
.hx-balance{font-size:30px;line-height:1.3;font-weight:500;display:block;margin-top:5px;color:#f5f9fc;white-space:nowrap;font-variant-numeric:tabular-nums}
.hx-balance small{font-size:11px;color:#a0b9c9;font-weight:400}
.hx-wallet-item dl{display:grid;gap:8px;border-top:1px solid #1b3343;padding-top:16px;margin:18px 0 0;font-size:11px}
.hx-wallet-item dl>div{display:flex;justify-content:space-between;gap:10px}
.hx-wallet-item dt{color:#93adbe}.hx-wallet-item dd{margin:0;color:#d6e5ef;font-variant-numeric:tabular-nums}
.hx-quick-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:6px}
html:root body.hx-portal .hx-quick-actions>a{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #29495e;border-radius:5px;background:transparent;color:#c7e7f5;font-size:12px;font-weight:500}
html:root body.hx-portal .hx-quick-actions>a:first-child{color:#052032;background:#8ad4ed;border-color:#8ad4ed}
html:root body.hx-portal .hx-quick-actions>a:hover{border-color:#8ad4ed}
.hx-quick-actions .hx-icon{width:16px;height:16px}
.hx-empty{padding:42px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;border-bottom:1px solid #1b3343;text-align:center;background:transparent}
.hx-empty>.hx-icon{width:28px;height:28px;color:#6792a9;margin-bottom:5px}
.hx-empty>strong{font-size:14px;font-weight:500;color:#cde0eb}.hx-empty>span{font-size:12px;max-width:350px;color:#8eaabb}
html:root body.hx-portal :is(.hx-menu-button,.hx-menu-close,.hx-nav-backdrop,.hx-mobile-brand){display:none}
html:root body.hx-portal .wv-language summary{height:36px;width:36px;border-color:#294658;background:transparent}
/* KYC keeps the same fields and document controls with the same visual rhythm. */
html:root body.hx-kyc .kyc-shell{border:0;max-width:1160px;margin:25px auto 35px;min-height:650px;grid-template-columns:240px minmax(0,1fr);background:transparent}
html:root body.hx-kyc .kyc-sidebar{background:transparent;border-right:1px solid #1b3343;padding:28px 26px 28px 0}
html:root body.hx-kyc .kyc-sidebar h1{font-size:24px}
html:root body.hx-kyc .kyc-content{padding:28px 0 28px 42px;background:transparent}
html:root body.hx-kyc .kyc-field input,html:root body.hx-kyc .kyc-field select,html:root body.hx-kyc .kyc-field textarea{background:#081521;font-size:14px;border-color:#294658;min-height:46px}
html:root body.hx-kyc #steps button{font-size:13px;line-height:1.5;border-radius:4px}
html:root body.hx-kyc .kyc-page-header h2{font-size:26px}
html:root body.hx-kyc #kyc-form>.document-note{padding-top:18px;margin-top:0;line-height:1.7}
@media(min-width:1001px) and (max-width:1250px){.hx-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html:root body.hx-portal .portal-main{padding:28px}html:root body.hx-auth main{gap:60px}.hx-statement p{font-size:44px}}
@media(max-width:1000px){
 html:root body.hx-auth main{gap:48px;grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.hx-statement p{font-size:38px}.hx-description{font-size:14px}
 html:root body.hx-portal .portal-layout{display:block}
 html:root body.hx-portal .portal-sidebar{position:fixed;top:0;left:0;bottom:0;width:274px;height:100dvh;z-index:300;transform:translateX(-100%);visibility:hidden;overflow:auto;padding-top:22px;transition:transform .18s ease,visibility .18s}
 html:root body.hx-portal.hx-navigation-open{overflow:hidden}
 html:root body.hx-portal.hx-navigation-open .portal-sidebar{transform:none;visibility:visible}
 html:root body.hx-portal .portal-sidebar nav[aria-label="Merchant navigation"]{display:grid;grid-template-columns:1fr}
 html:root body.hx-portal .portal-sidebar :is(.portal-merchant,.portal-sidebar-foot){display:grid}
 html:root body.hx-portal .portal-topbar{min-height:68px;padding:14px 20px;display:flex;gap:14px}
 html:root body.hx-portal .portal-topbar>div:first-of-type{display:none}
 html:root body.hx-portal .hx-mobile-brand{display:flex;flex:0 0 auto;align-items:center}
 html:root body.hx-portal .hx-mobile-brand img{width:110px;height:35px;object-fit:contain}
 html:root body.hx-portal .portal-account{margin-left:auto}
 html:root body.hx-portal .hx-menu-button,html:root body.hx-portal .hx-menu-close{display:grid;place-items:center;min-height:38px;width:38px;padding:8px;border:1px solid #294658;border-radius:4px;color:#8ad4ed;background:transparent}
 html:root body.hx-portal .hx-menu-close{position:absolute;right:12px;top:13px;border:0;width:32px;min-height:32px;z-index:1}
 html:root body.hx-portal .hx-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;background:#000a;border:0;z-index:290;padding:0;border-radius:0}
 html:root body.hx-portal .portal-main{padding:28px 24px}
 html:root body.hx-portal .portal-page-head{margin-bottom:26px}
 html:root body.hx-portal .address-form{grid-template-columns:repeat(2,minmax(0,1fr))}
 html:root body.hx-kyc .kyc-shell{margin:20px 28px;grid-template-columns:190px minmax(0,1fr)}
 html:root body.hx-kyc .kyc-content{padding-left:28px}
 .hx-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 html:root body:is(.hx-auth,.hx-kyc) .header{height:76px;padding:0 22px;gap:8px}
 html:root body:is(.hx-auth,.hx-kyc) .header .brand img{width:148px;height:50px}
 html:root body:is(.hx-auth,.hx-kyc) .product,html:root body:is(.hx-auth,.hx-kyc) .brand-divider{display:none}
 html:root body.hx-auth main{display:block;max-width:440px;width:calc(100% - 44px);min-height:0;margin:14px auto 0}
 .hx-identity{padding:18px 0 28px;border-bottom:1px solid #1b3343}.hx-overline{margin-bottom:18px;font-size:10px}.hx-statement p{font-size:32px;display:inline;line-height:1.25;margin:0}.hx-statement p:not(:last-child):after{content:' '}.hx-statement .hx-accent{display:block;margin-top:5px}.hx-description{margin:16px 0 0;font-size:13px;max-width:340px;line-height:1.7}.hx-services{display:none}
 html:root body.hx-auth .workspace{padding:28px 0 0}.hx-auth h1{font-size:27px}
 html:root body.hx-auth .workspace footer{padding-top:28px;margin-top:0}
 html:root body.hx-auth .support{margin-top:25px}
 html:root body:is(.hx-auth,.hx-kyc) .demo-notice{margin-top:28px;font-size:10px!important;padding:12px 20px!important}
 html:root body.hx-portal .portal-main{padding:25px 18px 35px}
 html:root body.hx-portal .portal-account>span{display:none}
 html:root body.hx-portal .portal-account{gap:10px!important;grid-template-columns:auto auto!important}
 html:root body.hx-portal .portal-page-head h1{font-size:26px}
 html:root body.hx-portal .portal-page-head p{font-size:11px;max-width:280px}
 html:root body.hx-portal .portal-secure-mark{display:none}
 html:root body.hx-portal .merchant-content{gap:25px}
 html:root body.hx-portal .address-form{grid-template-columns:1fr}
 .hx-section-heading{gap:12px;flex-wrap:wrap;margin-bottom:15px}.hx-section-heading h2{font-size:15px}.hx-wallet-grid{gap:10px}.hx-wallet-item{padding:15px 13px}.hx-wallet-item header{margin-bottom:20px}.hx-balance{font-size:25px}.hx-balance small{font-size:10px}.hx-wallet-item dl{font-size:10px;gap:7px;margin-top:14px;padding-top:14px}.hx-wallet-item header>span:last-child{font-size:10px}.hx-balance-label{font-size:10px}.hx-wallet-item dl>div{gap:4px}
 .hx-quick-actions{gap:8px}html:root body.hx-portal .hx-quick-actions>a{padding:10px 12px;font-size:11px;gap:7px}
 html:root body.hx-portal .portal-section>header{gap:10px;flex-wrap:wrap}html:root body.hx-portal .portal-section h2{font-size:15px}
 html:root body.hx-kyc .kyc-shell{display:block;margin:12px 22px;min-height:0;width:auto}
 html:root body.hx-kyc .kyc-sidebar{border:0;border-bottom:1px solid #1b3343;padding:14px 0 22px}
 html:root body.hx-kyc .kyc-sidebar h1{font-size:23px;margin-top:0}
 html:root body.hx-kyc #steps{margin:22px 0 0;padding-bottom:4px}
 html:root body.hx-kyc .kyc-content{padding:26px 0}
 html:root body.hx-kyc .kyc-page-header h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){html:root body.hx-portal .portal-sidebar{transition:none}}
@media(max-width:380px){html:root body.hx-portal .portal-topbar{padding:12px 14px;gap:9px}html:root body.hx-portal .hx-mobile-brand img{width:88px;height:30px}html:root body.hx-portal .portal-account{gap:6px!important}html:root body:is(.hx-auth,.hx-kyc) .header{padding:0 15px}html:root body:is(.hx-auth,.hx-kyc) .header .brand img{width:124px}}
html[dir=rtl] body.hx-portal .portal-sidebar nav>a,html[dir=rtl] body.hx-portal .portal-sidebar .portal-nav-group summary{padding-left:26px;padding-right:40px}
html[dir=rtl] body.hx-portal .portal-sidebar nav>a:before,html[dir=rtl] body.hx-portal .portal-nav-group summary:before{left:auto;right:13px}

/* Light information workspace; authentication and navigation remain dark. */
html:root body.hx-portal .portal-workspace{min-height:100svh;background:#f3f6f9;color:#1b3345;color-scheme:light;--ink:#1b3345;--muted:#526b7b;--line:#d5e1e9;--soft:#f3f6f9;--white:#fff;--green-950:#172f42;--green-900:#164b66;--green-800:#086287;--green-100:#e4f2f8;--gold-100:#e4f2f8}
html:root body.hx-portal .portal-workspace .portal-main{background:transparent;color:#1b3345}
html:root body.hx-portal .portal-workspace :is(h1,h2,h3,h4){color:#172f42}
html:root body.hx-portal .portal-workspace .portal-topbar{background:#fff;border-color:#d5e1e9}
html:root body.hx-portal .portal-workspace .portal-topbar strong{color:#172f42}
html:root body.hx-portal .portal-workspace :is(.portal-topbar span,.portal-page-head p){color:#526b7b}
html:root body.hx-portal .portal-workspace :is(.portal-section,.panel){color:#1b3345;background:transparent}
html:root body.hx-portal .portal-workspace .portal-section>header{background:transparent;color:#172f42}
html:root body.hx-portal .portal-workspace .table-scroll{background:#fff;border-color:#d5e1e9}
html:root body.hx-portal .portal-workspace th{background:#eaf0f5;color:#405e72;border-color:#d5e1e9}
html:root body.hx-portal .portal-workspace td{background:transparent;color:#1b3345;border-color:#dce6ed}
html:root body.hx-portal .portal-workspace tbody tr:hover{background:#f0f7fb}
html:root body.hx-portal .portal-workspace .hx-wallet-item{background:#fff;border-color:#cfdee8}
html:root body.hx-portal .portal-workspace .hx-currency{color:#086287}
html:root body.hx-portal .portal-workspace .hx-balance{color:#172f42}
html:root body.hx-portal .portal-workspace :is(.hx-balance-label,.hx-balance small,.hx-wallet-item header>span:last-child,.hx-wallet-item dt){color:#526b7b}
html:root body.hx-portal .portal-workspace .hx-wallet-item dd{color:#1b3345}
html:root body.hx-portal .portal-workspace .hx-wallet-item dl{border-color:#dce6ed}
html:root body.hx-portal .portal-workspace :is(a,.hx-text-link){color:#086287}
html:root body.hx-portal .portal-workspace .hx-quick-actions>a{background:#fff;border-color:#bdd2df;color:#164b66}
html:root body.hx-portal .portal-workspace .hx-quick-actions>a:first-child{background:#12688d;border-color:#12688d;color:#fff}
html:root body.hx-portal .portal-workspace .hx-quick-actions>a:hover{border-color:#12688d;background:#e4f2f8;color:#164b66}
html:root body.hx-portal .portal-workspace .hx-quick-actions>a:first-child:hover{background:#0e5473;color:#fff}
html:root body.hx-portal .portal-workspace .hx-empty{border-color:#d5e1e9}
html:root body.hx-portal .portal-workspace .hx-empty>strong{color:#314f64}
html:root body.hx-portal .portal-workspace .hx-empty>span{color:#526b7b}
html:root body.hx-portal .portal-workspace .hx-empty>.hx-icon{color:#527a92}
html:root body.hx-portal .portal-workspace .portal-secure-mark{border-color:#c8dce7;background:#eaf4f9;color:#245775}
html:root body.hx-portal .portal-workspace :is(label,.address-form label){color:#405e72}
html:root body.hx-portal .portal-workspace :is(input,select,textarea),html:root body.hx-portal .portal-workspace .address-form input{background:#fff;color:#1b3345;border-color:#b9cedc;color-scheme:light}
html:root body.hx-portal .portal-workspace input::placeholder,html:root body.hx-portal .portal-workspace textarea::placeholder{color:#5a7180;opacity:1}
html:root body.hx-portal .portal-workspace :is(input,select,textarea):focus{outline-color:#12688d;border-color:#12688d}
html:root body.hx-portal .portal-workspace button{background:#12688d;border-color:#12688d;color:#fff}
html:root body.hx-portal .portal-workspace button:hover{background:#0e5473;color:#fff}
html:root body.hx-portal .portal-workspace button:disabled{background:#e1e9ef;border-color:#c5d5df;color:#526b7b;opacity:1}
html:root body.hx-portal .portal-workspace :is(.portal-account button,.hx-menu-button){background:#fff;border-color:#bdd2df;color:#245775}
html:root body.hx-portal .portal-workspace :is(.portal-account button,.hx-menu-button):hover{background:#e4f2f8;color:#164b66}
html:root body.hx-portal .portal-workspace .wv-language summary{background:#fff;border-color:#bdd2df;color:#245775}
html:root body.hx-portal .portal-workspace .wv-language nav{background:#fff;border-color:#c8dce7;box-shadow:0 8px 24px #18394d1a}
html:root body.hx-portal .portal-workspace .wv-language a{color:#1b3345}
html:root body.hx-portal .portal-workspace .wv-language a:hover,html:root body.hx-portal .portal-workspace .wv-language a[aria-current]{background:#e4f2f8;color:#086287}