@font-face{font-family:'Source Sans Pro';src:url('/assets/source-sans-pro.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:'Source Sans Pro';src:url('/assets/source-sans-pro-bold.woff') format('woff');font-weight:700;font-display:swap}@font-face{font-family:'Source Sans Pro';src:url('/assets/source-sans-pro-light.woff') format('woff');font-weight:300;font-display:swap}@font-face{font-family:'Portal Icons';src:url('/assets/fontawesome.woff2') format('woff2');font-display:block}
.portal-icon{font-family:'Portal Icons';font-style:normal;font-weight:normal;display:inline-block;width:20px;text-align:center;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-portal=merchant]{font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;--bg:#f0f3f4;--panel:#fff;--text:#58666e;--muted:#98a6ad;--line:#dee5e7;--teal:#7266ba;--teal-soft:#f0edf9;--nav:#1c2b36;background:var(--bg);color:var(--text)}
body[data-portal=merchant] .shell{grid-template-columns:200px minmax(0,1fr)}body[data-portal=merchant] .sidebar{width:200px;padding:0;color:#7793a7}body[data-portal=merchant] .sidebar>.brand{height:50px;padding:0 20px;color:#c4d0d9;font-size:20px;gap:10px;white-space:nowrap}body[data-portal=merchant] .sidebar>.brand span{font-size:20px}body[data-portal=merchant] .sidebar .brand small,body[data-portal=merchant] .workspace{display:none}body[data-portal=merchant] .nav-label{margin:15px 15px 10px;font-size:12px;letter-spacing:0;color:#5c798f}body[data-portal=merchant] .sidebar nav{gap:0}body[data-portal=merchant] .nav-item{border-radius:0;padding:12px 20px;font-size:14px;color:#869fb1;min-height:40px;gap:15px}body[data-portal=merchant] .nav-item.active{background:#16232d;color:#fff;box-shadow:none}body[data-portal=merchant] .nav-item.active .portal-icon{color:#7266ba}body[data-portal=merchant] .nav-item:nth-child(4){margin-top:30px;border-top:1px solid #16232d;padding-top:20px}body[data-portal=merchant] .nav-item:last-child{margin-top:20px;border-top:1px solid #16232d}body[data-portal=merchant] .nav-item .nav-count{background:#23b7e5;color:#fff}body[data-portal=merchant] .sidebar-bottom{padding:20px 15px;color:#7793a7;font-size:12px}body[data-portal=merchant] .system-status{font-size:12px}
body[data-portal=merchant] .topbar{height:50px;padding:0 20px;box-shadow:0 2px 2px #00000008}body[data-portal=merchant] .breadcrumb>span,body[data-portal=merchant] .breadcrumb>strong{display:none}body[data-portal=merchant] .mobile-menu{display:inline-grid}body[data-portal=merchant] .topbar-actions{gap:10px}body[data-portal=merchant] .user-avatar{background:url('/assets/merchant-avatar.png') center/cover;color:transparent;width:40px;height:40px}body[data-portal=merchant] #content{padding:0 20px 30px;max-width:none}body[data-portal=merchant] .page-heading{min-height:87px;background:#f6f8f8;border-bottom:1px solid #dee5e7;margin:0 -20px 20px;padding:18px 20px;align-items:center}body[data-portal=merchant] .page-heading h1{font-weight:300;font-size:24px;letter-spacing:0;line-height:1.1;margin:0 0 5px}body[data-portal=merchant] .page-heading p{font-size:13px;color:#98a6ad}body[data-portal=merchant] .panel{border:1px solid #dee5e7;border-radius:2px;box-shadow:0 1px 1px #0000000d}body[data-portal=merchant] .panel-head{padding:10px 15px;background:#f6f8f8;border-bottom:1px solid #edf1f2;min-height:42px}body[data-portal=merchant] .panel-head h2{font-size:14px;font-weight:600}body[data-portal=merchant] .panel-body{padding:15px}body[data-portal=merchant] .main-footer{margin:0 20px;padding:20px 0;font-size:12px}body[data-portal=merchant] input,body[data-portal=merchant] textarea,body[data-portal=merchant] select{border-radius:2px;border-color:#cfdadd;padding:6px 12px;min-height:34px}body[data-portal=merchant] .primary,body[data-portal=merchant] .secondary{border-radius:2px;font-weight:400;padding:6px 12px;min-height:34px}body[data-portal=merchant] .toolbar{gap:5px;margin-bottom:20px}body[data-portal=merchant] th,body[data-portal=merchant] td{font-size:13px;padding:9px 10px;border:1px solid #edf1f2}body[data-portal=merchant] th{font-weight:600;background:#fff;color:#58666e}body[data-portal=merchant] tbody tr:nth-child(odd){background:#f9fafb}body[data-portal=merchant] .cell-sub{font-size:12px;color:#58666e}body[data-portal=merchant] .table-link{font-size:12px;color:#23b7e5}body[data-portal=merchant] .pill{font-size:12px;border-radius:2px}body[data-portal=merchant] .payment-method-asset{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:3px}body[data-portal=merchant] .notice{border:1px solid #f3eac7;background:#fcf8e3;color:#8a6d3b;border-radius:2px}body[data-portal=merchant] .portal-notice{margin:0 0 20px;padding:15px}
.portal-metrics{gap:20px;margin-bottom:20px}.portal-metrics .metric{display:flex;align-items:center;gap:16px;border-radius:2px;min-height:92px;padding:15px 18px;box-shadow:0 1px 1px #0000000d}.portal-metric-icon{width:52px;height:52px;display:grid;place-items:center;background:#e4dff5;color:#7266ba;border-radius:50%;box-shadow:0 0 0 4px #f7f5fc;flex-shrink:0;font-size:24px}.portal-metrics .metric-value{font-size:32px;font-weight:300;letter-spacing:-1px;color:#7266ba;margin:0;line-height:1.1}.portal-metrics .metric-head{font-size:14px;display:block;white-space:normal;color:#98a6ad;margin-top:4px}.portal-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px}.portal-dashboard-grid>div{min-width:0;display:grid;align-content:start;gap:20px}.portal-profile{text-align:center}.portal-profile-banner{height:90px;background:#4ba9cb;padding:30px 44px;display:flex;justify-content:space-between;gap:15px}.portal-profile-banner a{color:#fff;font-size:12px;padding:5px 12px;background:#ffffff15;border-radius:20px;white-space:nowrap}.portal-profile-banner .portal-icon{font-size:12px}.portal-profile-avatar{width:96px;height:96px;border-radius:50%;border:3px solid #fff;display:block;margin:-38px auto 0;position:relative}.portal-profile h2{font-size:30px;font-weight:300;margin:12px 15px 4px;line-height:1.4;overflow-wrap:anywhere}.portal-profile p{font-size:18px;font-weight:300;margin:0 0 18px}.portal-active{color:#84af76}.portal-income{display:grid;grid-template-columns:1fr 1fr;padding:15px;background:#edf1f2;color:#98a6ad}.portal-income strong{display:block;font-size:24px;font-weight:300}.portal-income span{font-size:14px}.portal-partner{display:flex;justify-content:space-between;gap:15px}.portal-announcement .panel-head{justify-content:center}.portal-announcement .panel-body{font-size:13px;line-height:1.7}.portal-announcement p{margin:0 0 10px}
.merchant-login-screen{min-height:100vh;background:#f0f3f4;color:#58666e;font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.42857143}.merchant-login-container{width:360px;max-width:100%;margin:0 auto;padding:50px 15px 30px}.merchant-login-brand{display:block;height:50px;line-height:50px;padding:0 20px;text-align:center;font-size:20px;font-weight:700;color:#58666e;margin-top:15px}.merchant-login-sub{text-align:center;font-size:14px;margin:15px 0 45px}.merchant-login-tabs{display:flex;height:42px}.merchant-login-tabs a{width:50%;text-align:center;padding:10px 15px;color:#58666e;border:1px solid transparent;font-size:14px;white-space:nowrap}.merchant-login-tabs a.active{background:#fff;border-color:#dee5e7;border-bottom-color:#fff;position:relative;z-index:1}.merchant-login-fields{border:1px solid #e7ecee;border-radius:2px;background:#fff}.merchant-login-fields label{margin:0;display:block;padding:6px 10px;height:47px}.merchant-login-fields label+label{border-top:1px solid #e7ecee}.merchant-login-fields input{width:100%;border:0!important;box-shadow:none;border-radius:0!important;background:#fff!important;color:#58666e!important;min-height:34px!important;font-size:14px;padding:6px 12px!important}.merchant-login-fields input:focus{outline:2px solid #7266ba;outline-offset:0}.merchant-login-submit{width:100%;margin-top:20px;background:#7266ba;color:#fff;border:1px solid #7266ba;border-radius:2px;font-size:18px;line-height:1.3333333;padding:10px 12px;min-height:46px}.merchant-login-links{display:flex;justify-content:space-between;margin-top:22px;gap:15px}.merchant-login-links a,.merchant-login-links button{border:0;border-radius:30px;color:#fff;background:#23b7e5;padding:7px 15px;font-size:14px;line-height:20px}.merchant-login-links button{background:#f05050}.merchant-login-footer{text-align:center;font-size:14px;padding-top:45px}.merchant-login-footer small{display:block;color:#98a6ad;font-size:12px;margin-top:3px}.merchant-access-note{font-size:12px;color:#98a6ad;line-height:1.6;margin:12px 0 0}.merchant-login-submit+.merchant-access-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#merchant-login-error{margin:12px 0 0;padding:10px;background:#fff0f0;color:#b52d36;font-size:13px}
@media(min-width:768px){body[data-portal=merchant] .sidebar.open{transform:translateX(-100%)}body[data-portal=merchant] .sidebar-backdrop{display:none!important}}
@media(max-width:1000px){.portal-metric-icon{width:38px;height:38px;font-size:18px}.portal-metrics .metric{padding:15px 12px;gap:10px}.portal-metrics .metric-value{font-size:27px}.portal-profile-banner{padding:25px 20px}.portal-dashboard-grid{gap:20px}}
@media(max-width:767px){body[data-portal=merchant] .shell{display:block}body[data-portal=merchant] .sidebar{transform:translateX(-100%);top:50px}body[data-portal=merchant] .sidebar.open{transform:translateX(0)}body[data-portal=merchant] .sidebar>.brand{display:none}body[data-portal=merchant] .main-wrap{min-height:100vh}body[data-portal=merchant] .topbar{height:50px;padding:0 15px;background:#1c2b36;color:#c4d0d9}body[data-portal=merchant] .breadcrumb:before{content:'速汇支付平台';font-size:20px;font-weight:700}body[data-portal=merchant] .topbar .icon-button,body[data-portal=merchant] .topbar .text-button{color:#c4d0d9}body[data-portal=merchant] #theme,body[data-portal=merchant] .user-avatar,body[data-portal=merchant] #user-label,body[data-portal=merchant] .topbar-divider{display:none}body[data-portal=merchant] .topbar-actions{gap:0}body[data-portal=merchant] #content{padding:0 15px 30px}body[data-portal=merchant] .page-heading{margin:0 -15px 15px;padding:15px;min-height:77px}body[data-portal=merchant] .page-heading p{font-size:12px}body[data-portal=merchant] .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}body[data-portal=merchant] .portal-metrics .metric{min-height:92px}body[data-portal=merchant] .portal-metrics .metric-value{font-size:28px}.portal-metric-icon{width:45px;height:45px;font-size:20px}.portal-dashboard-grid{grid-template-columns:1fr}.portal-profile-banner{height:60px;padding:15px 30px}.portal-profile-avatar{margin-top:-38px}.portal-profile h2{font-size:28px;margin-top:18px}.portal-profile p{margin-bottom:18px}.portal-income{padding:15px}.portal-notice{font-size:12px}body[data-portal=merchant] .settings-grid{grid-template-columns:1fr}body[data-portal=merchant] .settings-grid .wide{grid-column:auto}body[data-portal=merchant] .heading-actions .primary{font-size:11px;max-width:110px;white-space:normal}body[data-portal=merchant] .sidebar-backdrop{position:fixed;inset:50px 0 0;background:#0005;z-index:19}.merchant-login-container{width:auto;max-width:480px}}
@media(prefers-reduced-motion:reduce){body[data-portal=merchant] *{transition:none!important}}

/* Match source geometry and close the mobile drawer synchronously. */
body[data-portal=merchant] .sidebar{transition:none}body[data-portal=merchant] #theme{display:none}body[data-portal=merchant] .portal-notice{min-height:54px}.merchant-login-fields label{height:46.5px}

.portal-metrics .metric:nth-child(3) .metric-value{color:#27c24c}.portal-metrics .metric:nth-child(4) .metric-value{color:#23b7e5}@media(max-width:767px){.portal-profile h2.portal-long-name{font-size:24px}}

.portal-nav-group{display:block;padding:18px 15px 10px;color:#5c798f;font-size:12px;border-top:1px solid #16232d;margin-top:10px}body[data-portal=merchant] .nav-item[href="#orders"]{margin-top:0;border-top:0;padding-top:12px}body[data-portal=merchant] .nav-item:last-child{margin-top:0;border-top:0}body[data-portal=merchant] .nav-item:nth-child(4){margin-top:0;border-top:0;padding-top:12px}

/* Personal information follows the merchant portal's tabbed settings layout. */
body[data-portal=merchant] .nav-item{padding-top:10px;padding-bottom:10px}
body[data-portal=merchant] .nav-item[href="#orders"]{padding-top:10px}
body[data-portal=merchant] .profile-nav{background:#16232d;border-bottom:2px solid #263b47;margin-bottom:10px}
body[data-portal=merchant] .profile-nav summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:10px 20px;color:#c0cdd5;list-style:none}
body[data-portal=merchant] .profile-nav summary::-webkit-details-marker{display:none}
body[data-portal=merchant] .profile-nav summary>.portal-icon{color:#2ed364}
body[data-portal=merchant] .profile-nav .profile-chevron{margin-left:auto;color:#7796a8}
body[data-portal=merchant] .profile-nav[open] .profile-chevron{transform:rotate(180deg)}
body[data-portal=merchant] .profile-nav .profile-nav-child{padding:10px 20px 10px 56px;min-height:40px;background:transparent}
body[data-portal=merchant] .profile-nav-child.active{color:#fff}
body[data-portal=merchant] #content:has(.profile-tabs)>.page-heading{min-height:60px;padding-top:14px;padding-bottom:14px;margin-bottom:20px}
body[data-portal=merchant] #content:has(.profile-tabs)>.page-heading p{display:none}
.profile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-bottom:1px solid #dee5e7}
.profile-tabs a{padding:10px 12px;text-align:center;color:#58666e;border:1px solid transparent;border-radius:2px 2px 0 0;margin-bottom:-1px}
.profile-tabs a.active{background:#fff;border-color:#dee5e7;border-bottom-color:#fff;color:#555}
.profile-panel{background:#fff;border:1px solid #dee5e7;border-top:0;margin-bottom:24px}
.profile-form{padding:24px 15px 0}
.profile-form+.profile-form{border-top:1px dashed #dee5e7;margin:0 15px;padding:24px 0 0}
.profile-form h2{font-size:18px;font-weight:600;margin:0 0 19px 17.2%;line-height:1.5}
.profile-row{display:grid;grid-template-columns:17.2% 74.3%;align-items:start;margin:0 0 15px}
.profile-row>label{display:block;margin:0;font-size:14px;text-align:right;padding:9px 30px 0 0;line-height:20px;font-weight:400}
.profile-control{min-width:0}
.profile-control input,.profile-control select{height:34px;padding:6px 12px;border:1px solid #cfdadd;border-radius:2px;color:#555;font-size:14px;width:100%;background:#fff;box-shadow:none}
.profile-control small{display:block;margin-top:6px;line-height:1.6;color:#788c98;font-size:12px}
.profile-control .profile-submit{display:block;width:43%;min-width:160px;padding:6px 12px;min-height:34px;border-radius:2px;background:#7266ba;border-color:#7266ba}
.profile-control .profile-submit:hover{background:#6254b2}
.profile-success{color:#16853a;font-size:13px;min-height:0;margin:7px 0}
.profile-success:empty,.profile-control .form-error:empty{display:none}
.profile-note{margin:0 10% 16px 16.6667%;font-size:13px;color:#788c98}
.profile-api{padding-top:20px}
.profile-input-group{display:flex;align-items:stretch}
.profile-input-group input{min-width:0;border-radius:2px 0 0 2px}
.profile-input-group>span{display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:39px;padding:0 10px;border:1px solid #cfdadd;border-left:0;background:#edf1f2;color:#555;border-radius:0 2px 2px 0}
@media(max-width:700px){.profile-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-tabs a{padding:12px 5px;font-size:13px}.profile-form{padding:20px 15px 0}.profile-form+.profile-form{padding-top:20px}.profile-form h2{margin-left:0;font-size:18px}.profile-row{grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:16px}.profile-row>label{text-align:left;padding:0}.profile-control .profile-submit{width:100%}.profile-note{margin-left:0;margin-right:0}.profile-control input,.profile-control select{height:40px}}

/* Keep the platform name within the existing 200px merchant navigation. */
body[data-portal=merchant] .sidebar>.brand{gap:8px;padding-left:15px;padding-right:15px}body[data-portal=merchant] .sidebar>.brand span{font-size:18px}.merchant-login-brand{display:flex;align-items:center;justify-content:center;gap:8px}.merchant-login-brand .brand-mark{width:30px;height:30px}
@media(max-width:767px){body[data-portal=merchant] .breadcrumb:before{font-size:16px}}