:root{--admin-sidebar:#3c444d;--admin-sidebar-hover:#2c3138;--admin-primary:#20a53a;--admin-primary-hover:#10952a;--front-primary:#08305a;--border:#d9dde3;--muted:#f0f1f3;--text:#20252b;--blue:#3478f6;--danger:#dc3545;--warning:#ffc107;--cyan:#35a8c4;--success:#20a53a}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;color:var(--text);background:#fff}a{color:#3478f6;text-decoration:none}a:hover{text-decoration:underline}.ttc-admin{font-size:13.5px;min-height:100vh;background:#fff}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:180px;background:var(--admin-sidebar);color:#fff;z-index:30;overflow:auto}.admin-logo{height:105px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;line-height:.95;text-align:center;letter-spacing:-.25px}.admin-logo small{display:block;font-size:10px;margin-top:4px;letter-spacing:.1px}.admin-nav a{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;color:#fff;font-weight:500}.admin-nav a>span:first-child{width:14px;text-align:center;opacity:.95}.admin-nav a:hover{background:var(--admin-sidebar-hover);text-decoration:none}.admin-nav a.active{background:var(--admin-primary)}.admin-main{margin-left:180px;min-height:100vh}.admin-topbar{height:51px;background:var(--muted);display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #e6e8eb}.admin-top-left,.admin-top-right{display:flex;align-items:center;gap:18px}.admin-user{display:flex;align-items:center;gap:8px}.admin-user-avatar{width:34px;height:34px;border-radius:50%;background:#e1e4e8;display:grid;place-items:center;font-size:17px}.admin-content{padding:15px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.page-title{font-size:20px;font-weight:600;margin:0}.module-links{display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end}.module-links a{font-size:13.5px}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}.filter-row input,.filter-row select,.form-control{height:30px;border:1px solid #cfd5dc;border-radius:3px;background:#fff;padding:4px 10px;font:inherit;min-width:110px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:3px;min-height:30px;padding:5px 10px;font:inherit;cursor:pointer;color:#fff;background:#3478f6}.btn:hover{filter:brightness(.96);text-decoration:none}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn-warning{background:var(--warning);color:#222}.btn-cyan{background:var(--cyan)}.btn-sm{min-height:21px;padding:2px 6px;font-size:12px}.table-wrap{width:100%;overflow:auto;border:1px solid #e0e3e7}.ttc-table{width:100%;border-collapse:collapse;white-space:nowrap}.ttc-table th,.ttc-table td{border-right:1px solid #dfe3e7;border-bottom:1px solid #dfe3e7;padding:.33rem .38rem;text-align:left;vertical-align:middle}.ttc-table th{background:#fff;font-weight:700}.ttc-table tbody tr:nth-child(odd){background:#fafafa}.ttc-table tbody tr:nth-child(even){background:#f1f1f1}.ttc-table td.wrap{white-space:normal}.badge{display:inline-block;border-radius:3px;padding:3px 6px;font-size:11px;font-weight:700;color:#fff}.badge-success{background:#20a53a}.badge-warning{background:#ffc107;color:#222}.badge-danger{background:#dc3545}.badge-info{background:#35a8c4}.badge-wrong-value{background:#cfe8ff;color:#0b4f85}.badge-muted{background:#6c757d}.switch{display:inline-block;width:31px;height:17px;border-radius:12px;background:#cbd1d6;position:relative;vertical-align:middle}.switch:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 1px 2px #999}.switch.on{background:#34a853}.switch.on:after{left:16px}.panel{border:1px solid #ddd;border-radius:3px;background:#fff;margin-bottom:14px}.panel-title{background:#f0f1f3;padding:8px 10px;font-size:16px;font-weight:600}.panel-body{padding:10px}.stats-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;margin-bottom:10px}.stat-card{border:1px solid #ddd;border-radius:3px;min-height:66px;padding:10px 12px;position:relative}.stat-label{color:#67707a;font-size:14px}.stat-value{font-size:20px;color:#3478f6;font-weight:600;margin-top:3px}.stat-icon{position:absolute;right:10px;top:14px;width:34px;height:34px;border-radius:50%;background:#e6e9ed;display:grid;place-items:center;font-size:17px}.dashboard-panels{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1.1fr;gap:10px}.pagination{display:flex;gap:4px;justify-content:flex-end;margin:10px 0}.pagination a,.pagination span{min-width:28px;height:28px;border:1px solid #ddd;display:grid;place-items:center;color:#555}.pagination .active{background:#31a33d;color:#fff;border-color:#31a33d}.admin-hamburger{display:none;background:transparent;border:0;color:#fff;font-size:26px}.admin-mobile-header{display:none}.front{font-size:14px}.front-header{background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.11);position:relative;z-index:10}.front-top{max-width:1160px;margin:auto;height:68px;display:flex;align-items:center;justify-content:space-between}.front-logo{font-weight:900;color:#08305a;text-align:center;font-size:22px;line-height:.95;letter-spacing:-.25px}.front-logo small{display:block;color:#222;font-size:9px;margin-top:3px;letter-spacing:.1px}.front-user{display:flex;align-items:center;gap:10px}.front-account{background:#08305a;color:#fff;border-radius:3px;padding:7px 11px;font-weight:600}.front-nav{max-width:1160px;margin:auto;height:48px;display:flex;align-items:center;gap:24px;font-weight:600;text-transform:uppercase}.front-nav a{color:#111;font-size:13.5px}.breadcrumb{background:#f3f4f5;border-top:1px solid #e4e6e8;border-bottom:1px solid #e4e6e8}.breadcrumb-inner{max-width:1160px;margin:auto;padding:10px 0;color:#5c6470}.front-main{max-width:1160px;margin:0 auto;padding:24px 0 40px}.front-main>.panel:empty{display:none}.front-title{font-size:21px;font-weight:700;margin:0 0 16px}.front-form-row{display:flex;gap:8px;align-items:center}.front-form-row .form-control{height:32px;flex:1}.front-btn{height:34px}.front-primary{background:#08305a}.front-alert{text-align:center;font-size:15.5px;line-height:1.75;margin-bottom:12px;font-weight:600}.front-alert .orange{color:#df7200}.front-alert .green{color:#2ca343}.front-alert .red{color:#e34636}.front-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.front-tab{background:#e8e8e8;color:#222;padding:7px 13px;border-radius:3px}.front-tab.active{background:#08305a;color:#fff}.fee-title,.history-title{text-align:center;font-size:19px;font-weight:700;margin:18px 0 10px}.front-main .filter-row{align-items:center;flex-wrap:nowrap}.front-main .filter-row input,.front-main .filter-row select{min-width:0;flex:1 1 0}.front-main .filter-row input[type=date]{flex:0 0 132px}.front-main .filter-row .btn{flex:0 0 auto}.front-footer{border-top:1px solid #e5e5e5;padding:17px 0;max-width:1160px;margin:auto}.mobile-front-bar{display:none}.login-card{max-width:430px;margin:60px auto;border:1px solid #ddd;padding:22px;border-radius:3px}.login-card .form-control{width:100%;height:38px;margin:8px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.muted{color:#777}.text-success{color:#20a53a}.text-danger{color:#dc3545}.nowrap{white-space:nowrap}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-panels{grid-template-columns:1fr 1fr}.front-top,.front-nav,.breadcrumb-inner,.front-main,.front-footer{margin-left:14px;margin-right:14px}}
@media(max-width:1024px){.admin-sidebar{transform:translateX(-100%);transition:transform .2s}.ttc-admin.sidebar-open .admin-sidebar{transform:translateX(0)}.admin-main{margin-left:0}.admin-topbar{height:120px;background:var(--admin-sidebar);color:#fff}.admin-top-left{display:none}.admin-hamburger{display:block}.admin-mobile-header{display:flex;align-items:center;gap:28px}.admin-content{padding:18px 16px}.module-links{justify-content:flex-start}.page-head{display:block}.page-title{margin-bottom:12px}.filter-row>*{flex:1 1 calc(50% - 8px);min-width:0;height:41px!important}.filter-row .btn{flex:0 0 auto;height:41px!important}.ttc-table th,.ttc-table td{padding:9px 7px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-card:first-child{grid-column:1/-1}.dashboard-panels{grid-template-columns:1fr}.front-top{height:76px;justify-content:center;padding:0 14px;margin:0}.front-top .front-user{position:absolute;right:14px}.front-nav{display:none}.front.nav-open .front-nav{display:flex;position:absolute;left:0;right:0;top:76px;height:auto;max-width:none;margin:0;padding:10px 14px 14px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.12);flex-direction:column;align-items:flex-start;gap:0}.front.nav-open .front-nav a{display:block;width:100%;padding:10px 4px;border-bottom:1px solid #eee}.mobile-front-bar{display:flex;position:absolute;left:15px;top:25px}.breadcrumb{display:none}.front-main{padding:15px 11px 35px;margin:0}.front-form-row{flex-wrap:wrap}.front-form-row .form-control{flex:1 1 100%;height:49px}.front-form-row .inline-half{flex:1 1 calc(70% - 8px)}.front-form-row .front-btn{height:49px}.front-tabs{justify-content:flex-start}.front-main .filter-row{flex-wrap:wrap}.front-main .filter-row input,.front-main .filter-row select{flex:1 1 calc(50% - 8px)}.front-main .filter-row input[type=date]{flex:1 1 calc(50% - 8px)}.grid-2{grid-template-columns:1fr 1fr}.front-footer{padding:18px 12px;margin:0}}
@media(max-width:600px){.admin-topbar{height:121px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:86px}.stat-value{font-size:20px}.filter-row{gap:8px}.ttc-table{font-size:14px}.front-alert{font-size:15px}.front-title{font-size:20px}.fee-title,.history-title{font-size:20px}.grid-2{grid-template-columns:1fr 1fr}.front-account{padding:7px 10px}.front-main{max-width:100vw;overflow:hidden}.front-scroll{overflow:auto;width:100%}}

/* SPA / responsive UX layer */
:root{--spa-navy:#12233d;--spa-navy-2:#0b1b31;--spa-bg:#f4f7fb;--spa-card:#fff;--spa-line:#e4e9f0;--spa-shadow:0 6px 22px rgba(24,45,76,.07);--spa-radius:10px}
[data-spa-progress]{display:none!important}.spa-loading .admin-content,.spa-loading .front-main{pointer-events:none}
.ttc-admin{background:var(--spa-bg);font-size:14px}.admin-sidebar{width:206px;background:linear-gradient(180deg,var(--spa-navy),var(--spa-navy-2));box-shadow:2px 0 18px rgba(7,24,45,.12)}.admin-main{margin-left:206px}.admin-logo{height:96px;font-size:27px}.admin-nav{padding:4px 8px 18px}.admin-nav a{min-height:42px;border-radius:7px;padding:9px 12px;margin:2px 0;color:#dce6f3}.admin-nav a:hover{background:rgba(255,255,255,.08)}.admin-nav a.active{background:#2563eb;box-shadow:0 5px 14px rgba(37,99,235,.25)}.admin-topbar{height:60px;background:#fff;border-bottom:1px solid var(--spa-line);padding:0 22px;position:sticky;top:0;z-index:20}.admin-content{padding:20px 22px 32px;max-width:1600px;margin:auto}.page-title{font-size:24px;color:#10213b}.page-head{align-items:center}.panel,.table-wrap{border-color:var(--spa-line);border-radius:var(--spa-radius);box-shadow:var(--spa-shadow);overflow:hidden}.panel-body{padding:14px}.ttc-table th{background:#f8fafc;color:#334155;padding:10px 9px}.ttc-table td{padding:8px 9px;border-color:#edf0f4}.ttc-table tbody tr:nth-child(odd),.ttc-table tbody tr:nth-child(even){background:#fff}.ttc-table tbody tr:hover{background:#f8fbff}.form-control{height:36px;border-radius:7px;border-color:#d6dde7;transition:border-color .15s,box-shadow .15s}.form-control:focus{outline:0;border-color:#6ea0ff;box-shadow:0 0 0 3px rgba(52,120,246,.12)}.btn{min-height:36px;border-radius:7px;padding:7px 12px;font-weight:600}.btn-muted{background:#e9eef5;color:#314158}.channel-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.channel-stat{background:#fff;border:1px solid var(--spa-line);border-radius:10px;padding:15px 17px;box-shadow:var(--spa-shadow);display:flex;flex-direction:column}.channel-stat strong{font-size:24px;color:#16315a}.channel-stat span{color:#718096;margin-top:3px}.channel-stat.success{background:#effaf3}.channel-stat.success strong,.channel-stat.success span{color:#159447}.routing-bulk{display:grid;grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) auto auto auto;gap:10px;align-items:end;background:#eef5ff;border:1px solid #cfe0fb;border-radius:10px;padding:12px;margin:12px 0}.routing-bulk label{font-size:12px;font-weight:700;color:#44536a}.routing-bulk label .form-control{display:block;width:100%;margin-top:5px}.routing-row-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 90px 72px;gap:7px;align-items:center}.compact-details{margin-top:14px;background:#fff;border:1px solid var(--spa-line);border-radius:9px;padding:11px 13px}.compact-details summary{cursor:pointer;font-weight:700}.info-panel{margin-top:14px;background:#f7fbff}
.front{background:#fff;min-height:100vh}.front-main{max-width:1240px}.front-tabs{gap:8px}.front-tab{border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer}.front-tab:hover{border-color:#b9c9df}.fee-panel[hidden]{display:none!important}.exchange-card-form{background:#fff;border-radius:10px}.submit-card-btn{margin:auto;font-size:16px}.front-scroll{border-radius:8px}.front-scroll .ttc-table{border:1px solid #e3e7ec}.front-tabs .front-tab{transition:background .15s,color .15s,transform .15s}.front-tabs .front-tab:active{transform:scale(.98)}
@media(max-width:1024px){.admin-sidebar{width:230px}.admin-main{margin-left:0}.admin-content{padding:14px}.channel-summary{grid-template-columns:1fr 1fr}.routing-bulk{grid-template-columns:1fr 1fr}.routing-bulk .btn,.routing-bulk a.btn{width:100%}.routing-row-form{grid-template-columns:1fr 1fr}.routing-row-form .btn{grid-column:1/-1}.front-main{max-width:100%;}.front-tabs{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px}.front-tab{white-space:nowrap}}
@media(max-width:640px){.channel-summary{grid-template-columns:1fr 1fr;gap:8px}.routing-bulk{grid-template-columns:1fr}.routing-row-form{grid-template-columns:1fr}.routing-row-form .btn{grid-column:auto}.admin-content{padding:10px}.page-title{font-size:21px}.front-main{padding-left:8px;padding-right:8px}.front-form-row .form-control,.front-form-row .front-btn{width:100%;flex:1 1 100%}.front-alert{line-height:1.55}.ttc-table th,.ttc-table td{padding:8px 7px}}


/* PingPong-inspired admin skin: visual-only, preserves routes/functions */
:root{
  --pp-sidebar:#2d477f;
  --pp-sidebar-deep:#243d73;
  --pp-sidebar-hover:#3c5a96;
  --pp-sidebar-active:#4964a0;
  --pp-accent:#4f7cff;
  --pp-accent-soft:#eef3ff;
  --pp-page:#f7f9fc;
  --pp-card:#ffffff;
  --pp-line:#e7ebf2;
  --pp-text:#243659;
  --pp-muted:#7f8ba3;
  --pp-shadow:0 1px 2px rgba(26,43,76,.03),0 8px 24px rgba(34,57,101,.045);
}
body.ttc-admin-page{background:var(--pp-page);color:var(--pp-text)}
.ttc-admin{background:var(--pp-page);color:var(--pp-text);font-size:14px;min-height:100vh}
.admin-sidebar{
  width:228px;
  background:linear-gradient(180deg,var(--pp-sidebar) 0%,var(--pp-sidebar-deep) 100%);
  box-shadow:none;
  border-right:1px solid rgba(255,255,255,.05);
}
.admin-main{margin-left:228px;background:var(--pp-page);min-height:100vh}
.admin-logo{
  height:92px;
  justify-content:flex-start;
  padding:0 22px;
  font-size:25px;
  letter-spacing:.2px;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.admin-logo small{font-size:9px;letter-spacing:1px;color:#dfe8ff;margin-top:5px}
.admin-nav{padding:18px 14px 80px}
.admin-nav a{
  position:relative;
  min-height:42px;
  margin:4px 0;
  padding:10px 12px;
  gap:12px;
  border-radius:8px;
  color:#f3f6ff;
  font-weight:600;
  transition:background .16s ease,transform .16s ease,color .16s ease;
}
.admin-nav a>span:first-child{width:18px;font-size:15px;color:#e5edff;opacity:1}
.admin-nav a:hover{background:var(--pp-sidebar-hover);text-decoration:none;transform:translateX(1px)}
.admin-nav a.active{background:var(--pp-sidebar-active);box-shadow:none;color:#fff}
.admin-nav a.active:before{content:'';position:absolute;left:-14px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:#7ea0ff}
.admin-topbar{
  height:66px;
  background:#fff;
  border-bottom:1px solid var(--pp-line);
  box-shadow:none;
  padding:0 28px;
  position:sticky;
  top:0;
  z-index:25;
}
.admin-top-left,.admin-top-right{gap:14px}
.admin-top-left{font-size:14px;color:var(--pp-muted)}
.admin-top-left a{color:#5d6d8f;font-weight:600}
.admin-top-left span{color:#9ba6ba}
.admin-top-right>a{color:#5272c7;font-weight:600}
.admin-user{padding-left:14px;border-left:1px solid var(--pp-line);gap:10px}
.admin-user-avatar{width:36px;height:36px;background:#edf2fb;color:#5f75a5;font-size:16px}
.admin-user strong{color:#243659;font-weight:700}
.admin-content{padding:28px 34px 42px;max-width:1680px;margin:0 auto}
.page-head{align-items:center;margin-bottom:22px;min-height:38px}
.page-title{font-size:22px;line-height:1.25;font-weight:700;color:#2a3d66;letter-spacing:-.2px}
.module-links{gap:8px 18px}
.module-links a{font-size:13.5px;color:#5278e5;font-weight:600}
.panel,.table-wrap{
  background:var(--pp-card);
  border:1px solid var(--pp-line);
  border-radius:10px;
  box-shadow:var(--pp-shadow);
}
.panel{overflow:hidden;margin-bottom:18px}
.panel-title{background:#fff;border-bottom:1px solid var(--pp-line);padding:13px 16px;color:#304266;font-size:15px;font-weight:700}
.panel-body{padding:16px}
.table-wrap{overflow:auto}
.ttc-table{border-collapse:separate;border-spacing:0;background:#fff}
.ttc-table th,.ttc-table td{border-right:0;border-bottom:1px solid #edf0f5;padding:10px 11px}
.ttc-table th{background:#fbfcfe;color:#52617f;font-size:12.5px;font-weight:700;letter-spacing:.01em}
.ttc-table tbody tr:nth-child(odd),.ttc-table tbody tr:nth-child(even){background:#fff}
.ttc-table tbody tr:hover{background:#f8faff}
.ttc-table tbody tr:last-child td{border-bottom:0}
.filter-row{
  background:#fff;
  border:1px solid var(--pp-line);
  border-radius:10px;
  box-shadow:var(--pp-shadow);
  padding:12px;
  gap:8px;
  margin:0 0 14px;
}
.filter-row input,.filter-row select,.form-control{
  height:36px;
  border:1px solid #dce2ec;
  border-radius:7px;
  background:#fff;
  color:#324466;
  padding:6px 10px;
}
.form-control:focus,.filter-row input:focus,.filter-row select:focus{border-color:#87a5ff;box-shadow:0 0 0 3px rgba(79,124,255,.10);outline:none}
.btn{min-height:36px;border-radius:7px;padding:7px 12px;font-weight:700;box-shadow:none}
.btn:not(.btn-danger):not(.btn-success):not(.btn-warning):not(.btn-cyan):not(.btn-muted){background:var(--pp-accent)}
.btn-success{background:#34a853}.btn-danger{background:#df4d5c}.btn-warning{background:#f7bd38;color:#3d331b}.btn-cyan{background:#4ca9c8}.btn-muted{background:#eef1f6;color:#516079}
.badge{border-radius:5px;padding:4px 7px;font-size:11px;line-height:1.15}
.badge-success{background:#36a854}.badge-danger{background:#dc4856}.badge-warning{background:#f4b92d;color:#3e341d}.badge-info{background:#5aa9d6}.badge-wrong-value{background:#dcedff;color:#386c9a}.badge-muted{background:#8491a7}
.stats-grid{gap:14px;margin-bottom:16px}
.stat-card{border:1px solid var(--pp-line);border-radius:10px;background:#fff;box-shadow:var(--pp-shadow);min-height:78px;padding:14px 16px}
.stat-label{color:#7a879f;font-size:13px}.stat-value{font-size:21px;color:#31589b;font-weight:700}.stat-icon{background:#eef3ff;color:#4f73bd}
.dashboard-panels{gap:14px}
.channel-stat,.routing-bulk,.compact-details{box-shadow:var(--pp-shadow)}
.pagination a,.pagination span{border-color:#e0e5ee;border-radius:6px;background:#fff;color:#61708d}.pagination .active{background:var(--pp-accent);border-color:var(--pp-accent)}
.switch{background:#ced5df}.switch.on{background:#4daf67}
.txn-more{color:#697896;font-size:22px;line-height:1;font-weight:700;padding:3px 9px;border-radius:6px}.txn-more:hover{background:#eef3ff;text-decoration:none;color:#3f64bd}
.charging-transactions-table{box-shadow:var(--pp-shadow)}

@media(max-width:1200px){
  .admin-sidebar{width:218px}.admin-main{margin-left:218px}.admin-content{padding:22px 22px 36px}
}
@media(max-width:1024px){
  .admin-sidebar{width:244px;transform:translateX(-100%);box-shadow:8px 0 28px rgba(27,47,83,.18)}
  .ttc-admin.sidebar-open .admin-sidebar{transform:translateX(0)}
  .admin-main{margin-left:0}
  .admin-topbar{height:64px;background:#fff;color:var(--pp-text);padding:0 14px}
  .admin-mobile-header{display:flex;gap:14px;align-items:center}
  .admin-mobile-header .admin-logo{color:#29467f;border:0;padding:0;height:auto}
  .admin-mobile-header .admin-logo small{color:#536c9d}
  .admin-hamburger{display:block;color:#365481;background:#edf2fa;border-radius:7px;width:38px;height:38px;font-size:22px}
  .admin-top-right{margin-left:auto}
  .admin-content{padding:18px 14px 30px}
  .page-head{display:block;margin-bottom:16px}.page-title{font-size:21px;margin-bottom:12px}.module-links{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.module-links a{white-space:nowrap}
  .filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.filter-row>*{width:100%;min-width:0;height:40px!important}.filter-row .btn{height:40px!important}
  .stats-grid{grid-template-columns:1fr 1fr}.dashboard-panels{grid-template-columns:1fr}
}
@media(max-width:640px){
  .admin-content{padding:12px 8px 24px}
  .admin-topbar{height:60px;padding:0 9px}
  .admin-user strong,.admin-top-right>a{display:none}
  .admin-user{border-left:0;padding-left:0}
  .admin-user-avatar{width:34px;height:34px}
  .page-title{font-size:20px}
  .filter-row{grid-template-columns:1fr 1fr;gap:7px;border-radius:8px;padding:8px}
  .filter-row .btn{font-size:13px;padding:6px 8px}
  .ttc-table{font-size:13px}.ttc-table th,.ttc-table td{padding:9px 8px}
  .panel,.table-wrap{border-radius:8px}
  .stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:76px;padding:12px}
}


/* Mobile transaction workspace: compact search/filter + native list cards */
.mobile-filter-toolbar,.mobile-txn-list{display:none}
@media(max-width:768px){
  body.ttc-admin-page{background:#f6f8fc}
  .admin-content{padding:10px 0 24px}
  .page-head{padding:0 14px;margin-bottom:10px}
  .page-title{font-size:21px}
  .module-links{padding:0 14px 5px;gap:16px}
  .mobile-filter-toolbar{display:grid;grid-template-columns:1fr 52px;gap:8px;padding:9px 14px;background:#fff;border-top:1px solid var(--pp-line);border-bottom:1px solid var(--pp-line);margin-bottom:0}
  .mobile-filter-query,.mobile-filter-icon{height:44px;border:1px solid #d8e0ec;background:#fff;border-radius:12px;color:#71809b;font:inherit;cursor:pointer}
  .mobile-filter-query{display:flex;align-items:center;gap:10px;padding:0 14px;text-align:left;overflow:hidden}
  .mobile-filter-query span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9ba8bb}
  .mobile-filter-icon{display:grid;place-items:center;font-size:20px;font-weight:800;color:#36527e}
  .mobile-filter-toolbar.is-open .mobile-filter-icon{background:#eef3ff;border-color:#aac0f8;color:#315fc7}
  .mobile-filter-collapsible{display:none!important;margin:0 14px 12px;border-radius:0 0 12px 12px;border-top:0;box-shadow:0 8px 22px rgba(39,62,103,.08);padding:10px;grid-template-columns:1fr 1fr}
  .mobile-filter-collapsible.is-open{display:grid!important}
  .mobile-filter-collapsible input,.mobile-filter-collapsible select,.mobile-filter-collapsible .form-control{height:42px!important;font-size:14px}
  .mobile-filter-collapsible .btn{height:42px!important}
  .charging-transactions-table{display:none!important}
  .mobile-txn-list{display:block;background:#fff;border-top:1px solid var(--pp-line)}
  .mobile-txn-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 14px;border-bottom:1px solid #e7ebf2;background:#fff;transition:background .2s ease,box-shadow .2s ease}
  .mobile-txn-card.realtime-updated{background:#f1f7ff;box-shadow:inset 3px 0 0 #5c86ec}
  .mobile-txn-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eef8f2;border:1px solid #c9ead5;color:#26944d;font-weight:800;font-size:18px}
  .mobile-txn-main{min-width:0}
  .mobile-txn-title{color:#183052;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-txn-sub{margin-top:5px;color:#667894;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-txn-time{margin-top:5px;color:#8996aa;font-size:12px;line-height:1.35}
  .mobile-txn-time br{display:none}.mobile-txn-time span+span:before{content:' · '}
  .mobile-txn-runtime{display:flex;gap:8px 12px;flex-wrap:wrap;margin-top:6px;color:#7c899e;font-size:11px}
  .mobile-txn-runtime b{color:#2f4568;font-weight:700}
  .mobile-txn-side{display:flex;min-width:88px;align-self:stretch;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;text-align:right}
  .mobile-txn-side .badge{font-size:11px;white-space:nowrap}
  .mobile-txn-amount{font-size:15px;color:#183052;white-space:nowrap}
  .mobile-txn-provider{font-size:11px;color:#73819a;font-weight:700}
  .mobile-txn-callback{font-size:10px;color:#9aa5b7;white-space:nowrap}
  .mobile-txn-side .txn-more{font-size:24px;margin-top:-2px;padding:0 5px;line-height:1}
  .mobile-empty{padding:34px 16px;text-align:center;color:#8e9aad}
}
@media(max-width:390px){
  .mobile-filter-collapsible{grid-template-columns:1fr}
  .mobile-txn-card{grid-template-columns:44px minmax(0,1fr) auto;padding:12px 10px;gap:8px}
  .mobile-txn-avatar{width:38px;height:38px;font-size:16px}
  .mobile-txn-side{min-width:78px}
  .mobile-txn-runtime{gap:6px 9px}
}

/* PingPong mobile refinement - frontend presentation only */
.admin-sidebar-backdrop{display:none}
.admin-mobile-title{display:none}
.mobile-filter-count{display:none}
@media(max-width:1024px){
  .admin-sidebar{z-index:60;width:min(82vw,320px);background:#304b80;box-shadow:10px 0 32px rgba(18,35,67,.22);transition:transform .18s ease-out}
  .admin-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:55;border:0;background:rgba(20,34,58,.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;padding:0}
  .ttc-admin.sidebar-open .admin-sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .admin-logo{height:92px;padding:0 22px;font-size:24px;background:#304b80;border-bottom:1px solid rgba(255,255,255,.08)}
  .admin-nav{padding:18px 14px 40px}
  .admin-nav a{min-height:46px;margin:3px 0;border-radius:8px;color:#fff;font-size:15px;font-weight:650}
  .admin-nav a.active{background:#4d68a3;box-shadow:none}
  .admin-nav a.active:before{background:#7fa5ff}

  .admin-topbar{height:66px;background:#fff;color:#253b67;border-bottom:1px solid #e5ebf3;padding:0 14px;box-shadow:none}
  .admin-mobile-header{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
  .admin-mobile-title{display:block;font-size:21px;line-height:1.1;color:#21375f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .admin-hamburger{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border:1px solid #d9e2ef;border-radius:9px;background:#fff;color:#315a92;font-size:22px;line-height:1;padding:0}
  .admin-top-right{gap:8px}.admin-user{border:0;padding:0}.admin-user-avatar{background:#eff4fb;color:#315a92}.admin-user strong,.admin-top-right>a{display:none}
  .admin-content{padding:12px 10px 26px;background:#fff}
  .page-head{margin-bottom:8px}.page-head .page-title{display:none}.module-links{gap:16px;margin:0 -2px 8px;padding:4px 2px 7px;border-bottom:1px solid #eef2f7}.module-links a{font-size:13px;color:#4f78c9;font-weight:650}

  body.ttc-admin-page .mobile-filter-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;padding:8px 0 12px;margin:0;background:#fff;border:0}
  .mobile-filter-query{height:46px;border:1px solid #d6dfeb;border-radius:23px;background:#fff;color:#8898b0;padding:0 15px;font-size:14px;box-shadow:none}
  .mobile-filter-query:before{content:'⌕';font-size:18px;color:#526a92;margin-right:2px}
  .mobile-filter-query>span{color:#9aa8bb;font-size:14px}
  .mobile-filter-icon{position:relative;width:48px;height:46px;border:1.5px solid #4e82db;border-radius:23px;background:#fff;color:#2873d4;font-size:0;box-shadow:none}
  .mobile-filter-icon:before{content:'☷';font-size:21px;font-weight:800;line-height:1}
  .mobile-filter-toolbar.is-open .mobile-filter-icon{background:#f4f8ff;border-color:#2873d4;color:#2873d4}
  .mobile-filter-count{display:grid;position:absolute;right:-3px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;place-items:center;background:#2f7fe8;color:#fff;font-size:11px;font-weight:800;border:2px solid #fff}
  .mobile-filter-count[hidden]{display:none}
  body.ttc-admin-page .mobile-filter-collapsible{display:none!important;margin:0 0 12px;padding:10px;border:1px solid #e2e8f1;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(30,51,86,.08);grid-template-columns:1fr 1fr;gap:8px}
  .mobile-filter-collapsible.is-open{display:grid!important}
  .mobile-filter-collapsible input,.mobile-filter-collapsible select,.mobile-filter-collapsible .form-control{height:42px!important;border-radius:8px!important;font-size:14px!important;background:#fff!important}
  .mobile-filter-collapsible .btn{height:42px!important;border-radius:8px!important}

  .mobile-txn-list{margin-top:2px;border-top:1px solid #edf1f6}
  .mobile-txn-card{border-radius:0!important;box-shadow:none!important;border-left:0!important;border-right:0!important;background:#fff!important}
}
@media(max-width:640px){
  .admin-content{padding-left:10px;padding-right:10px}
  .module-links{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.module-links::-webkit-scrollbar{display:none}
  .mobile-filter-collapsible{grid-template-columns:1fr 1fr}
  .mobile-filter-collapsible .btn[data-reset-filters]{grid-column:1/-1}
}



/* Etherscan-inspired unified frontend skin - visual-only */
:root{
  --eth-blue:#0784c3;
  --eth-blue-hover:#0575ad;
  --eth-blue-soft:#eaf7fc;
  --eth-navy:#0b2f4f;
  --eth-text:#1e293b;
  --eth-muted:#6b7280;
  --eth-bg:#f8f9fa;
  --eth-card:#fff;
  --eth-line:#e5e7eb;
  --eth-line-strong:#d7dde5;
  --eth-success:#00a186;
  --eth-danger:#dc3545;
  --eth-warning:#f4b740;
  --eth-info:#17a2b8;
  --eth-radius:10px;
  --eth-radius-sm:7px;
  --eth-shadow:0 1px 2px rgba(16,24,40,.03),0 4px 12px rgba(16,24,40,.035);
}
html,body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--eth-bg);color:var(--eth-text)}
a{color:var(--eth-blue)}a:hover{color:var(--eth-blue-hover);text-decoration:none}

/* shared data surfaces */
.panel,.table-wrap,.stat-card,.channel-stat,.compact-details,.routing-bulk,.login-card{background:var(--eth-card);border:1px solid var(--eth-line);box-shadow:var(--eth-shadow);border-radius:var(--eth-radius)}
.panel-title{background:#fff;color:#334155;border-bottom:1px solid var(--eth-line);font-size:14px;font-weight:700;padding:12px 14px}
.panel-body{padding:14px}
.form-control,.filter-row input,.filter-row select{border:1px solid var(--eth-line-strong);border-radius:var(--eth-radius-sm);background:#fff;color:#334155;height:38px;box-shadow:none}
.form-control:focus,.filter-row input:focus,.filter-row select:focus{outline:0;border-color:#66b9dd;box-shadow:0 0 0 3px rgba(7,132,195,.10)}
.btn{border-radius:var(--eth-radius-sm);min-height:36px;padding:7px 12px;font-weight:600;box-shadow:none}
.btn:not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-cyan):not(.btn-muted){background:var(--eth-blue)}
.btn:not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-cyan):not(.btn-muted):hover{background:var(--eth-blue-hover)}
.btn-success{background:var(--eth-success)}.btn-danger{background:var(--eth-danger)}.btn-warning{background:var(--eth-warning);color:#3f3520}.btn-cyan{background:var(--eth-info)}.btn-muted{background:#f1f5f9;color:#475569}
.badge{border-radius:5px;padding:4px 7px;font-size:11px;font-weight:700}.badge-success{background:var(--eth-success)}.badge-danger{background:var(--eth-danger)}.badge-warning{background:#fff3cd;color:#8a6513;border:1px solid #f3df9a}.badge-info{background:#e7f7fb;color:#16768c}.badge-wrong-value{background:#e7f5ff;color:#0b72a8}.badge-muted{background:#eef2f7;color:#64748b}
.ttc-table{border-collapse:separate;border-spacing:0;background:#fff}.ttc-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:700;text-transform:none;letter-spacing:.01em;border-bottom:1px solid var(--eth-line)}.ttc-table th,.ttc-table td{border-right:0;border-bottom:1px solid #edf0f3;padding:9px 10px}.ttc-table tbody tr:nth-child(odd),.ttc-table tbody tr:nth-child(even){background:#fff}.ttc-table tbody tr:hover{background:#f7fbfd}.ttc-table tbody tr:last-child td{border-bottom:0}
.text-success{color:var(--eth-success)}.text-danger{color:var(--eth-danger)}.muted{color:#7b8794}

/* admin shell: explorer-like light chrome */
body.ttc-admin-page,.ttc-admin{background:var(--eth-bg);color:var(--eth-text)}
.admin-sidebar{width:214px;background:#fff;color:#334155;border-right:1px solid var(--eth-line);box-shadow:none}
.admin-main{margin-left:214px;background:var(--eth-bg)}
.admin-logo{height:76px;justify-content:flex-start;padding:0 20px;color:var(--eth-navy);border-bottom:1px solid var(--eth-line);font-size:23px;background:#fff}.admin-logo small{color:#64748b;font-size:9px;letter-spacing:.9px}
.admin-nav{padding:12px 10px 32px}.admin-nav a{min-height:40px;margin:2px 0;padding:9px 11px;border-radius:7px;color:#475569;font-weight:600;gap:10px}.admin-nav a>span:first-child{color:#7b8794}.admin-nav a:hover{background:#f3f7fa;color:var(--eth-navy);transform:none}.admin-nav a.active{background:var(--eth-blue-soft);color:var(--eth-blue);box-shadow:none}.admin-nav a.active>span:first-child{color:var(--eth-blue)}.admin-nav a.active:before{display:none}
.admin-topbar{height:58px;background:#fff;border-bottom:1px solid var(--eth-line);padding:0 20px;box-shadow:none}.admin-top-left{font-size:13px;color:#7b8794}.admin-top-left a{color:#64748b;font-weight:600}.admin-user{border-left:1px solid var(--eth-line);padding-left:14px}.admin-user-avatar{background:#f1f5f9;color:var(--eth-navy)}.admin-user strong{color:#334155}
.admin-content{padding:20px 22px 36px;max-width:1720px}.page-head{margin-bottom:14px;align-items:center}.page-title{font-size:21px;color:#1f2937;font-weight:650;letter-spacing:-.2px}.module-links{gap:6px 15px}.module-links a{color:var(--eth-blue);font-size:13px;font-weight:600}
.filter-row{background:#fff;border:1px solid var(--eth-line);border-radius:var(--eth-radius);box-shadow:var(--eth-shadow);padding:10px;margin:0 0 12px;gap:7px}
.stats-grid{gap:10px;margin-bottom:12px}.stat-card{min-height:76px;padding:13px 14px}.stat-label{font-size:12px;color:#7b8794}.stat-value{font-size:19px;color:var(--eth-navy);font-weight:700}.stat-icon{background:var(--eth-blue-soft);color:var(--eth-blue)}
.dashboard-panels{gap:10px}.pagination .active{background:var(--eth-blue);border-color:var(--eth-blue)}.switch.on{background:var(--eth-success)}
.txn-more{color:#64748b}.txn-more:hover{background:var(--eth-blue-soft);color:var(--eth-blue)}

/* member/frontend shell: Etherscan-like top navigation */
body.front-page,.front{background:var(--eth-bg);color:var(--eth-text);min-height:100vh}
.front-header{background:#fff;box-shadow:none;border-bottom:1px solid var(--eth-line)}
.front-top{max-width:1280px;height:64px;padding:0 4px}.front-logo{color:var(--eth-navy);font-size:23px;letter-spacing:-.2px}.front-logo small{color:#64748b;font-size:9px;letter-spacing:.8px}
.front-user{gap:8px;color:#475569;font-size:13px}.front-account{background:#fff;color:var(--eth-navy);border:1px solid var(--eth-line);border-radius:7px;padding:7px 10px}.front-account:hover{background:#f8fafc;color:var(--eth-blue)}
.front-nav{max-width:1280px;height:44px;gap:4px;border-top:1px solid #f4f5f7}.front-nav a{color:#475569;font-size:12.5px;font-weight:600;padding:8px 10px;border-radius:6px;text-transform:none}.front-nav a:hover{background:var(--eth-blue-soft);color:var(--eth-blue)}
.breadcrumb{background:#fff;border-top:0;border-bottom:1px solid var(--eth-line)}.breadcrumb-inner{max-width:1280px;color:#7b8794;padding:9px 4px;font-size:12.5px}
.front-main{max-width:1280px;padding:20px 4px 38px}.front-title{font-size:21px;color:#1f2937}.front-alert{background:#fff;border:1px solid var(--eth-line);border-radius:var(--eth-radius);padding:12px 14px;font-size:14px;line-height:1.65;box-shadow:var(--eth-shadow)}
.front-form-row{background:#fff;border:1px solid var(--eth-line);border-radius:var(--eth-radius);padding:10px;box-shadow:var(--eth-shadow)}.front-form-row .form-control{height:38px}.front-btn{height:38px}
.front-tabs{justify-content:flex-start;gap:6px;margin:12px 0}.front-tab{background:#fff;border:1px solid var(--eth-line);color:#64748b;border-radius:7px;padding:7px 11px}.front-tab:hover{border-color:#b9d9e9;color:var(--eth-blue)}.front-tab.active{background:var(--eth-blue);border-color:var(--eth-blue);color:#fff}
.fee-title,.history-title{text-align:left;color:#334155;font-size:17px;margin:18px 0 9px}.front-scroll{background:#fff;border-radius:var(--eth-radius);box-shadow:var(--eth-shadow)}.front-scroll .ttc-table{border:1px solid var(--eth-line)}
.front-footer{max-width:1280px;border-top:1px solid var(--eth-line);color:#7b8794;padding:17px 4px}
.login-card{max-width:420px;margin:70px auto;padding:22px;background:#fff}.login-card h2{font-size:20px;color:#1f2937}

/* realtime hint stays subtle */
.realtime-updated{animation:ethRealtime .85s ease-out}@keyframes ethRealtime{0%{background:#eaf7fc}100%{background:transparent}}

/* responsive explorer layout */
@media(max-width:1200px){.admin-sidebar{width:204px}.admin-main{margin-left:204px}.admin-content{padding:18px}.front-top,.front-nav,.breadcrumb-inner,.front-main,.front-footer{margin-left:14px;margin-right:14px}}
@media(max-width:1024px){
  .admin-sidebar{width:min(82vw,300px);background:#fff;border-right:1px solid var(--eth-line);box-shadow:8px 0 26px rgba(15,23,42,.10)}
  .admin-main{margin-left:0}.admin-logo{background:#fff;color:var(--eth-navy)}.admin-nav a{color:#475569}.admin-nav a.active{background:var(--eth-blue-soft);color:var(--eth-blue)}
  .admin-sidebar-backdrop{background:rgba(15,23,42,.28)}
  .admin-topbar{height:58px;background:#fff;color:var(--eth-text);padding:0 12px}.admin-mobile-title{font-size:18px;color:#1f2937}.admin-hamburger{width:38px;height:38px;border:1px solid var(--eth-line);border-radius:7px;background:#fff;color:var(--eth-navy)}
  .admin-content{padding:12px 10px 28px;background:var(--eth-bg)}.page-head{margin-bottom:8px}.module-links{border-bottom:1px solid var(--eth-line);padding-bottom:7px}
  .mobile-filter-toolbar{grid-template-columns:minmax(0,1fr) 46px;padding:5px 0 10px;background:transparent}.mobile-filter-query,.mobile-filter-icon{height:42px;background:#fff;border:1px solid var(--eth-line);border-radius:21px}.mobile-filter-icon{border-color:#8cc8e5;color:var(--eth-blue)}.mobile-filter-toolbar.is-open .mobile-filter-icon{background:var(--eth-blue-soft);border-color:var(--eth-blue);color:var(--eth-blue)}.mobile-filter-count{background:var(--eth-blue)}
  .mobile-filter-collapsible{background:#fff;border:1px solid var(--eth-line);box-shadow:var(--eth-shadow);border-radius:9px}
  .front-top{height:60px;margin:0;padding:0 12px;justify-content:flex-start}.front-logo{font-size:21px}.front-top .front-user{right:12px}.mobile-front-bar{display:flex;left:auto;right:12px;top:13px;width:38px;height:38px;border:1px solid var(--eth-line);border-radius:7px;background:#fff;color:var(--eth-navy);align-items:center;justify-content:center}.front-user{right:58px!important}.front-user .nowrap{display:none}.front-account{border:0;padding:7px;background:transparent}.front-nav{top:60px!important;border-top:1px solid var(--eth-line);background:#fff!important}.front.nav-open .front-nav a{padding:11px 8px;border-bottom:1px solid #f1f3f5}.front-main{margin:0;padding:12px 10px 30px}.breadcrumb{display:none}
}
@media(max-width:640px){
  .admin-content{padding:10px 8px 24px}.admin-topbar{height:56px}.admin-mobile-title{font-size:17px}.module-links{gap:13px}.module-links a{font-size:12.5px}
  .mobile-txn-list{border:1px solid var(--eth-line);border-radius:9px;overflow:hidden;background:#fff;margin-top:3px}.mobile-txn-card{grid-template-columns:42px minmax(0,1fr) auto;padding:12px 10px;border-bottom:1px solid var(--eth-line);background:#fff}.mobile-txn-avatar{width:36px;height:36px;background:var(--eth-blue-soft);border:0;color:var(--eth-blue);font-size:15px}.mobile-txn-title{color:#334155;font-size:13.5px}.mobile-txn-sub{color:#7b8794}.mobile-txn-amount{color:#1f2937}.mobile-txn-provider{color:#64748b}.mobile-txn-runtime{color:#8994a3}.mobile-txn-runtime b{color:#475569}
  .front-main{padding:10px 8px 28px}.front-alert{font-size:13px;padding:10px}.front-form-row{padding:8px}.front-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.front-tab{white-space:nowrap}.fee-title,.history-title{font-size:16px}.login-card{margin:32px 10px;padding:18px}
}


/* Charging admin density pass: desktop one-row filters + balanced columns */
@media(min-width:1025px){
  .charging-filter-row{
    display:grid;
    grid-template-columns:minmax(112px,.85fr) minmax(112px,.85fr) minmax(130px,1fr) minmax(112px,.9fr) 116px minmax(125px,1fr) minmax(125px,1fr) 122px 122px auto auto auto;
    align-items:center;
    gap:7px;
    padding:10px;
    overflow-x:auto;
  }
  .charging-filter-row>*{min-width:0!important;width:100%}
  .charging-filter-row .charging-filter-business{width:116px}
  .charging-filter-row input[type=date]{width:122px;min-width:122px!important}
  .charging-filter-row .btn{width:auto;white-space:nowrap}

  .charging-transactions-table{table-layout:fixed;width:100%}
  .charging-transactions-table .txn-check{width:32px;text-align:center}
  .charging-transactions-table .txn-id{width:50px;text-align:center}
  .charging-transactions-table .txn-status{width:86px}
  .charging-transactions-table .txn-money{width:82px}
  .charging-transactions-table .txn-ref{width:168px}
  .charging-transactions-table .txn-telco{width:82px}
  .charging-transactions-table .txn-provider{width:90px}
  .charging-transactions-table .txn-percent{width:58px}
  .charging-transactions-table .txn-time{width:190px;white-space:normal;line-height:1.3}
  .charging-transactions-table .txn-customer{width:118px}
  .charging-transactions-table .txn-source{width:94px}
  .charging-transactions-table .txn-action{width:38px;text-align:center}
  .charging-transactions-table th,.charging-transactions-table td{overflow:hidden;text-overflow:ellipsis}
  .charging-transactions-table .txn-ref,.charging-transactions-table .txn-time,.charging-transactions-table .txn-customer{overflow:visible}
}
@media(min-width:1025px) and (max-width:1380px){
  .charging-filter-row{
    grid-template-columns:108px 108px 120px 105px 104px 118px 118px 116px 116px auto auto auto;
    gap:6px;
  }
  .charging-filter-row{font-size:12.5px}
  .charging-filter-row .form-control,.charging-filter-row input,.charging-filter-row select,.charging-filter-row .btn{padding-left:8px;padding-right:8px}
  .charging-transactions-table{font-size:12.5px}
  .charging-transactions-table .txn-ref{width:150px}
  .charging-transactions-table .txn-time{width:176px}
  .charging-transactions-table .txn-customer{width:108px}
}


/* Desktop charging filter single-row + collapsible admin sidebar */
.admin-sidebar-collapse{position:sticky;bottom:0;display:flex;align-items:center;gap:9px;width:100%;height:44px;margin-top:14px;padding:0 16px;border:0;border-top:1px solid var(--eth-line);background:#fff;color:#64748b;cursor:pointer;font:inherit;text-align:left}
.admin-sidebar-collapse span{font-size:18px;line-height:1;color:var(--eth-blue)}
.admin-sidebar-collapse em{font-style:normal;font-size:12.5px;font-weight:600;white-space:nowrap}
.admin-sidebar-collapse:hover{background:#f8fafc;color:#334155}
@media(min-width:1025px){
  .ttc-admin,.admin-sidebar,.admin-main,.admin-logo,.admin-nav a,.admin-sidebar-collapse{transition:width .18s ease,margin-left .18s ease,padding .18s ease,background .15s ease}
  .ttc-admin.sidebar-collapsed .admin-sidebar{width:72px}
  .ttc-admin.sidebar-collapsed .admin-main{margin-left:72px}
  .ttc-admin.sidebar-collapsed .admin-logo{padding:0;font-size:20px;justify-content:center}
  .ttc-admin.sidebar-collapsed .admin-logo small{display:none}
  .ttc-admin.sidebar-collapsed .admin-nav{padding-left:8px;padding-right:8px}
  .ttc-admin.sidebar-collapsed .admin-nav a{justify-content:center;padding-left:0;padding-right:0;gap:0}
  .ttc-admin.sidebar-collapsed .admin-nav a>span:first-child{width:auto;font-size:17px}
  .ttc-admin.sidebar-collapsed .admin-nav a>span:last-child{display:none}
  .ttc-admin.sidebar-collapsed .admin-sidebar-collapse{justify-content:center;padding:0}
  .ttc-admin.sidebar-collapsed .admin-sidebar-collapse span{transform:rotate(180deg)}
  .ttc-admin.sidebar-collapsed .admin-sidebar-collapse em{display:none}

  .charging-filter-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:7px!important;overflow:visible!important;padding:10px 12px!important}
  .charging-filter-row>*{min-width:0!important;width:auto!important;flex:0 1 auto!important}
  .charging-filter-row select[name="telcoCode"]{flex:0 1 120px!important;width:120px!important}
  .charging-filter-row select[name="denomination"]{flex:0 1 120px!important;width:120px!important}
  .charging-filter-row select[name="providerCode"]{flex:0 1 145px!important;width:145px!important}
  .charging-filter-row select[name="status"]{flex:0 1 120px!important;width:120px!important}
  .charging-filter-row .charging-filter-business{flex:0 1 104px!important;width:104px!important}
  .charging-filter-row input[data-hash-param="serialHash"]{flex:1 1 130px!important;min-width:92px!important}
  .charging-filter-row input[data-hash-param="codeHash"]{flex:1 1 130px!important;min-width:92px!important}
  .charging-filter-row input[type=date]{flex:0 1 118px!important;width:118px!important;min-width:104px!important}
  .charging-filter-row .btn{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important;padding-left:11px!important;padding-right:11px!important}
  .charging-filter-row .btn[data-export-table]{width:38px!important;padding-left:0!important;padding-right:0!important}

  .charging-transactions-table{table-layout:fixed;width:100%}
  .charging-transactions-table .txn-check{width:30px;text-align:center}
  .charging-transactions-table .txn-id{width:46px;text-align:center}
  .charging-transactions-table .txn-status{width:82px}
  .charging-transactions-table .txn-money{width:78px}
  .charging-transactions-table .txn-ref{width:156px}
  .charging-transactions-table .txn-telco{width:78px}
  .charging-transactions-table .txn-provider{width:86px}
  .charging-transactions-table .txn-percent{width:54px}
  .charging-transactions-table .txn-time{width:168px!important;white-space:normal;line-height:1.25}
  .charging-transactions-table .txn-customer{width:108px}
  .charging-transactions-table .txn-source{width:88px}
  .charging-transactions-table .txn-action{width:34px;text-align:center}
}
@media(min-width:1025px) and (max-width:1280px){
  .charging-filter-row{gap:5px!important;padding:8px!important;font-size:12px}
  .charging-filter-row select[name="telcoCode"],.charging-filter-row select[name="denomination"]{width:102px!important;flex-basis:102px!important}
  .charging-filter-row select[name="providerCode"]{width:118px!important;flex-basis:118px!important}
  .charging-filter-row select[name="status"]{width:102px!important;flex-basis:102px!important}
  .charging-filter-row .charging-filter-business{width:92px!important;flex-basis:92px!important}
  .charging-filter-row input[type=date]{width:108px!important;flex-basis:108px!important}
  .charging-filter-row .form-control,.charging-filter-row .btn{padding-left:7px!important;padding-right:7px!important}
}
@media(max-width:1024px){.admin-sidebar-collapse{display:none}}


/* Charging transaction pagination */
.charging-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 4px;padding:2px 1px;color:#64748b;font-size:13px}
.charging-page-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.page-btn{min-width:34px;height:34px;padding:0 9px;border:1px solid var(--eth-line-strong);border-radius:6px;background:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-decoration:none}
.page-btn:hover{border-color:var(--eth-blue);color:var(--eth-blue);background:var(--eth-blue-soft);text-decoration:none}
.page-btn.active{background:var(--eth-blue);border-color:var(--eth-blue);color:#fff}
.page-arrow{font-size:20px;font-weight:400}
.page-ellipsis{min-width:26px;text-align:center;color:#94a3b8}
@media(max-width:600px){.charging-pagination{align-items:flex-start;flex-direction:column;margin-top:10px}.charging-page-nav{width:100%;justify-content:center}.charging-pagination-total{font-size:12px}.page-btn{min-width:32px;height:32px;padding:0 7px}}

/* Central charging pricing page */
.pricing-provider-picker{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;background:#fff;border:1px solid var(--eth-line);border-radius:var(--eth-radius);box-shadow:var(--eth-shadow)}
.pricing-provider-picker label{font-weight:600;white-space:nowrap}.pricing-provider-picker select{max-width:420px;min-width:260px}
@media(max-width:600px){.pricing-provider-picker{align-items:stretch;flex-direction:column;gap:7px}.pricing-provider-picker select{max-width:none;min-width:0;width:100%}}


/* Finance Control Center */
.finance-subtitle{margin-top:4px;color:#7b8798;font-size:12.5px}.finance-date-filter{display:flex;align-items:end;gap:8px;margin:0 0 14px}.finance-date-filter label{font-size:12px;font-weight:600;color:#5d6a7b}.finance-date-filter .form-control{display:block;margin-top:4px;min-width:145px}.finance-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;margin-bottom:14px}.finance-kpi-grid .stat-card{background:#fff;border:1px solid var(--eth-line,#e5eaf0);border-radius:9px;box-shadow:var(--eth-shadow,0 3px 12px rgba(0,0,0,.04));min-height:82px}.finance-kpi-grid .stat-value{font-size:19px}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.finance-attention{display:flex;flex-direction:column;gap:7px}.finance-attention-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5eaf0;border-radius:8px;background:#f9fbfd;color:#334155;text-decoration:none}.finance-attention-item:hover{text-decoration:none;filter:brightness(.99)}.finance-attention-item.danger{background:#fff5f5;border-color:#ffd3d3}.finance-attention-item.warning{background:#fffaf0;border-color:#ffe5aa}.finance-attention-item.info{background:#f2f7ff;border-color:#d7e6ff}.finance-health-ok{padding:14px;border:1px solid #bde7c7;border-radius:8px;background:#f1fbf4;color:#168a36;font-weight:700}.finance-profit-total{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 4px 2px;font-size:15px}.finance-profit-total strong{font-size:20px;color:#168a36}.finance-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.finance-form .form-control{width:100%;min-width:0}.finance-form .finance-wide{grid-column:1/-1}.finance-form .btn{justify-self:start}.finance-close-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.finance-close-actions .btn{min-width:112px}.finance-table-note{font-size:12px;color:#7b8798;margin:6px 0 10px}
@media(max-width:1100px){.finance-kpi-grid{grid-template-columns:repeat(2,1fr)}.finance-grid{grid-template-columns:1fr}}
@media(max-width:640px){.finance-kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.finance-kpi-grid .stat-card{min-height:80px;padding:9px}.finance-kpi-grid .stat-value{font-size:16px}.finance-date-filter{align-items:stretch;flex-wrap:wrap}.finance-date-filter label{width:100%}.finance-date-filter .form-control{width:100%}.finance-form{grid-template-columns:1fr}.finance-form .finance-wide{grid-column:auto}.finance-form .btn{width:100%}.finance-attention-item{align-items:flex-start;flex-direction:column}.finance-close-actions .btn{flex:1 1 calc(50% - 8px)}}


.finance-onboarding-warning{margin:0 0 14px;padding:12px 14px;border:1px solid #f0c36d;background:#fff8e6;border-radius:8px;color:#7a5200}.finance-onboarding-warning a{font-weight:700}

/* Account profile R9 */
.account-profile{--profile-line:#e4eaf1;--profile-soft:#f7f9fc;--profile-navy:#17365d;--profile-blue:#1878c7;--profile-green:#159947;--profile-shadow:0 8px 28px rgba(31,50,78,.055);display:flex;flex-direction:column;gap:16px;color:#26384f;min-width:0;width:100%;max-width:100%}
.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%);border:1px solid var(--profile-line);border-radius:14px;box-shadow:var(--profile-shadow)}
.profile-identity{display:flex;align-items:center;gap:16px;min-width:0}.profile-avatar{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#17365d,#1d7cc1);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800;box-shadow:0 8px 20px rgba(24,74,121,.18);flex:0 0 auto}.profile-identity-copy{min-width:0}.profile-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#7a8ca3;margin-bottom:3px}.profile-identity h1{font-size:24px;line-height:1.2;margin:0;color:#1c2d44;letter-spacing:-.3px}.profile-identity-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:7px;color:#718096;font-size:12.5px}.profile-hero-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.profile-hero-actions .btn{min-width:106px}
.profile-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-kpi{position:relative;overflow:hidden;padding:17px 18px;background:#fff;border:1px solid var(--profile-line);border-radius:12px;box-shadow:var(--profile-shadow)}.profile-kpi:after{content:'';position:absolute;width:76px;height:76px;border-radius:50%;right:-28px;top:-30px;background:#eef6fd}.profile-kpi span,.profile-kpi small,.profile-kpi strong{position:relative;z-index:1;display:block}.profile-kpi span{font-size:12.5px;color:#7a889b;font-weight:650}.profile-kpi strong{font-size:21px;margin-top:5px;color:#1c3557;letter-spacing:-.25px}.profile-kpi small{font-size:11.5px;color:#95a1b0;margin-top:3px}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.profile-card{background:#fff;border:1px solid var(--profile-line);border-radius:13px;box-shadow:var(--profile-shadow);overflow:hidden}.profile-card-head{min-height:68px;padding:14px 17px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-card-head>div{display:flex;align-items:center;gap:10px;min-width:0}.profile-card-icon{width:34px;height:34px;border-radius:9px;background:#edf6fc;color:var(--profile-blue);display:grid;place-items:center;font-size:15px;font-weight:800;flex:0 0 auto}.profile-card-head h2{font-size:15.5px;line-height:1.25;margin:0;color:#263a55}.profile-card-head p{font-size:11.8px;color:#8a97a7;margin:3px 0 0}.profile-text-link{font-size:12px;font-weight:700;color:var(--profile-blue);white-space:nowrap}.profile-details{display:grid;grid-template-columns:1fr 1fr;padding:5px 17px 12px}.profile-detail{min-height:57px;padding:11px 10px 9px 0;border-bottom:1px solid #f0f2f5}.profile-detail:nth-last-child(-n+2){border-bottom:0}.profile-detail span:first-child{display:block;font-size:11.5px;color:#8996a7;margin-bottom:4px}.profile-detail strong{font-size:13.5px;font-weight:650;color:#32445b;overflow-wrap:anywhere}
.profile-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:750;line-height:1.1;white-space:nowrap}.profile-chip.success{background:#eaf8ef;color:#168740}.profile-chip.primary{background:#eaf4fc;color:#176fae}.profile-chip.danger{background:#fff0f0;color:#c43c3c}.profile-chip.muted{background:#f0f3f6;color:#758398}
.profile-bank-section{overflow:visible}.profile-section-head{border-radius:13px 13px 0 0}.profile-bank-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;padding:16px}.profile-bank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.profile-bank-card{border:1px solid #e4e9ef;border-radius:11px;padding:14px;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s}.profile-bank-card:hover{border-color:#c9d9e7;box-shadow:0 6px 18px rgba(24,55,90,.06);transform:translateY(-1px)}.profile-bank-card.is-disabled{opacity:.68;background:#fafbfc}.profile-bank-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px}.profile-bank-logo,.profile-bank-logo-fallback{width:38px;height:38px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid #edf0f4;padding:4px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#51657c}.profile-bank-head>div:nth-child(2){min-width:0}.profile-bank-head>div:nth-child(2) strong,.profile-bank-head>div:nth-child(2) span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-bank-head>div:nth-child(2) strong{font-size:13.5px;color:#2c4059}.profile-bank-head>div:nth-child(2) span{font-size:10.5px;color:#98a4b1;margin-top:2px}.profile-bank-badges{display:flex;gap:4px;align-items:center}.profile-bank-number{font-size:20px;letter-spacing:.045em;font-weight:750;color:#17365d;margin:16px 0 12px;white-space:nowrap}.profile-bank-owner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #f0f2f5}.profile-bank-owner span{font-size:11px;color:#929dab}.profile-bank-owner strong{font-size:11.8px;color:#536479;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-bank-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.profile-bank-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.profile-bank-actions form{margin:0}.profile-link-btn{border:0;background:transparent;padding:2px 0;color:#2978b5;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.profile-link-btn.danger{color:#cb4747}.profile-link-btn:hover{text-decoration:underline}.profile-add-bank{border:1px solid #dfe8f1;border-radius:11px;background:#f9fbfd;padding:15px;align-self:start}.profile-add-bank-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.profile-add-bank-head>span{width:34px;height:34px;border-radius:9px;background:#e8f6ee;color:#168b43;display:grid;place-items:center;font-size:20px}.profile-add-bank-head h3{font-size:14px;margin:0;color:#2b405a}.profile-add-bank-head p{font-size:11.5px;margin:3px 0 0;color:#8b98a8}
.profile-payout-manager [hidden]{display:none!important}.profile-form{display:grid;grid-template-columns:1fr;gap:11px;padding:16px 17px}.profile-form-two{grid-template-columns:1fr 1fr}.profile-field{display:flex;flex-direction:column;gap:6px;min-width:0}.profile-field>span{font-size:11.8px;color:#607086;font-weight:650}.profile-field small{font-size:10.8px;color:#929eac}.profile-field-wide{grid-column:1/-1}.account-profile .form-control{width:100%;min-width:0;height:42px;border-radius:8px;background:#fff;border-color:#d7dfe8;padding:7px 11px}.account-profile select.form-control{padding-right:28px}.profile-submit{justify-self:start;min-width:145px}.profile-readonly{min-height:42px;padding:8px 11px;border:1px dashed #d9e0e7;border-radius:8px;background:#f8fafc;color:#617087;font-size:12.5px}.profile-readonly small{display:block;margin-top:2px}.profile-security-note{padding:10px 11px;border-radius:8px;background:#f4f8fc;border:1px solid #e1eaf2;color:#6d7d90;font-size:11.5px;line-height:1.5}.profile-form-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-empty{min-height:168px;border:1px dashed #d8e1ea;border-radius:11px;background:#fbfcfd;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;color:#64748b}.profile-empty.compact{min-height:120px}.profile-empty-icon{font-size:30px;color:#9aabba}.profile-empty strong{font-size:13.5px;color:#41546b}.profile-empty p{font-size:11.8px;margin:5px 0 0;color:#8c99a8}
.profile-api-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid #cfe2f2;background:linear-gradient(135deg,#f6fbff,#fff);border-radius:13px;box-shadow:var(--profile-shadow)}.profile-api-card>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.profile-api-icon{width:44px;height:44px;border-radius:11px;background:#17365d;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.04em;flex:0 0 auto}.profile-api-card h2{font-size:15px;margin:0;color:#263a55}.profile-api-card p{font-size:12px;color:#7f8da0;margin:4px 0 0}.profile-api-actions{display:flex;gap:8px;flex:0 0 auto}.profile-settings-grid{align-items:stretch}.profile-settings-grid>.profile-card{height:100%}
@media(max-width:1050px){.profile-bank-layout{grid-template-columns:1fr}.profile-bank-list{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-add-bank{max-width:none}.profile-card-head{align-items:flex-start}}
@media(max-width:820px){.profile-grid{grid-template-columns:1fr}.profile-details{grid-template-columns:1fr 1fr}.profile-api-card{align-items:flex-start}.profile-bank-list{grid-template-columns:1fr}.profile-form-two{grid-template-columns:1fr}.profile-field-wide{grid-column:auto}}
@media(max-width:640px){.account-profile{gap:10px}.profile-hero{padding:15px;align-items:flex-start;flex-direction:column;border-radius:11px}.profile-identity{align-items:flex-start;gap:11px}.profile-avatar{width:48px;height:48px;border-radius:12px;font-size:20px}.profile-eyebrow{font-size:9.5px}.profile-identity h1{font-size:19px}.profile-identity-meta{gap:6px;font-size:11px}.profile-hero-actions{width:100%}.profile-hero-actions .btn{flex:1 1 0;min-width:0}.profile-kpis{grid-template-columns:1fr 1fr;gap:7px}.profile-kpi{padding:13px 12px;border-radius:10px}.profile-kpi:first-child{grid-column:1/-1}.profile-kpi strong{font-size:18px}.profile-card{border-radius:10px}.profile-card-head{min-height:auto;padding:12px}.profile-card-head p{display:none}.profile-card-head .profile-text-link{font-size:11px}.profile-card-icon{width:30px;height:30px}.profile-card-head h2{font-size:14px}.profile-details{grid-template-columns:1fr;padding:2px 12px 9px}.profile-detail{min-height:50px;padding:9px 0}.profile-detail:nth-last-child(-n+2){border-bottom:1px solid #f0f2f5}.profile-detail:last-child{border-bottom:0}.profile-bank-layout{padding:10px}.profile-bank-card{padding:12px}.profile-bank-number{font-size:18px}.profile-bank-head{grid-template-columns:34px minmax(0,1fr);}.profile-bank-logo,.profile-bank-logo-fallback{width:34px;height:34px}.profile-bank-badges{grid-column:1/-1;justify-content:flex-start;margin-top:2px}.profile-bank-footer{align-items:flex-start;flex-direction:column}.profile-bank-actions{margin-left:0;width:100%;justify-content:space-between}.profile-add-bank{padding:12px}.profile-form{padding:12px;gap:10px}.profile-submit{width:100%;justify-self:stretch}.profile-form-actions{display:grid;grid-template-columns:1fr}.profile-form-actions .btn{width:100%}.profile-api-card{padding:14px;align-items:stretch;flex-direction:column}.profile-api-actions{display:grid;grid-template-columns:1fr 1fr}.profile-api-actions .btn{width:100%;padding-left:6px;padding-right:6px}.profile-text-link{white-space:normal}.account-profile .form-control{height:44px}.profile-readonly{min-height:44px}}
@media(max-width:390px){.profile-kpis{grid-template-columns:1fr}.profile-kpi:first-child{grid-column:auto}.profile-api-actions{grid-template-columns:1fr}.profile-hero-actions{display:grid;grid-template-columns:1fr 1fr}.profile-bank-owner{align-items:flex-start;flex-direction:column;gap:3px}}

/* napthe247.com brand identity */
.admin-logo{display:flex;align-items:center;justify-content:center;padding:10px 13px;background:#fff;border-bottom:1px solid var(--eth-line,#e5e7eb);text-decoration:none}
.admin-logo img{display:block;width:100%;max-width:154px;height:auto;max-height:54px;object-fit:contain}
.front-logo{display:inline-flex;align-items:center;justify-content:flex-start;text-decoration:none;line-height:1}
.front-logo:hover{text-decoration:none}
.front-logo img{display:block;width:205px;height:auto;max-height:48px;object-fit:contain;object-position:left center}
.login-brand{display:flex;justify-content:center;margin:0 auto 22px}
.login-brand img{width:240px;max-width:100%;max-height:64px}
@media(max-width:1024px){.front-logo img{width:176px;max-height:42px}.front-top{padding-left:58px}.front-top .front-logo{min-width:0}}
@media(max-width:640px){.front-logo img{width:150px;max-height:37px}.front-top{padding-left:50px}.login-brand img{width:210px}.admin-logo img{max-width:150px}}


/* R11 compact member UI */
body.front-page{background:#f7f9fc}
.front{--member-navy:#102a4c;--member-blue:#1677d2;--member-text:#1d2f46;--member-muted:#74839a;--member-line:#e3e9f0;--member-soft:#f7f9fc;--member-success:#179b61;background:var(--member-soft);color:var(--member-text)}
.front-header{background:#fff;border-bottom:1px solid var(--member-line);box-shadow:none}
.front-top{height:62px;max-width:1180px;padding:0 2px}.front-logo img{width:178px;max-height:40px}.front-user{gap:10px}.front-user>.nowrap{display:none}.front-account{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--member-navy);padding:6px 7px;font-weight:650;font-size:13px}.front-account:hover{background:#f4f7fb;color:var(--member-blue)}
.front-nav{height:42px;max-width:1180px;gap:2px;border-top:1px solid #f3f5f7}.front-nav a{height:42px;display:inline-flex;align-items:center;color:#5f6f85;font-size:13px;font-weight:560;padding:0 14px;border-radius:0;border-bottom:2px solid transparent}.front-nav a:hover{background:transparent;color:var(--member-blue);border-bottom-color:#b9d7f2;text-decoration:none}
.front-main{max-width:1180px;padding:24px 2px 42px}.front-footer{max-width:1180px;color:#8490a0;background:transparent}.mobile-front-bar{border-color:var(--member-line)!important;color:var(--member-navy)!important;border-radius:8px!important}.btn-primary-compact{background:var(--member-blue);color:#fff;min-height:36px;padding:7px 16px;border-radius:7px;font-size:13px;font-weight:700}.btn-primary-compact:hover{background:#1168ba;text-decoration:none}.btn-primary-compact:disabled{background:#b8c3cf;color:#fff;cursor:not-allowed}
.withdraw-page{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.withdraw-heading h1{margin:0;color:#172b46;font-size:28px;letter-spacing:-.4px}.withdraw-heading p{margin:6px 0 0;color:var(--member-muted);font-size:13.5px}.withdraw-balance,.withdraw-card,.withdraw-history{background:#fff;border:1px solid var(--member-line);border-radius:11px;box-shadow:0 3px 14px rgba(21,45,75,.035)}.withdraw-balance{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.withdraw-balance>div:first-child{display:flex;flex-direction:column}.withdraw-balance span{font-size:12px;color:#67768a;font-weight:650}.withdraw-balance strong{font-size:26px;color:var(--member-navy);margin-top:4px;letter-spacing:-.3px}.withdraw-balance small{color:#8b97a7;font-size:11.5px;margin-top:4px}.withdraw-wallet-icon{width:50px;height:50px;border-radius:10px;background:#eef4fb;color:#7e9cc0;display:grid;place-items:center;font-size:22px}.withdraw-form-card{padding:18px 20px}.withdraw-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.withdraw-fields label{display:flex;flex-direction:column;gap:6px;min-width:0}.withdraw-fields label>span{font-size:12.5px;font-weight:650;color:#31445d}.withdraw-fields label>small{font-size:11px;color:#8a96a6;margin-left:auto}.withdraw-amount-field{grid-column:1/-1}.withdraw-money-input{display:flex;align-items:center;border:1px solid #d5dde7;border-radius:8px;overflow:hidden;background:#fff}.withdraw-money-input .form-control{border:0;box-shadow:none!important;border-radius:0;min-width:0}.withdraw-money-input>span{padding:0 12px;color:#718096;font-weight:600}.withdraw-page .form-control{height:42px;border-radius:8px;border-color:#d5dde7;padding:7px 11px;font-size:13.5px}.withdraw-page .form-control:focus{border-color:#8bb9e3;box-shadow:0 0 0 3px rgba(22,119,210,.08)}.withdraw-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;border:1px solid #e7ecf2;border-radius:9px;background:#f9fbfd}.withdraw-summary>div{padding:11px 14px;border-right:1px solid #e7ecf2}.withdraw-summary>div:last-child{border-right:0}.withdraw-summary span,.withdraw-summary strong{display:block}.withdraw-summary span{font-size:11px;color:#7a8798}.withdraw-summary strong{font-size:14px;color:#20354f;margin-top:4px}.withdraw-policy{display:flex;gap:7px;align-items:flex-start;margin-top:11px;color:#8491a1;font-size:11.5px;line-height:1.45}.withdraw-policy>span:first-child{color:var(--member-blue)}.withdraw-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:14px}.withdraw-actions>a{font-size:12px;color:#617187}.withdraw-alert{padding:10px 12px;border:1px solid #f0c4c4;border-radius:8px;background:#fff8f8;color:#b54040;font-size:12px}.withdraw-empty-state{padding:18px 20px;display:flex;align-items:flex-start;flex-direction:column;gap:7px}.withdraw-empty-state strong{color:#263a53}.withdraw-empty-state span{color:#7d8999;font-size:12px}.withdraw-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--member-line)}.withdraw-section-head h2{font-size:16px;color:#213650;margin:0}.withdraw-section-head a{font-size:11.5px}.withdraw-history-list{padding:0 18px}.withdraw-history-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(145px,.9fr) minmax(110px,.65fr) minmax(150px,.75fr);align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f4}.withdraw-history-row:last-child{border-bottom:0}.withdraw-history-main strong,.withdraw-history-main span,.withdraw-history-recipient strong,.withdraw-history-recipient span,.withdraw-history-money strong,.withdraw-history-money span{display:block}.withdraw-history-main strong{font-size:12.5px;color:#263a53;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.withdraw-history-main span,.withdraw-history-recipient span,.withdraw-history-money span{font-size:10.5px;color:#8b97a6;margin-top:3px}.withdraw-history-recipient strong{font-size:12px;color:#31445d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.withdraw-history-money strong{font-size:13px;color:#263a53}.withdraw-history-status{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.withdraw-history-status .badge{border-radius:999px;padding:4px 8px}.withdraw-detail-link{border:1px solid #cbd8e6;border-radius:6px;padding:4px 8px;background:#fff;color:#2b67a4;font-size:10.5px;font-weight:700;text-decoration:none}.withdraw-detail-link:hover{background:#f2f7fc}.withdraw-link-danger{border:0;background:transparent;color:#bd4444;font-size:11px;font-weight:650;cursor:pointer}.withdraw-empty{padding:22px;text-align:center;color:#8a96a5;font-size:12px}.member-withdrawal-modal-open{overflow:hidden}.member-withdrawal-modal-backdrop{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.46);backdrop-filter:blur(1px)}.member-withdrawal-modal-backdrop[hidden]{display:none!important}.member-withdrawal-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(680px,calc(100vw - 32px));max-height:min(88dvh,820px);overflow:hidden;background:#fff;border:1px solid #dce4ed;border-radius:12px;box-shadow:0 24px 70px rgba(15,23,42,.24)}.member-withdrawal-modal>header,.member-withdrawal-modal>footer{display:flex;align-items:center;padding:13px 16px}.member-withdrawal-modal>header{justify-content:space-between;border-bottom:1px solid #e7edf3}.member-withdrawal-modal>header strong{font-size:16px;color:#20354f}.member-withdrawal-modal>header button{width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:#718096;font-size:24px;cursor:pointer}.member-withdrawal-modal>footer{justify-content:flex-end;border-top:1px solid #e7edf3;background:#f8fafc}.member-withdrawal-modal-body{min-height:0;overflow:auto;padding:16px}.member-withdrawal-modal-loading,.member-withdrawal-modal-error{padding:32px 18px;text-align:center;color:#718096}.member-withdrawal-detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.member-withdrawal-detail-head span,.member-withdrawal-detail-grid dt,.member-withdrawal-detail-amounts span{font-size:11px;color:#7a8798}.member-withdrawal-detail-head strong{display:block;margin-top:3px;color:#20354f}.member-withdrawal-detail-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.member-withdrawal-detail-amounts>div{padding:11px 12px;border:1px solid #e4eaf1;border-radius:8px;background:#f8fafc}.member-withdrawal-detail-amounts strong{display:block;margin-top:4px;color:#20354f;font-size:15px}.member-withdrawal-detail-grid{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid #e4eaf1;border-radius:9px;overflow:hidden}.member-withdrawal-detail-grid>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:10px;padding:10px 12px;border-bottom:1px solid #edf1f5}.member-withdrawal-detail-grid>div:nth-last-child(-n+2){border-bottom:0}.member-withdrawal-detail-grid>div:nth-child(odd){border-right:1px solid #edf1f5}.member-withdrawal-detail-grid dt,.member-withdrawal-detail-grid dd{margin:0}.member-withdrawal-detail-grid dd{color:#263a53;font-size:12px;font-weight:650;overflow-wrap:anywhere}
@media(max-width:1024px){.front-top{height:58px;padding:0 54px 0 12px;justify-content:flex-start}.front-logo img{width:160px;max-height:36px}.front-top .front-user{right:54px!important}.front-user .front-account{font-size:12.5px}.mobile-front-bar{right:10px;top:10px;width:38px;height:38px}.front.nav-open .front-nav{top:58px!important;padding:5px 12px 10px}.front.nav-open .front-nav a{height:auto;padding:10px 5px;border-bottom:1px solid #eef1f4}.front-main{padding:18px 12px 34px}}
@media(max-width:640px){.front-top{height:56px;padding-left:12px}.front-logo img{width:142px;max-height:32px}.front-top .front-user{right:50px!important}.front-account{font-size:0;padding:5px}.front-account:before{content:'♟';font-size:18px}.mobile-front-bar{top:9px}.withdraw-page{gap:11px}.withdraw-heading h1{font-size:24px}.withdraw-heading p{font-size:12.5px;line-height:1.5}.withdraw-balance{padding:14px 15px}.withdraw-balance strong{font-size:22px}.withdraw-wallet-icon{width:42px;height:42px}.withdraw-form-card{padding:14px}.withdraw-fields{grid-template-columns:1fr;gap:12px}.withdraw-amount-field{grid-column:auto}.withdraw-page .form-control{height:44px;font-size:14px}.withdraw-summary{grid-template-columns:1fr 1fr 1fr}.withdraw-summary>div{padding:9px 8px}.withdraw-summary span{font-size:9.5px}.withdraw-summary strong{font-size:12.5px}.withdraw-actions{margin-top:12px}.withdraw-actions .btn{min-width:105px}.withdraw-section-head{padding:13px 14px}.withdraw-history-list{padding:0 14px}.withdraw-history-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:12px 0}.withdraw-history-recipient,.withdraw-history-money{grid-column:1/2}.withdraw-history-status{grid-column:2;grid-row:1/4;flex-direction:column;align-items:flex-end;justify-content:flex-start}.withdraw-history-main strong{max-width:210px}.withdraw-history-status .badge{font-size:10px}.withdraw-link-danger{font-size:10px}.member-withdrawal-modal-backdrop{padding:0}.member-withdrawal-modal{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.member-withdrawal-modal-body{padding:14px}.member-withdrawal-detail-amounts{grid-template-columns:1fr 1fr}.member-withdrawal-detail-amounts>div:first-child{grid-column:1/-1}.member-withdrawal-detail-grid{grid-template-columns:1fr}.member-withdrawal-detail-grid>div,.member-withdrawal-detail-grid>div:nth-child(odd),.member-withdrawal-detail-grid>div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid #edf1f5}.member-withdrawal-detail-grid>div:last-child{border-bottom:0}}

/* R12 canonical member shell + wallet history pagination */
.withdraw-page{max-width:none;width:100%;margin:0}
.member-wallet-history{width:100%;min-width:0}
.member-history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 15px}
.member-history-heading .front-title{margin:0}
.member-history-heading p{margin:5px 0 0;color:var(--member-muted,#74839a);font-size:12.5px}
.member-history-heading>a{font-size:12px;font-weight:650;white-space:nowrap}
.member-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:13px 0 0;color:#738196;font-size:12.5px}
.member-pagination .charging-page-nav{margin-left:auto}
@media(min-width:1025px){
  .front-top,.front-nav,.breadcrumb-inner,.front-main,.front-footer{width:calc(100% - 32px);max-width:1180px;margin-left:auto!important;margin-right:auto!important}
  .front-top,.front-main,.front-footer{padding-left:2px;padding-right:2px}
  .breadcrumb-inner{padding-left:2px;padding-right:2px}
  .front-nav{padding-left:0;padding-right:0}
  .front-nav a:first-child{padding-left:2px}
}
@media(max-width:640px){
  .member-history-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:10px}
  .member-history-heading p{font-size:11.5px}
  .member-pagination{align-items:flex-start;flex-direction:column;gap:8px}
  .member-pagination .charging-page-nav{width:100%;margin-left:0;justify-content:center}
  .member-pagination-total{font-size:11.5px}
}


/* R13 payout routing is internal: user only chooses destination + amount */
.withdraw-page .withdraw-bank-field,.withdraw-page .withdraw-amount-field{grid-column:auto}
@media(max-width:640px){.withdraw-page .withdraw-bank-field,.withdraw-page .withdraw-amount-field{grid-column:auto}}

/* R83 withdrawal mobile containment + native narrow layout */
.withdraw-page{min-width:0;width:100%;max-width:100%}.withdraw-page .withdraw-balance,.withdraw-page .withdraw-card,.withdraw-page .withdraw-history,.withdraw-page .withdraw-history-list,.withdraw-page .withdraw-history-row,.withdraw-page .withdraw-history-main,.withdraw-page .withdraw-history-recipient,.withdraw-page .withdraw-history-money,.withdraw-page .withdraw-history-status{min-width:0;max-width:100%}.withdraw-balance>div:first-child{min-width:0}.withdraw-balance small,.withdraw-policy span,.withdraw-section-head h2,.withdraw-section-head a{overflow-wrap:anywhere}.withdraw-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.withdraw-bank-field,.withdraw-amount-field,.withdraw-money-input{min-width:0}.withdraw-page select.form-control,.withdraw-page input.form-control{width:100%;max-width:100%;min-width:0}.withdraw-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.withdraw-summary>div{min-width:0}.withdraw-summary strong{overflow-wrap:anywhere}.withdraw-actions{min-width:0;flex-wrap:wrap}.withdraw-section-head{min-width:0;flex-wrap:wrap}
@media(max-width:640px){.withdraw-fields{grid-template-columns:minmax(0,1fr)}.withdraw-bank-field,.withdraw-amount-field{grid-column:auto}.withdraw-history-row{grid-template-columns:minmax(0,1fr) auto}.withdraw-history-main,.withdraw-history-recipient,.withdraw-history-money{min-width:0}.withdraw-history-status{min-width:0}}
@media(max-width:480px){.withdraw-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.withdraw-summary>div:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid #e7ecf2}.withdraw-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.withdraw-actions>a{text-align:center}.withdraw-actions .btn{width:100%}.withdraw-section-head{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:430px){.withdraw-history-row{grid-template-columns:minmax(0,1fr);gap:7px;padding:13px 0}.withdraw-history-main,.withdraw-history-recipient,.withdraw-history-money,.withdraw-history-status{grid-column:1!important;grid-row:auto!important}.withdraw-history-status{flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;padding-top:3px}.withdraw-history-main strong{max-width:100%}.withdraw-balance{align-items:flex-start;gap:10px}.withdraw-wallet-icon{flex:0 0 auto}}

/* Account profile R14 tab workspace */
.profile-subnav{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:7px;background:#fff;border:1px solid var(--profile-line);border-radius:12px;box-shadow:var(--profile-shadow);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.profile-subnav::-webkit-scrollbar{display:none}.profile-tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid transparent;border-radius:8px;color:#5d6e83;font-size:12.5px;font-weight:700;white-space:nowrap;flex:0 0 auto;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.profile-tab:hover{background:#f5f8fb;border-color:#e3eaf1;color:var(--profile-blue);text-decoration:none}.profile-tab.active{background:#eaf4fd;border-color:#cfe4f7;color:#176fac;box-shadow:0 1px 3px rgba(24,93,146,.06)}.profile-tab-icon{width:24px;height:24px;border-radius:7px;background:#f0f5fa;color:#6080a2;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:800;flex:0 0 auto}.profile-tab.active .profile-tab-icon{background:#fff;color:#176fac}.profile-tab-icon.api{font-size:8px;letter-spacing:.02em}.profile-tab-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eef2f6;color:#6e7d90;display:grid;place-items:center;font-size:10px;font-style:normal}.profile-tab.active .profile-tab-count{background:#fff;color:#176fac}.profile-tab-panels{min-width:0}.profile-panel[hidden]{display:none!important}.profile-panel{min-width:0;animation:profilePanelIn .14s ease-out}@keyframes profilePanelIn{from{opacity:.35;transform:translateY(2px)}to{opacity:1;transform:none}}.profile-security-center{height:100%}.profile-security-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 17px}.profile-security-actions>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:145px;padding:15px;border:1px solid #e7edf3;border-radius:10px;background:#fafcfe}.profile-security-actions strong{font-size:13.5px;color:#31455e}.profile-security-actions span{font-size:11.5px;line-height:1.55;color:#8491a1;min-height:36px}.profile-security-actions .btn{margin-top:auto}.profile-api-workspace{margin-bottom:14px}.profile-api-guide{overflow:hidden}.profile-api-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:8px 17px 18px}.profile-api-steps>div{position:relative;padding:16px 18px 14px 42px;border-right:1px solid #edf1f5}.profile-api-steps>div:last-child{border-right:0}.profile-api-steps>div>span{position:absolute;left:8px;top:15px;width:25px;height:25px;border-radius:8px;background:#eaf4fc;color:#176fac;display:grid;place-items:center;font-size:11px;font-weight:800}.profile-api-steps strong{display:block;font-size:13px;color:#31455e}.profile-api-steps p{font-size:11.5px;line-height:1.5;color:#8491a1;margin:5px 0 0}.profile-password-wrap{max-width:720px;margin:0 auto}.profile-panel .profile-bank-section{margin:0}
@media(max-width:820px){.profile-subnav{margin-left:-1px;margin-right:-1px}.profile-security-actions{grid-template-columns:1fr}.profile-security-actions>div{min-height:0}.profile-api-steps{grid-template-columns:1fr;padding:8px 14px 14px}.profile-api-steps>div{border-right:0;border-bottom:1px solid #edf1f5;padding:13px 12px 13px 42px}.profile-api-steps>div:last-child{border-bottom:0}}
@media(max-width:640px){.profile-subnav{gap:4px;padding:5px;border-radius:10px}.profile-tab{min-height:39px;padding:0 10px;font-size:11.5px;gap:6px}.profile-tab-icon{width:22px;height:22px;border-radius:6px}.profile-tab-count{min-width:18px;height:18px;padding:0 5px}.profile-security-actions{padding:10px}.profile-api-workspace{margin-bottom:10px}.profile-password-wrap{max-width:none}}

/* R15 Etherscan-inspired single-row member header */
@media(min-width:1025px){
  .front-header{position:relative;z-index:60}
  .front-top{height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:0 2px}
  .front-logo{display:flex;align-items:center;min-width:158px}.front-logo img{width:154px;max-height:38px}
  .front-nav{position:static!important;display:flex!important;align-items:center;justify-content:flex-end;max-width:none!important;width:auto!important;height:68px!important;margin:0!important;border:0!important;gap:2px;overflow:visible}
  .front-nav a{height:68px;padding:0 12px;border-bottom:3px solid transparent;font-size:13px;font-weight:600;color:#334155}
  .front-nav a:hover,.front-nav a.active{color:var(--member-blue);border-bottom-color:var(--member-blue);background:transparent}
  .front-user{position:relative!important;right:auto!important;display:flex;align-items:center;justify-content:flex-end;min-width:150px}
  .front-account{height:40px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:#fff;cursor:pointer}
  .front-account:hover,.front-user.open .front-account{border-color:#dce4ed;background:#f8fafc}
  .front-account-icon{font-size:13px}.front-account-name{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.front-account-caret{font-size:12px;color:#708096;transition:transform .15s}.front-user.open .front-account-caret{transform:rotate(180deg)}
  .front-account-menu{display:none;position:absolute;right:0;top:52px;width:230px;padding:8px;background:#fff;border:1px solid #dfe5ec;border-radius:10px;box-shadow:0 14px 34px rgba(18,38,63,.15);z-index:100}
  .front-user.open .front-account-menu{display:block}
  .front-account-menu-head{padding:10px 11px 11px;border-bottom:1px solid #edf1f5;margin-bottom:5px}.front-account-menu-head strong,.front-account-menu-head span{display:block}.front-account-menu-head strong{font-size:13px;color:#1f334d}.front-account-menu-head span{font-size:11px;color:#8290a2;margin-top:4px}
  .front-account-menu>a{display:flex;align-items:center;min-height:38px;padding:8px 10px;border-radius:7px;color:#42546a;font-size:12.5px;font-weight:550}.front-account-menu>a:hover{background:#f4f8fc;color:var(--member-blue);text-decoration:none}
  .front-account-menu-sep{height:1px;background:#edf1f5;margin:5px 2px}.front-account-menu>a.front-account-signout{color:#b34141}.front-account-menu>a.front-account-signout:hover{background:#fff5f5;color:#a62f2f}
  .mobile-front-bar{display:none!important}
}
.profile-signout{background:#fff!important;color:#53657a!important;border:1px solid #d7e0e9!important}.profile-signout:hover{background:#fff6f6!important;color:#b23b3b!important;border-color:#e8bcbc!important;text-decoration:none!important}
@media(max-width:1024px){
  .front-top{display:flex;height:58px;padding:0 54px 0 12px;gap:12px}
  .front-logo{order:1}.front-user{order:2;margin-left:auto}.mobile-front-bar{order:3;position:absolute;right:10px;top:10px}
  .front-nav{display:none}
  .front.nav-open .front-nav{display:flex;position:absolute;left:0;right:0;top:58px!important;height:auto!important;max-width:none!important;margin:0!important;padding:7px 12px 12px!important;background:#fff;box-shadow:0 12px 24px rgba(18,38,63,.12);border-top:1px solid #edf1f5;flex-direction:column;align-items:stretch;gap:0;z-index:70}
  .front.nav-open .front-nav a{display:flex;width:100%;height:42px;padding:0 10px;border:0;border-radius:7px;align-items:center}.front.nav-open .front-nav a:hover,.front.nav-open .front-nav a.active{background:#edf6fd;color:var(--member-blue)}
  .front-account-menu{display:none;position:absolute;right:0;top:45px;width:min(250px,calc(100vw - 24px));padding:8px;background:#fff;border:1px solid #dfe5ec;border-radius:10px;box-shadow:0 14px 34px rgba(18,38,63,.15);z-index:100}
  .front-user.open .front-account-menu{display:block}.front-account-menu-head{padding:10px 11px;border-bottom:1px solid #edf1f5}.front-account-menu-head strong,.front-account-menu-head span{display:block}.front-account-menu-head span{font-size:11px;color:#8290a2;margin-top:3px}.front-account-menu>a{display:flex;padding:10px;border-radius:7px;color:#42546a}.front-account-menu>a:hover{background:#f4f8fc;text-decoration:none}.front-account-menu-sep{height:1px;background:#edf1f5;margin:5px 2px}.front-account-signout{color:#b34141!important}
}
@media(max-width:640px){
  .front-account-name,.front-account-caret{display:none}.front-account{width:38px;height:38px;display:grid;place-items:center;padding:0}.front-account-icon{font-size:17px}.front-account:before{content:none!important}
  .profile-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.profile-hero-actions .profile-signout{grid-column:1/-1}
}


/* R16 structured public content + contact settings */
.settings-workspace{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}.settings-card{background:#fff;border:1px solid var(--spa-line);border-radius:11px;box-shadow:var(--spa-shadow);overflow:hidden}.settings-card:first-child{grid-column:1}.settings-card:nth-child(2){grid-column:2}.settings-preview{grid-column:1/-1}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid #edf1f5;background:#fbfcfe}.settings-card-head h2{margin:0;color:#183250;font-size:16px}.settings-card-head p{margin:4px 0 0;color:#7c8999;font-size:12px;line-height:1.45}.settings-toggle-label{display:flex;align-items:center;gap:8px;color:#53637a;font-size:12px;font-weight:700}.settings-toggle-label .form-control{min-width:82px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:16px 18px}.settings-field{display:flex;flex-direction:column;gap:6px;min-width:0}.settings-field>span{color:#41536a;font-size:12px;font-weight:700}.settings-field .form-control{width:100%;height:40px}.settings-field-full{grid-column:1/-1}.settings-textarea{height:auto!important;min-height:64px;resize:vertical;padding-top:9px}.settings-front-preview{margin:0;padding:18px;background:#fff;text-align:center;border:0}.settings-preview-contacts{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.settings-preview-contacts b,.front-support-links b{color:#c5ccd5;font-weight:400}.settings-savebar{grid-column:1/-1;position:sticky;bottom:12px;z-index:5;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:11px 13px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid var(--spa-line);border-radius:10px;box-shadow:0 8px 24px rgba(26,46,72,.12)}.settings-savebar [data-form-notice]:empty{display:none}.settings-advanced{margin-top:16px;border:1px solid var(--spa-line);border-radius:10px;background:#fff;overflow:hidden}.settings-advanced summary{padding:13px 15px;cursor:pointer;font-weight:700;color:#46576d;background:#fafbfd}.settings-advanced-body{padding:12px}.front-support-links{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:3px}.front-support-links>span:first-child{font-weight:700;color:#475569}.front-support-links a{font-weight:700}.front-support-links a:hover{text-decoration:underline}
@media(max-width:980px){.settings-workspace{grid-template-columns:1fr}.settings-card:first-child,.settings-card:nth-child(2),.settings-preview{grid-column:1}.settings-savebar{grid-column:1}}
@media(max-width:640px){.settings-card-head{padding:13px 14px;flex-direction:column}.settings-grid{grid-template-columns:1fr;padding:13px 14px}.settings-field-full{grid-column:1}.settings-savebar{bottom:6px}.settings-savebar .btn{width:100%}.settings-front-preview{padding:14px 10px}.front-support-links{font-size:12px;gap:5px}}

/* R17 member reconciliation */
.recon-page{display:flex;flex-direction:column;gap:14px}.recon-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.recon-eyebrow{font-size:11px;letter-spacing:.09em;font-weight:800;color:#2b7cc3}.recon-heading h1{margin:5px 0 4px;font-size:25px;color:#1c2f49}.recon-heading p{margin:0;color:#748196;max-width:800px;line-height:1.55}.recon-filter{display:flex;align-items:end;gap:9px;padding:12px;background:#fff;border:1px solid #e1e7ee;border-radius:10px;box-shadow:0 3px 12px rgba(18,38,63,.035)}.recon-filter label{font-size:11.5px;font-weight:700;color:#64748b}.recon-filter label .form-control{display:block;margin-top:5px;height:36px}.recon-filter-link{height:36px;display:inline-flex;align-items:center;padding:0 9px;color:#4c6f96;font-size:12px}.recon-export{margin-left:auto;background:#eef5fb;color:#256fae;border:1px solid #d7e7f4;min-height:36px}.recon-health{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:10px;border:1px solid}.recon-health strong{font-size:14px}.recon-health span{font-size:12.5px}.recon-health.ok{background:#f2fbf5;border-color:#c6e9d0;color:#19763a}.recon-health.bad{background:#fff5f5;border-color:#f2c6c6;color:#a73d3d}.recon-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recon-kpis>div{padding:14px;background:#fff;border:1px solid #e1e7ee;border-radius:10px;box-shadow:0 3px 12px rgba(18,38,63,.035)}.recon-kpis span,.recon-flow-grid span{display:block;color:#718096;font-size:11.5px;font-weight:650}.recon-kpis strong{display:block;font-size:20px;color:#1f3553;margin:5px 0}.recon-kpis small{color:#8b97a8;font-size:11px}.recon-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:12px}.recon-panel{background:#fff;border:1px solid #e1e7ee;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px rgba(18,38,63,.03)}.recon-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #edf1f5}.recon-panel-head h2{margin:0;font-size:15px;color:#253b57}.recon-panel-head span{font-size:11px;color:#8290a2}.recon-panel .table-wrap{border:0}.recon-balance-list{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 14px}.recon-balance-list>div{padding:9px 12px;border-right:1px solid #edf1f5}.recon-balance-list>div:nth-child(3n){border-right:0}.recon-balance-list span{display:block;color:#7d8999;font-size:11px}.recon-balance-list strong{display:block;margin-top:4px;font-size:14px;color:#253b57}.recon-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:8px 14px}.recon-flow-grid>div{padding:10px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.recon-flow-grid>div:nth-child(4n){border-right:0}.recon-flow-grid strong{display:block;margin-top:5px;font-size:14px;color:#263a54}.recon-withdraw-summary{display:flex;flex-wrap:wrap;gap:8px 18px;padding:11px 14px;background:#f8fafc;border-top:1px solid #edf1f5;font-size:11.5px;color:#66758a}.recon-zero{color:#1e9a5a!important}.recon-positive{color:#1e9a5a!important}.recon-negative{color:#c54a4a!important}.recon-empty-ok{padding:13px 14px;border:1px solid #c9ead3;border-radius:10px;background:#f4fbf6;color:#1d7f42;font-weight:650;font-size:12.5px}.recon-mismatch{border-color:#f1d0d0}.recon-note{margin:0;color:#7f8b9b;font-size:11.5px;line-height:1.5}
@media(max-width:900px){.recon-kpis{grid-template-columns:repeat(2,1fr)}.recon-grid{grid-template-columns:1fr}.recon-flow-grid{grid-template-columns:repeat(2,1fr)}.recon-flow-grid>div:nth-child(4n){border-right:1px solid #edf1f5}.recon-flow-grid>div:nth-child(2n){border-right:0}.recon-filter{flex-wrap:wrap}.recon-export{margin-left:0}}
@media(max-width:600px){.recon-heading h1{font-size:21px}.recon-filter label{flex:1 1 calc(50% - 6px)}.recon-filter label .form-control{width:100%;min-width:0}.recon-filter .btn-primary-compact,.recon-export{flex:1 1 100%;width:100%}.recon-filter-link{flex:1;justify-content:center}.recon-health{align-items:flex-start;flex-direction:column}.recon-kpis{grid-template-columns:1fr 1fr;gap:7px}.recon-kpis>div{padding:11px}.recon-kpis strong{font-size:16px}.recon-balance-list{grid-template-columns:1fr 1fr;padding:8px}.recon-balance-list>div{border-right:0!important;border-bottom:1px solid #edf1f5;padding:9px}.recon-flow-grid{grid-template-columns:1fr 1fr;padding:7px}.recon-panel-head{align-items:flex-start;flex-direction:column}.recon-withdraw-summary{flex-direction:column;gap:6px}}

/* R18 public homepage + guest onboarding inspired by explorer-style information architecture */
.front-guest-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.front-signin,.front-signup{display:inline-flex;align-items:center;justify-content:center;height:38px;border-radius:8px;font-size:12.5px;font-weight:700;padding:0 13px;text-decoration:none}.front-signin{color:#34475f;border:1px solid #dfe6ee;background:#fff}.front-signin:hover{background:#f7f9fc;color:var(--member-blue);text-decoration:none}.front-signup{color:#fff;background:var(--member-blue);border:1px solid var(--member-blue)}.front-signup:hover{background:#1068bb;color:#fff;text-decoration:none}.front-guest .front-main{max-width:1180px}.public-home{display:flex;flex-direction:column;gap:34px}.public-hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:34px;align-items:center;padding:42px 0 20px}.public-kicker,.public-section-head>span,.public-cta>div>span{display:block;color:#2b78bf;font-size:10.5px;font-weight:800;letter-spacing:.12em}.public-hero h1{margin:10px 0 14px;color:#172d49;font-size:48px;line-height:1.06;letter-spacing:-1.6px}.public-hero h1 em{font-style:normal;color:#1677d2}.public-hero-copy>p{max-width:680px;margin:0;color:#66758a;font-size:16px;line-height:1.7}.public-hero-actions{display:flex;gap:10px;align-items:center;margin-top:23px}.public-primary,.public-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:750;text-decoration:none}.public-primary{background:#1677d2;color:#fff;border:1px solid #1677d2}.public-primary:hover{background:#0f68bd;color:#fff;text-decoration:none}.public-secondary{background:#fff;color:#36526f;border:1px solid #d9e2eb}.public-secondary:hover{background:#f7f9fc;color:#1677d2;text-decoration:none}.public-trust-line{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px;color:#738196;font-size:11.5px}.public-trust-line span:before{color:#21a06b}.public-hero-console{background:#fff;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 16px 40px rgba(17,50,86,.08);padding:16px 18px}.public-console-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #edf1f5;color:#5c6f85;font-size:12px;font-weight:700}.public-console-head b{font-size:9px;letter-spacing:.08em;color:#138f58;background:#eaf8f1;border:1px solid #cdebdc;border-radius:999px;padding:4px 7px}.public-console-step{display:flex;align-items:center;gap:12px;padding:12px 0}.public-console-step i{width:34px;height:34px;border-radius:9px;background:#edf5fc;color:#176fae;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:800;flex:0 0 auto}.public-console-step strong,.public-console-step span{display:block}.public-console-step strong{font-size:13px;color:#263b56}.public-console-step span{font-size:11px;color:#8290a2;margin-top:3px}.public-console-line{height:10px;border-left:1px dashed #bfd1e3;margin:-6px 0 -6px 17px}.public-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.public-stat-grid>div{background:#fff;border:1px solid #e1e7ee;border-radius:10px;padding:15px 16px;box-shadow:0 3px 12px rgba(18,38,63,.03)}.public-stat-grid span,.public-stat-grid strong,.public-stat-grid small{display:block}.public-stat-grid span{color:#7a8798;font-size:10.5px;font-weight:700}.public-stat-grid strong{color:#1e3551;font-size:20px;margin-top:5px}.public-stat-grid small{color:#96a0ad;font-size:10.5px;margin-top:3px}.public-section{scroll-margin-top:88px}.public-section-head{margin-bottom:16px}.public-section-head h2,.public-cta h2{margin:5px 0 5px;color:#1d334f;font-size:25px;letter-spacing:-.35px}.public-section-head p,.public-cta p{margin:0;color:#778599;font-size:12.5px;line-height:1.55}.public-section-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.public-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.public-service-grid article{background:#fff;border:1px solid #e1e7ee;border-radius:11px;padding:17px;min-height:190px;display:flex;flex-direction:column;box-shadow:0 3px 12px rgba(18,38,63,.03)}.public-service-grid i{width:36px;height:36px;border-radius:9px;background:#edf5fc;color:#176fae;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:800}.public-service-grid h3{margin:13px 0 6px;color:#263b56;font-size:15px}.public-service-grid p{margin:0;color:#7b8797;font-size:11.5px;line-height:1.55}.public-service-grid a{margin-top:auto;padding-top:13px;font-size:11.5px;font-weight:700}.public-fee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.public-fee-card{background:#fff;border:1px solid #e1e7ee;border-radius:11px;overflow:hidden}.public-fee-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;background:#fafcfe;border-bottom:1px solid #edf1f5}.public-fee-card-head span{display:block;color:#8a96a5;font-size:9px;letter-spacing:.1em;font-weight:800}.public-fee-card-head h3{margin:3px 0 0;color:#243b57;font-size:14px}.public-fee-card-head>strong{color:#7b899a;font-size:10px;font-weight:700}.public-fee-list{display:grid;grid-template-columns:1fr 1fr}.public-fee-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.public-fee-list>div:nth-child(2n){border-right:0}.public-fee-list span{font-size:11px;color:#53657b}.public-fee-list strong{font-size:11px;color:#15955b}.public-empty{grid-column:1/-1;padding:30px;text-align:center;background:#fff;border:1px solid #e1e7ee;border-radius:10px;color:#8592a2}.public-process{padding:22px;background:#102b49;border-radius:14px}.public-process .public-section-head>span{color:#65adeb}.public-process .public-section-head h2{color:#fff}.public-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);border-radius:9px;overflow:hidden}.public-process-grid>div{background:#102b49;padding:15px}.public-process-grid b{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#1d4a78;color:#8bc7fa;font-size:10px}.public-process-grid strong,.public-process-grid span{display:block}.public-process-grid strong{color:#fff;font-size:12.5px;margin-top:9px}.public-process-grid span{color:#96abc0;font-size:10.5px;margin-top:4px;line-height:1.45}.public-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:#eaf4fd;border:1px solid #d0e5f7;border-radius:13px}.public-cta>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.public-support{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;color:#8a96a6;font-size:11px;margin-top:-14px}.public-support>span:first-child{font-weight:800;color:#64748b}.public-support a{font-weight:650}.auth-shell{display:grid;grid-template-columns:minmax(0,620px) minmax(260px,360px);gap:18px;justify-content:center;align-items:start;padding:26px 0 44px}.auth-shell-login{grid-template-columns:minmax(0,520px) minmax(260px,340px)}.auth-card,.auth-side{background:#fff;border:1px solid #dfe6ee;border-radius:12px;box-shadow:0 7px 24px rgba(18,38,63,.05)}.auth-card{padding:22px}.auth-card-head{margin-bottom:17px}.auth-eyebrow{color:#2d78bb;font-size:9.5px;font-weight:800;letter-spacing:.1em}.auth-card-head h1{margin:5px 0;color:#1d334f;font-size:25px}.auth-card-head p{margin:0;color:#7b8797;font-size:11.5px;line-height:1.55}.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-shell-login .auth-form{grid-template-columns:1fr}.auth-form label{display:flex;flex-direction:column;gap:6px;color:#42556d;font-size:11.5px;font-weight:700}.auth-form .form-control{width:100%;height:43px;border-radius:8px;border-color:#d8e0e8;font-size:13px}.auth-form .form-control:focus{border-color:#8bb9e3;box-shadow:0 0 0 3px rgba(22,119,210,.08)}.auth-primary{grid-column:1/-1;height:43px;border:0;border-radius:8px;background:#1677d2;color:#fff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.auth-primary:hover{background:#1068bb}.auth-card-foot{text-align:center;margin-top:15px;padding-top:14px;border-top:1px solid #edf1f5;color:#7a8797;font-size:11.5px}.auth-alert{margin:0 0 13px;padding:10px 12px;border-radius:8px;font-size:11.5px;font-weight:650}.auth-alert-error{background:#fff4f4;border:1px solid #f1caca;color:#aa4242}.auth-side{padding:8px 18px}.auth-side>div{position:relative;padding:16px 0 16px 44px;border-bottom:1px solid #edf1f5}.auth-side>div:last-child{border-bottom:0}.auth-side-icon{position:absolute;left:0;top:15px;width:31px;height:31px;border-radius:8px;background:#edf5fc;color:#176fae;display:grid;place-items:center;font-size:9px;font-weight:800}.auth-side strong{display:block;color:#2b405b;font-size:12.5px}.auth-side p{margin:4px 0 0;color:#8491a1;font-size:10.5px;line-height:1.5}
@media(min-width:1025px){.front-guest .front-top{grid-template-columns:auto minmax(0,1fr) auto}.front-guest .front-nav{justify-content:flex-end}.front-guest-actions{min-width:188px}}
@media(max-width:980px){.public-hero{grid-template-columns:1fr;gap:20px;padding-top:28px}.public-hero-console{max-width:620px}.public-service-grid{grid-template-columns:1fr 1fr}.public-fee-grid{grid-template-columns:1fr 1fr}.public-process-grid{grid-template-columns:1fr 1fr}.auth-shell,.auth-shell-login{grid-template-columns:minmax(0,680px)}.auth-side{display:grid;grid-template-columns:repeat(3,1fr)}.auth-shell-login .auth-side{grid-template-columns:1fr 1fr}.auth-side>div{border-bottom:0;border-right:1px solid #edf1f5}.auth-side>div:last-child{border-right:0}}
@media(max-width:640px){.front-guest-actions{gap:5px;margin-left:auto;margin-right:42px}.front-signin,.front-signup{height:36px;padding:0 9px;font-size:11px}.front-signin span{display:none}.front-guest .mobile-front-bar{right:8px}.public-home{gap:25px}.public-hero{padding:16px 0 4px}.public-hero h1{font-size:34px;letter-spacing:-1px}.public-hero-copy>p{font-size:13.5px;line-height:1.6}.public-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.public-primary,.public-secondary{min-height:40px;padding:8px 10px;font-size:11.5px}.public-trust-line{gap:7px 10px;font-size:10px}.public-hero-console{padding:13px}.public-stat-grid{grid-template-columns:1fr 1fr;gap:7px}.public-stat-grid>div{padding:12px}.public-stat-grid strong{font-size:17px}.public-section-head h2,.public-cta h2{font-size:20px}.public-section-row{align-items:flex-start;flex-direction:column}.public-service-grid{grid-template-columns:1fr}.public-service-grid article{min-height:150px}.public-fee-grid{grid-template-columns:1fr}.public-process{padding:15px}.public-process-grid{grid-template-columns:1fr 1fr}.public-process-grid>div{padding:11px}.public-cta{align-items:flex-start;flex-direction:column;padding:18px}.public-cta>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}.auth-shell{display:block;padding:10px 0 28px}.auth-card{padding:16px}.auth-card-head h1{font-size:22px}.auth-form{grid-template-columns:1fr}.auth-primary{grid-column:1}.auth-side{display:none}.auth-form .form-control{height:44px}}


/* R19 Support Center + live support */
.help-center{--help-ink:#172230;--help-muted:#6f7c8e;--help-line:#e3e8ee;display:flex;flex-direction:column;gap:34px;max-width:1120px;margin:0 auto}.help-hero{padding:48px 10px 18px;text-align:left}.help-hero>span,.help-section-title span,.help-category-head span,.help-contact-strip span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#65758a}.help-hero h1{margin:7px 0 24px;color:#121820;font-size:38px;letter-spacing:-1px}.help-search{height:58px;border-bottom:1px solid #8f98a4;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;max-width:900px}.help-search b{font-size:25px;font-weight:400;color:#1f2933}.help-search input{border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#172230;min-width:0}.help-search input::placeholder{color:#7b8694}.help-search button{border:0;background:#151515;color:#fff;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer}.help-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.help-section-title h2{margin:4px 0 0;font-size:23px;color:#151b23}.help-section-title>a{font-size:12px}.help-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 54px}.help-category-card{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;color:inherit;text-decoration:none;padding:3px}.help-category-card:hover{text-decoration:none}.help-category-card i,.help-category-head>i{width:54px;height:54px;border-radius:6px;background:#111;color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:800}.help-category-card strong{display:block;color:#161b21;font-size:16px}.help-category-card p{margin:5px 0;color:#6e7885;font-size:12.5px;line-height:1.5}.help-category-card span{display:block;color:#9aa3ad;font-size:10.5px;margin-top:6px}.help-category-card:hover strong{color:#1677d2}.help-results{border-top:1px solid #edf0f3;padding-top:18px}.help-result-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-result-list>a{padding:15px 16px;border:1px solid var(--help-line);border-radius:10px;background:#fff;color:inherit;text-decoration:none}.help-result-list>a>span{font-size:9.5px;font-weight:800;color:#718196;letter-spacing:.08em}.help-result-list strong{display:block;margin-top:4px;color:#26384d;font-size:14px}.help-result-list p{margin:5px 0 0;color:#7a8696;font-size:11.5px;line-height:1.45}.help-empty{padding:24px;border:1px dashed #d9e0e7;border-radius:10px;text-align:center;color:#7c8795;background:#fff}.help-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid #e0e5ea;border-radius:12px;background:#fff}.help-contact-strip strong{display:block;margin-top:5px;color:#1a2430;font-size:18px}.help-contact-strip p{margin:5px 0 0;color:#7b8694;font-size:12px}.help-contact-strip button,.help-article-helpful button{border:1px solid #d8dee5;background:#fff;border-radius:8px;min-height:39px;padding:8px 14px;color:#253b52;font-weight:700;cursor:pointer}.help-back{margin-top:18px;font-size:12px}.help-category-head{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid #e4e9ee}.help-category-head h1{margin:4px 0 5px;color:#171e27;font-size:30px}.help-category-head p{margin:0;color:#758191}.help-article-list{background:#fff;border:1px solid #e1e6eb;border-radius:10px;overflow:hidden}.help-article-list>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px;color:inherit;border-bottom:1px solid #edf0f3;text-decoration:none}.help-article-list>a:last-child{border-bottom:0}.help-article-list strong{color:#223248;font-size:14px}.help-article-list p{margin:4px 0 0;color:#7d8896;font-size:11.5px}.help-article-list>a>span{font-size:22px;color:#8b96a3}.help-reading{max-width:900px}.help-article{background:#fff;border:1px solid #e1e6eb;border-radius:11px;padding:27px 30px;box-shadow:0 5px 18px rgba(18,38,63,.035)}.help-article-meta{display:flex;gap:10px;justify-content:space-between;color:#8994a1;font-size:10.5px}.help-article h1{font-size:30px;color:#182230;margin:10px 0}.help-article-lead{font-size:14px;color:#667487;line-height:1.6;border-bottom:1px solid #edf0f3;padding-bottom:17px}.help-article-body{font-size:14px;line-height:1.82;color:#33445a;padding:7px 0 20px;white-space:normal}.help-article-helpful{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf0f3;padding-top:17px;color:#566579;font-size:12px;font-weight:700}
.support-chat{position:fixed;right:22px;bottom:20px;z-index:130}.support-chat-launcher{height:48px;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#171717;color:#fff;padding:0 16px;box-shadow:0 8px 24px rgba(0,0,0,.18);font-weight:750;cursor:pointer}.support-chat-launcher span{width:24px;height:24px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center}.support-chat-panel{display:none;position:absolute;right:0;bottom:0;width:380px;height:550px;background:#fff;border:1px solid #dfe3e8;border-radius:14px;box-shadow:0 18px 48px rgba(15,23,42,.2);overflow:hidden;grid-template-rows:auto auto 1fr auto auto}.support-chat.open .support-chat-launcher{display:none}.support-chat.open .support-chat-panel{display:grid}.support-chat-panel>header{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid #eceff2}.support-chat-panel>header span,.support-chat-panel>header strong{display:block}.support-chat-panel>header span{font-size:9px;letter-spacing:.1em;font-weight:800;color:#7a8490}.support-chat-panel>header strong{font-size:14px;color:#222b34;margin-top:3px}.support-chat-panel>header>div:last-child{display:flex;gap:4px}.support-chat-panel>header button{border:0;background:#fff;width:32px;height:32px;border-radius:8px;font-size:20px;color:#4e5966;cursor:pointer}.support-chat-panel>header button:hover{background:#f2f4f6}.support-chat-authhint{padding:9px 13px;background:#faf7ef;border-bottom:1px solid #eee5d5;color:#776b54;font-size:10.5px;line-height:1.45}.support-chat-messages{overflow:auto;padding:14px;background:#fff}.support-chat-welcome{min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.support-chat-welcome i{width:48px;height:48px;border-radius:50%;background:#171717;color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px}.support-chat-welcome strong{font-size:20px;margin-top:14px;color:#282828}.support-chat-welcome p{max-width:280px;color:#7e8389;font-size:11.5px;line-height:1.55}.support-chat-msg{display:flex;flex-direction:column;margin:8px 0}.support-chat-msg>div{max-width:82%;padding:9px 11px;border-radius:12px;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.support-chat-msg>span{font-size:9px;color:#a0a8b0;margin-top:3px}.support-chat-msg.mine{align-items:flex-end}.support-chat-msg.mine>div{background:#171717;color:#fff;border-bottom-right-radius:4px}.support-chat-msg.agent{align-items:flex-start}.support-chat-msg.agent>div{background:#f1f3f5;color:#27313d;border-bottom-left-radius:4px}.support-chat-compose{display:grid;grid-template-columns:1fr 40px;gap:7px;padding:10px 11px;border-top:1px solid #e8ebee}.support-chat-compose textarea{resize:none;border:1px solid #dfe4e9;border-radius:20px;padding:10px 13px;font:inherit;font-size:12px;outline:0;max-height:90px}.support-chat-compose textarea:focus{border-color:#9ab6d0}.support-chat-compose button{width:40px;height:40px;border:0;border-radius:50%;background:#171717;color:#fff;font-size:20px;cursor:pointer}.support-chat-compose button:disabled{opacity:.45}.support-chat-panel>footer{padding:0 12px 9px;color:#a1a8b0;font-size:8.5px;text-align:center}.support-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.support-admin-thread,.support-admin-side,.support-article-editor{background:#fff;border:1px solid var(--spa-line);border-radius:10px;box-shadow:var(--spa-shadow)}.support-admin-thread-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf0f3}.support-admin-thread-head strong,.support-admin-thread-head span{display:block}.support-admin-thread-head span{font-size:11px;color:#84909f}.support-admin-messages{min-height:360px;max-height:600px;overflow:auto;padding:15px;background:#fafbfd}.support-admin-msg{margin:8px 0;max-width:78%}.support-admin-msg.admin{margin-left:auto}.support-admin-msg>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#7b8796}.support-admin-msg p{margin:3px 0;padding:10px 12px;border-radius:9px;background:#eef2f6;color:#2f4054;font-size:12px;line-height:1.5}.support-admin-msg.admin p{background:#e9f4fd}.support-admin-thread>form{padding:13px 15px;display:grid;gap:8px}.support-admin-side{padding:15px}.support-admin-side h3{margin:0 0 12px}.support-admin-side dl{display:grid;grid-template-columns:85px 1fr;gap:7px;font-size:11px}.support-admin-side dt{color:#84909f}.support-admin-side dd{margin:0;color:#34465c}.support-admin-side form{display:grid;gap:8px;margin-top:15px}.support-inline-edit{display:grid;grid-template-columns:140px minmax(180px,1fr) 55px 65px 90px auto;gap:5px;align-items:center}.support-inline-edit .form-control{min-width:0}.support-article-editor{padding:18px;max-width:1050px}.support-article-editor .grid-2{gap:13px}.support-span-2{grid-column:1/-1}.support-editor-body{height:auto!important;min-height:380px;resize:vertical;font-family:inherit;line-height:1.5}
@media(max-width:900px){.help-category-grid{grid-template-columns:1fr 1fr;gap:26px}.help-result-list{grid-template-columns:1fr}.support-admin-layout{grid-template-columns:1fr}.support-admin-side{order:-1}.support-inline-edit{grid-template-columns:1fr 1fr}.support-inline-edit button{grid-column:1/-1}}
@media(max-width:640px){.help-center{gap:24px}.help-hero{padding:22px 0 5px}.help-hero h1{font-size:28px;margin-bottom:14px}.help-search{height:52px;grid-template-columns:25px 1fr}.help-search button{display:none}.help-search input{font-size:13px}.help-category-grid{grid-template-columns:1fr;gap:20px}.help-category-card{grid-template-columns:48px 1fr}.help-category-card i,.help-category-head>i{width:48px;height:48px}.help-contact-strip{align-items:flex-start;flex-direction:column;padding:18px}.help-contact-strip button{width:100%}.help-category-head{grid-template-columns:52px 1fr;padding-top:8px}.help-category-head h1{font-size:24px}.help-article{padding:18px 16px}.help-article h1{font-size:24px}.help-article-meta,.help-article-helpful{align-items:flex-start;flex-direction:column}.support-chat{right:10px;bottom:10px}.support-chat-panel{position:fixed;right:8px;left:8px;bottom:8px;width:auto;height:min(610px,calc(100vh - 20px));border-radius:13px}.support-chat-launcher b{display:none}.support-chat-launcher{width:48px;padding:0;justify-content:center}.support-chat-launcher span{border:0;font-size:18px}.support-admin-msg{max-width:92%}.support-article-editor{padding:13px}.support-span-2{grid-column:auto}.support-article-editor .grid-2{grid-template-columns:1fr}.support-inline-edit{grid-template-columns:1fr}}


/* R73 configurable admin RBAC */
.rbac-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 76px}.rbac-module-card{background:#fff;border:1px solid var(--spa-line);border-radius:10px;box-shadow:var(--spa-shadow);overflow:hidden}.rbac-module-card>header{padding:11px 13px;background:#fafbfd;border-bottom:1px solid #edf1f5;color:#213a57}.rbac-permission-row{display:grid;grid-template-columns:22px 1fr auto;gap:9px;align-items:start;padding:10px 12px;border-bottom:1px solid #f0f2f5;cursor:pointer}.rbac-permission-row:last-child{border-bottom:0}.rbac-permission-row input{margin-top:3px}.rbac-permission-row strong,.rbac-permission-row small{display:block}.rbac-permission-row strong{font-size:12px;color:#334a64}.rbac-permission-row small{font-size:9.5px;color:#8a96a5;margin-top:2px}.rbac-permission-row em{font-style:normal;font-size:9px;text-transform:uppercase;color:#738196;background:#f2f5f8;border-radius:999px;padding:3px 6px}.rbac-permission-row:hover{background:#fbfdff}@media(max-width:900px){.rbac-permission-grid{grid-template-columns:1fr}}

/* R20 support chat UX — napthe247 member palette + Enter-to-send affordance */
.support-chat-launcher{background:var(--member-blue,#1677d2);box-shadow:0 9px 24px rgba(22,119,210,.24)}
.support-chat-launcher:hover{background:#1068bb;transform:translateY(-1px)}
.support-chat-launcher span{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.08)}
.support-chat-panel{border-color:var(--member-line,#e3e9f0);box-shadow:0 18px 48px rgba(21,45,75,.16)}
.support-chat-panel>header{background:#fff;border-bottom-color:var(--member-line,#e3e9f0);padding:14px 16px}
.support-chat-panel>header span{color:var(--member-blue,#1677d2)}
.support-chat-panel>header strong{color:var(--member-navy,#102a4c)}
.support-chat-panel>header button{color:#64748b;background:transparent}
.support-chat-panel>header button:hover{background:#eef5fb;color:var(--member-blue,#1677d2)}
.support-chat-authhint{background:#f2f8fd;border-bottom-color:#d9eaf8;color:#5f7188}
.support-chat-authhint a{color:var(--member-blue,#1677d2);font-weight:700}
.support-chat-messages{background:#f8fafc}
.support-chat-welcome i{background:#eaf4fd;color:var(--member-blue,#1677d2);border:1px solid #d4e8f8}
.support-chat-welcome strong{color:var(--member-navy,#102a4c)}
.support-chat-welcome p{color:var(--member-muted,#74839a)}
.support-chat-msg.mine>div{background:var(--member-blue,#1677d2);color:#fff;box-shadow:0 3px 10px rgba(22,119,210,.12)}
.support-chat-msg.agent>div{background:#fff;color:#2b405b;border:1px solid var(--member-line,#e3e9f0)}
.support-chat-compose{grid-template-columns:minmax(0,1fr) 40px;align-items:end;background:#fff;border-top-color:var(--member-line,#e3e9f0);padding:10px 11px}
.support-chat-compose textarea{min-height:40px;max-height:96px;border-color:#d5dde7;border-radius:10px;padding:10px 12px;color:var(--member-text,#1d2f46);background:#fff;line-height:1.45}
.support-chat-compose textarea::placeholder{color:#95a1b1}
.support-chat-compose textarea:focus{border-color:#8bb9e3;box-shadow:0 0 0 3px rgba(22,119,210,.08)}
.support-chat-compose button{background:var(--member-blue,#1677d2);box-shadow:0 4px 12px rgba(22,119,210,.2)}
.support-chat-compose button:hover{background:#1068bb}
.support-chat-panel>footer{background:#fff;color:#98a4b3;padding-bottom:9px}
@media(max-width:640px){.support-chat-panel{border-color:var(--member-line,#e3e9f0)}.support-chat-compose textarea{font-size:16px}}

/* R22 explorer-style homepage: compact exchange form + horizontal discount + privacy-safe latest activity */
.front-main:has(.home-dashboard){max-width:1440px;padding-top:0;padding-bottom:0}
.home-dashboard{--home-blue:#1677d2;--home-navy:#102a4c;--home-line:#e2e8f0;--home-muted:#718096;display:flex;flex-direction:column;gap:18px;width:100%}
.home-hero{position:relative;overflow:hidden;min-height:300px;padding:58px 54px 92px;background:radial-gradient(circle at 60% 55%,rgba(225,92,15,.75),transparent 32%),linear-gradient(112deg,#172231 0%,#182432 38%,#6d2d12 78%,#2b2426 100%);color:#fff}
.home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,29,.18),transparent 45%,rgba(0,0,0,.08));pointer-events:none}
.home-hero-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto}
.home-hero-title{text-align:center;margin-bottom:24px}.home-hero-title h1{margin:0;font-size:31px;line-height:1.2;letter-spacing:-.45px;font-weight:750}.home-hero-title p{margin:8px 0 0;color:rgba(255,255,255,.86);font-size:15px}
.home-exchange-row{display:grid;grid-template-columns:1.02fr 1.08fr 1.08fr 1.02fr auto auto;gap:8px;align-items:center;padding:11px;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.home-exchange-row .form-control{width:100%;min-width:0;height:44px;border:1px solid #d6dee8;border-radius:7px;padding:0 13px;color:#35475d;background:#fff;font-size:13.5px;outline:none}
.home-exchange-row .form-control:focus{border-color:#8db7df;box-shadow:0 0 0 3px rgba(22,119,210,.08)}
.home-add-button,.home-submit-button{height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:0 16px;font:inherit;font-size:13.5px;font-weight:750;white-space:nowrap;cursor:pointer;text-decoration:none!important}
.home-add-button{background:#24a888;color:#fff}.home-add-button:hover{background:#1d9277;color:#fff}.home-add-button.btn-danger{background:#cf5454;color:#fff}.home-submit-button{background:#efb52d;color:#33290e;min-width:134px}.home-submit-button:hover{background:#dda41f;color:#241d0c}
.home-exchange-row [data-form-notice]{grid-column:1/-1;margin:0 0 2px!important}
.home-session-hint{text-align:center;margin-top:10px;color:rgba(255,255,255,.76);font-size:11.5px}.home-session-hint strong{color:#fff}
.home-fee-card{position:relative;z-index:3;margin:-56px 18px 0;padding:16px 18px 18px;background:#fff;border:1px solid var(--home-line);border-radius:12px;box-shadow:0 7px 22px rgba(25,46,72,.07)}
.home-fee-head,.home-latest-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.home-fee-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.home-fee-head>div{grid-column:2;justify-self:center}.home-fee-head>small{grid-column:3;justify-self:end}.home-fee-head>div,.home-latest-card>header>div{display:flex;align-items:center;gap:9px}.home-fee-head strong,.home-latest-card>header strong{color:#1e3551;font-size:15px}.home-fee-head small{color:#8a97a7;font-size:10.5px}.home-section-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#eef6fd;color:var(--home-blue);font-weight:850;font-size:13px}
.home-fee-tabs{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 10px;overflow-x:auto;scrollbar-width:none}.home-fee-tabs::-webkit-scrollbar{display:none}.home-fee-tab{height:36px;min-width:74px;padding:0 14px;border:1px solid #dfe6ee;border-radius:7px;background:#fff;color:#576a80;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.home-fee-tab:hover{border-color:#bad3ea;color:#176fae}.home-fee-tab.active{background:#2d82c8;border-color:#2d82c8;color:#fff}.home-fee-panel[hidden]{display:none!important}.home-fee-scroll{width:100%;overflow-x:auto;border:1px solid #e3e8ee;border-radius:8px}.home-fee-scroll table{width:100%;border-collapse:collapse;min-width:760px;table-layout:fixed}.home-fee-scroll th,.home-fee-scroll td{height:40px;padding:6px 9px;text-align:center;border-right:1px solid #e8edf2;border-bottom:1px solid #e8edf2;font-size:11.5px;white-space:nowrap}.home-fee-scroll tr:last-child th,.home-fee-scroll tr:last-child td{border-bottom:0}.home-fee-scroll th:last-child,.home-fee-scroll td:last-child{border-right:0}.home-fee-scroll thead th{background:#f8fafc;color:#5c6f85;font-weight:750}.home-fee-scroll th:first-child{width:112px;text-align:left;padding-left:14px;color:#42556d}.home-fee-scroll tbody td{color:#1ba06a;font-weight:800;background:#fff}
.home-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 18px}.home-latest-card{background:#fff;border:1px solid var(--home-line);border-radius:11px;overflow:hidden;box-shadow:0 3px 12px rgba(18,38,63,.035)}.home-latest-card>header{height:56px;padding:0 16px;border-bottom:1px solid #edf1f5}.home-latest-card>header>a{font-size:11px;font-weight:700;color:var(--home-blue)}
.home-tx-columns{display:grid;grid-template-columns:minmax(0,1fr) 100px 94px 88px;gap:10px;padding:9px 16px 9px 64px;background:#fafbfd;border-bottom:1px solid #edf1f5;color:#8793a2;font-size:9.5px;font-weight:750}.home-tx-list{padding:0 16px}.home-tx-row{display:grid;grid-template-columns:34px minmax(0,1fr) 100px 94px 88px;gap:10px;align-items:center;min-height:64px;border-bottom:1px solid #edf1f5}.home-tx-row:last-child{border-bottom:0}.home-tx-brand{width:32px;height:32px;border-radius:7px;background:#f1f5f9;color:#536a83;display:grid;place-items:center;font-size:8.5px;font-weight:850}.home-tx-name{min-width:0}.home-tx-name strong{display:block;color:#31455e;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-tx-name small{display:block;margin-top:3px;color:#9aa5b2;font-size:8.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-tx-amount{color:#263d5b;font-size:11px}.home-status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 8px;border-radius:999px;font-size:9.5px;font-weight:750;white-space:nowrap}.home-status.success{background:#e7f8ef;color:#16834d}.home-status.pending{background:#fff5d9;color:#9a6a00}.home-status.warning{background:#fff0de;color:#a96000}.home-status.failed{background:#fdecec;color:#ad4040}.home-tx-row time{color:#8e99a7;font-size:9.5px;text-align:right}.home-tx-empty{padding:22px;text-align:center;color:#8a96a5;font-size:11.5px}
.home-privacy-note{margin:-4px 18px 0;padding:9px 12px;border:1px solid #e6ebf1;border-radius:8px;background:#fbfcfe;color:#8190a2;text-align:center;font-size:10.5px;line-height:1.45}
.home-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 18px;padding:16px 0;border-top:1px solid #e6ebf1;border-bottom:1px solid #e6ebf1}.home-benefits>div{display:flex;align-items:center;justify-content:center;gap:11px;min-height:54px;border-right:1px solid #e7ecf1}.home-benefits>div:last-child{border-right:0}.home-benefits b{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#edf5fc;color:#1975bd;font-size:15px}.home-benefits span,.home-benefits strong,.home-benefits small{display:block}.home-benefits strong{color:#283e59;font-size:11.5px}.home-benefits small{margin-top:3px;color:#8895a5;font-size:9.5px}
.home-site-footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px;margin:0 18px;padding:26px 0 14px;border-top:1px solid #e5eaf0;color:#6f7f91}.home-site-footer>div:not(.home-footer-bottom){display:flex;flex-direction:column;align-items:flex-start;gap:8px}.home-site-footer strong{color:#293e59;font-size:11.5px}.home-site-footer a{color:#66798f;font-size:10.5px}.home-site-footer a:hover{color:var(--home-blue)}.home-footer-brand img{width:165px;max-height:38px}.home-footer-brand p{max-width:300px;margin:2px 0 4px;font-size:10.5px;line-height:1.55}.home-footer-support{display:flex;gap:6px;flex-wrap:wrap}.home-footer-support span{color:#b2bbc6}.home-footer-bottom{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding-top:14px;border-top:1px solid #edf1f5;font-size:9.5px}.home-muted{color:#8a96a5;font-size:11px}
@media(max-width:1100px){.front-main:has(.home-dashboard){max-width:100%;margin:0!important}.home-hero{padding-left:28px;padding-right:28px}.home-exchange-row{grid-template-columns:1fr 1fr}.home-exchange-row .home-add-button,.home-exchange-row .home-submit-button{width:100%}.home-fee-card,.home-latest-grid,.home-privacy-note,.home-benefits,.home-site-footer{margin-left:12px;margin-right:12px}.home-latest-grid{grid-template-columns:1fr}.home-benefits{grid-template-columns:1fr 1fr}.home-benefits>div:nth-child(2){border-right:0}.home-benefits>div:nth-child(-n+2){border-bottom:1px solid #e7ecf1}.home-site-footer{grid-template-columns:1.35fr 1fr 1fr}}
@media(max-width:640px){.front-main:has(.home-dashboard){padding-left:0;padding-right:0}.home-dashboard{gap:12px}.home-hero{min-height:0;padding:30px 10px 64px}.home-hero-title{margin-bottom:17px}.home-hero-title h1{font-size:23px}.home-hero-title p{font-size:12px}.home-exchange-row{grid-template-columns:1fr;padding:8px;border-radius:9px}.home-exchange-row .form-control,.home-add-button,.home-submit-button{height:43px}.home-session-hint{font-size:10px;line-height:1.45}.home-fee-card{margin:-42px 8px 0;padding:12px 10px;border-radius:10px}.home-fee-head{align-items:flex-start}.home-fee-head small{display:none}.home-fee-head strong{font-size:13.5px}.home-fee-tabs{justify-content:flex-start;margin-top:9px}.home-fee-tab{height:33px;min-width:auto;padding:0 11px;font-size:10.5px}.home-fee-scroll table{min-width:650px}.home-latest-grid{margin:0 8px;gap:10px}.home-latest-card>header{height:50px;padding:0 11px}.home-latest-card>header strong{font-size:12.5px}.home-tx-columns{display:none}.home-tx-list{padding:0 11px}.home-tx-row{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;min-height:67px}.home-tx-brand{width:29px;height:29px}.home-tx-amount{grid-column:2;font-size:10.5px}.home-status{grid-column:3;grid-row:1/3;font-size:8.8px}.home-tx-row time{display:none}.home-tx-name small{font-size:8px}.home-privacy-note{margin:0 8px;font-size:9.5px}.home-benefits{margin:0 8px;grid-template-columns:1fr 1fr}.home-benefits>div{justify-content:flex-start;padding:10px 8px;gap:8px}.home-benefits b{width:31px;height:31px;font-size:12px}.home-benefits strong{font-size:10.5px}.home-benefits small{font-size:8.8px}.home-site-footer{margin:0 12px;grid-template-columns:1fr 1fr;gap:20px}.home-footer-brand{grid-column:1/-1}.home-footer-bottom{grid-column:1/-1;gap:14px}.home-footer-brand img{width:150px}}


/* R23 visual convergence: one shell width, slate-blue exchange hero, compact actions, support typography */
.front{--front-shell:1180px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.front button,.front input,.front select,.front textarea{font-family:inherit}
.front-top,.front-main,.front-footer,.breadcrumb-inner{width:calc(100% - 32px);max-width:var(--front-shell);margin-left:auto!important;margin-right:auto!important}
.front-main:has(.home-dashboard){width:calc(100% - 32px);max-width:var(--front-shell);margin-left:auto!important;margin-right:auto!important;padding-left:0;padding-right:0}
.help-center{width:100%;max-width:var(--front-shell)}
.auth-shell,.auth-shell-login{max-width:1000px;margin-left:auto;margin-right:auto}

.home-hero{min-height:270px;padding:46px 42px 78px;background:radial-gradient(circle at 72% 38%,rgba(103,137,164,.24),transparent 34%),linear-gradient(118deg,#26394d 0%,#30475d 48%,#405d73 100%)}
.home-hero:after{background:linear-gradient(90deg,rgba(10,29,47,.12),transparent 48%,rgba(8,25,39,.08))}
.home-hero-inner{max-width:100%}
.home-hero-title{margin-bottom:20px}.home-hero-title h1{font-size:29px;letter-spacing:-.35px}.home-hero-title p{font-size:13.5px;color:rgba(255,255,255,.82)}
.home-exchange-row{grid-template-columns:minmax(138px,.9fr) minmax(155px,1fr) minmax(155px,1fr) minmax(145px,.9fr) 78px 112px;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.82);border-radius:8px;box-shadow:0 8px 20px rgba(16,38,58,.14)}
.home-exchange-row .form-control{height:40px;border-radius:6px;padding:0 11px;font-size:12.5px;border-color:#d4dee7;color:#33485d}
.home-add-button,.home-submit-button{height:40px;border-radius:6px;padding:0 10px;font-size:12px;font-weight:750;box-shadow:none}
.home-add-button{min-width:78px;background:#edf3f7;color:#315c7c;border:1px solid #cbd9e4}.home-add-button:hover{background:#e2ecf3;color:#244f70;border-color:#b9cbd9}.home-add-button.btn-danger{background:#f7eeee;color:#a44b4b;border-color:#e6caca}
.home-submit-button{min-width:112px;background:#2f6f9d;color:#fff;border:1px solid #2f6f9d}.home-submit-button:hover{background:#285f87;color:#fff;border-color:#285f87}
.home-session-hint{margin-top:9px;font-size:10.5px;color:rgba(255,255,255,.72)}
.home-fee-card{margin:-46px 0 0}.home-latest-grid,.home-privacy-note,.home-benefits,.home-site-footer{margin-left:0;margin-right:0}

.help-center{--help-ink:#263b50;--help-muted:#6f8091;--help-line:#dde6ee;--help-blue:#2f73a6;gap:28px;color:var(--help-ink)}
.front-main:has(.help-center){background:#f5f8fb}
.help-hero{padding:36px 8px 14px}.help-hero>span,.help-section-title span,.help-category-head span,.help-contact-strip span{color:#54738f;font-size:9.5px;letter-spacing:.1em}
.help-hero h1{margin:7px 0 20px;color:#24384c;font-size:34px;line-height:1.18;letter-spacing:-.7px;font-weight:760}
.help-search{height:54px;max-width:900px;border-bottom:1px solid #b8c7d4}.help-search b{color:#4f6e88;font-size:22px}.help-search input{font-size:14px;color:#2d4054}.help-search input::placeholder{color:#8796a5}.help-search button{background:#315f82;color:#fff;border-radius:7px;padding:8px 14px;font-size:12px}.help-search button:hover{background:#294f6d}
.help-section-title{margin-bottom:15px}.help-section-title h2{font-size:21px;color:#263b50}.help-section-title>a{color:#2f73a6}
.help-category-grid{gap:28px 42px}.help-category-card{grid-template-columns:50px 1fr;gap:14px;padding:4px}.help-category-card i,.help-category-head>i{width:50px;height:50px;border-radius:8px;background:#eaf2f8;color:#2f73a6;border:1px solid #d6e3ed;font-size:17px}.help-category-card strong{color:#2a3e53;font-size:14px}.help-category-card p{color:#718092;font-size:12px;line-height:1.5}.help-category-card span{color:#97a3af;font-size:10px}.help-category-card:hover strong{color:#2f73a6}
.help-contact-strip{padding:20px 22px;border-color:#dce5ed;background:#fbfdff}.help-contact-strip strong{font-size:16px;color:#263b50}.help-contact-strip p{color:#788797}.help-contact-strip button,.help-article-helpful button{border-color:#ccd9e4;color:#31546f;background:#fff}.help-contact-strip button:hover,.help-article-helpful button:hover{background:#edf4f9;border-color:#b8ccdc}
.help-category-head h1,.help-article h1{color:#263b50}.help-article{border-color:#dce5ed}.help-article-body{color:#40556a}.help-article-lead{color:#6b7c8e}

.support-chat,.support-chat button,.support-chat textarea,.support-chat input{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.support-chat-launcher{height:44px;padding:0 14px;background:#315f82;box-shadow:0 8px 20px rgba(37,72,102,.18);font-size:12px}.support-chat-launcher:hover{background:#294f6d}.support-chat-launcher span{width:22px;height:22px;font-size:12px}
.support-chat-panel{width:390px;height:552px;border-color:#d8e3ec;border-radius:12px;box-shadow:0 18px 44px rgba(31,55,78,.18);color:#31475c;font-size:13px}
.support-chat-panel>header{padding:13px 15px;background:#f8fbfd;border-bottom-color:#dfe8ef}.support-chat-panel>header span{font-size:9px;color:#5a7892;letter-spacing:.09em}.support-chat-panel>header strong{font-size:13.5px;color:#263b50;margin-top:3px}.support-chat-panel>header button{font-family:inherit;color:#65788a}.support-chat-panel>header button:hover{background:#eaf2f8;color:#2f73a6}
.support-chat-authhint{padding:9px 13px;background:#eef4f8;border-bottom-color:#dbe6ee;color:#607488;font-size:11px;line-height:1.45}
.support-chat-messages{background:#f6f9fb;padding:13px}.support-chat-welcome{min-height:250px;padding:22px}.support-chat-welcome i{width:44px;height:44px;background:#e7f0f6;color:#2f73a6;border-color:#d4e1ea;font-size:17px}.support-chat-welcome strong{font-size:18px;color:#263b50;margin-top:12px}.support-chat-welcome p{font-size:12px;line-height:1.55;color:#758598}
.support-chat-msg>div{padding:9px 11px;border-radius:10px;font-size:12.5px;line-height:1.5}.support-chat-msg>span{font-size:9.5px;color:#94a1ae}.support-chat-msg.mine>div{background:#2f6f9d;color:#fff;box-shadow:none}.support-chat-msg.agent>div{background:#fff;color:#31475c;border:1px solid #dbe5ed}
.support-chat-compose{grid-template-columns:minmax(0,1fr) 38px;gap:7px;padding:9px 10px;background:#fff;border-top-color:#dfe7ee}.support-chat-compose textarea{min-height:38px;max-height:92px;border-radius:8px;border-color:#cfdbe5;padding:9px 11px;font-size:12.5px;line-height:1.45;color:#31475c}.support-chat-compose textarea::placeholder{color:#91a0ae}.support-chat-compose textarea:focus{border-color:#86aac5;box-shadow:0 0 0 3px rgba(47,111,157,.08)}.support-chat-compose button{width:38px;height:38px;background:#315f82;box-shadow:none;font-size:18px}.support-chat-compose button:hover{background:#294f6d}.support-chat-panel>footer{padding:0 12px 8px;background:#fff;color:#9aa6b2;font-size:9px}

@media(max-width:1100px){.front-top,.front-main,.front-footer,.breadcrumb-inner,.front-main:has(.home-dashboard){width:calc(100% - 24px)}.home-hero{padding:38px 24px 70px}.home-exchange-row{grid-template-columns:1fr 1fr}.home-exchange-row .home-add-button,.home-exchange-row .home-submit-button{width:100%}.home-fee-card{margin:-42px 0 0}.home-latest-grid,.home-privacy-note,.home-benefits,.home-site-footer{margin-left:0;margin-right:0}.help-center{max-width:100%}}
@media(max-width:640px){.front-top,.front-main,.front-footer,.breadcrumb-inner,.front-main:has(.home-dashboard){width:calc(100% - 16px)}.home-hero{padding:28px 8px 58px}.home-hero-title h1{font-size:22px}.home-exchange-row{grid-template-columns:1fr}.home-exchange-row .form-control,.home-add-button,.home-submit-button{height:41px}.home-fee-card{margin:-38px 0 0}.help-hero{padding:24px 0 8px}.help-hero h1{font-size:27px}.help-category-grid{gap:18px}.help-category-card{grid-template-columns:46px 1fr}.help-category-card i,.help-category-head>i{width:46px;height:46px}.support-chat-panel{right:8px;left:8px;width:auto;height:min(600px,calc(100vh - 20px))}.support-chat-compose textarea{font-size:16px}}

.fee-policy-bulk{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(220px,1.4fr) minmax(120px,.7fr) minmax(140px,.8fr) auto;gap:10px;align-items:end;margin-top:12px}
.fee-policy-bulk label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#52657a}
.fee-policy-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(170px,1.4fr) 82px 82px auto;gap:6px;align-items:center;min-width:620px}
.fee-policy-row .form-control{min-height:34px;height:34px;padding:5px 8px;font-size:12px}
.fee-policy-row .btn{white-space:nowrap}
.channel-table .ttc-table th,.channel-table .ttc-table td{vertical-align:middle}
@media(max-width:1200px){.fee-policy-bulk{grid-template-columns:1fr 1fr 1fr}.fee-policy-bulk .btn{align-self:end}.fee-policy-row{min-width:570px}}
@media(max-width:640px){.fee-policy-bulk{grid-template-columns:1fr}.fee-policy-row{grid-template-columns:1fr;min-width:260px}.fee-policy-row .form-control{width:100%}}

.pricing-telco-panel{margin:0 0 18px}.pricing-telco-panel .panel-title{display:flex;align-items:center;gap:6px;font-size:16px}
.pricing-bulk-form{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(190px,1.2fr) minmax(115px,.7fr) minmax(115px,.7fr) minmax(115px,.7fr) auto;gap:10px;align-items:end}
.pricing-bulk-form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#52657a}.pricing-bulk-form .btn{min-height:30px;white-space:nowrap}
.pricing-note{margin:10px 0 12px}.pricing-table th,.pricing-table td{vertical-align:middle}.pricing-table td:nth-child(3){min-width:330px}.pricing-table td:nth-child(4){min-width:130px}.pricing-table td:nth-child(5){min-width:170px}
.pricing-fee-cell{display:grid;grid-template-columns:minmax(155px,1fr) minmax(150px,1fr);gap:6px;align-items:center}.pricing-inline{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.pricing-fee-cell .form-control,.pricing-margin-cell .form-control{height:32px;min-height:32px;font-size:12px;padding:5px 8px}
.pricing-margin-cell{display:grid;gap:4px}.pricing-margin-cell small{font-size:10px}.pricing-table form[id^="price-"]{display:none}
@media(max-width:1250px){.pricing-bulk-form{grid-template-columns:repeat(3,minmax(160px,1fr))}.pricing-table{min-width:1180px}}
@media(max-width:700px){.pricing-bulk-form{grid-template-columns:1fr}.pricing-fee-cell{grid-template-columns:1fr}.pricing-inline{grid-column:auto;grid-template-columns:1fr 1fr}.pricing-table{min-width:1050px}}

.pricing-bulk-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px;align-items:stretch}
.pricing-bulk-form{grid-template-columns:minmax(190px,1.2fr) minmax(190px,1.2fr) minmax(115px,.7fr) minmax(115px,.7fr) auto}
.pricing-margin-bulk{display:grid;grid-template-columns:1fr;gap:8px;align-content:end;padding:10px;border:1px solid #dfe6ed;border-radius:8px;background:#f8fafc}
.pricing-margin-bulk label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#52657a}.pricing-margin-bulk .form-control{width:100%}
@media(max-width:1150px){.pricing-bulk-grid{grid-template-columns:1fr}.pricing-bulk-form{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:700px){.pricing-bulk-form{grid-template-columns:1fr}.pricing-margin-bulk{padding:8px}}

/* Charging submenu + operational settings */
.module-links a.active,.module-links a[aria-current="page"]{color:var(--eth-navy);background:var(--eth-blue-soft);border-radius:6px;padding:5px 7px;text-decoration:none}
.charging-settings-form{margin-bottom:14px}.charging-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;margin-bottom:12px}.settings-stack{display:grid;gap:10px}.settings-stack label{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,220px);align-items:center;gap:12px}.settings-stack label>span{font-weight:600;color:#334155}.settings-stack .form-control{width:100%}.settings-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.charging-settings-routing{margin-top:14px}
@media(max-width:900px){.charging-settings-grid{grid-template-columns:1fr}.settings-stack label{grid-template-columns:1fr;gap:5px}}

/* R36 compact tabbed pricing workspace */
.pricing-tabs-shell{position:sticky;top:58px;z-index:12;margin:0 0 12px;padding:9px 10px;background:rgba(248,250,252,.96);border:1px solid var(--eth-line);border-radius:9px;box-shadow:0 2px 8px rgba(15,23,42,.04);backdrop-filter:blur(8px)}
.pricing-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:1px}
.pricing-tab{appearance:none;border:1px solid #d9e2ea;background:#fff;color:#52657a;border-radius:8px;min-height:38px;padding:8px 15px;font:inherit;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer;transition:background .14s,border-color .14s,color .14s,box-shadow .14s}
.pricing-tab:hover{border-color:#a9c7da;color:var(--eth-blue);background:#f8fbfd}
.pricing-tab.active,.pricing-tab[aria-selected="true"]{background:var(--eth-blue);border-color:var(--eth-blue);color:#fff;box-shadow:0 2px 5px rgba(47,111,157,.14)}
.pricing-telco-panel[hidden]{display:none!important}.pricing-telco-panel{margin-bottom:0}.pricing-telco-panel>.panel{margin-bottom:0}.pricing-telco-panel .panel-title{min-height:44px;padding-top:10px;padding-bottom:10px}
@media(max-width:1024px){.pricing-tabs-shell{top:56px;margin-left:-2px;margin-right:-2px;padding:7px}.pricing-tab{min-height:36px;padding:7px 12px;font-size:12.5px}}
@media(max-width:640px){.pricing-tabs-shell{position:static;margin-bottom:9px;border-radius:8px}.pricing-tabs{gap:6px}.pricing-tab{min-height:34px;padding:6px 11px;font-size:12px}}

/* R37 compact charging pricing workspace */
.pricing-tabs-shell{margin-bottom:8px;padding:7px 8px}
.pricing-tabs{gap:6px}
.pricing-tab{min-height:34px;padding:6px 12px;font-size:12.5px;border-radius:7px}
.pricing-telco-panel{margin:0 0 12px}
.pricing-panel-compact{overflow:hidden}
.pricing-panel-compact .panel-body{padding:9px 10px 10px}
.pricing-bulk-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:7px;align-items:end;margin-bottom:8px}
.pricing-bulk-form{display:grid;grid-template-columns:minmax(150px,1.05fr) minmax(145px,1fr) 92px 92px auto;gap:6px;align-items:end}
.pricing-bulk-form label,.pricing-margin-bulk label{gap:4px;font-size:11px;line-height:1.15}
.pricing-bulk-form .form-control,.pricing-margin-bulk .form-control{height:32px;min-height:32px;padding:4px 7px;font-size:12px}
.pricing-bulk-form .btn,.pricing-margin-bulk .btn{height:32px;min-height:32px;padding:5px 10px;font-size:11.5px;white-space:nowrap}
.pricing-margin-bulk{display:grid;grid-template-columns:minmax(92px,1fr) auto;gap:6px;align-items:end;padding:6px 7px;border-radius:7px}
.pricing-table-wrap{margin-top:0}
.pricing-table{width:100%;table-layout:fixed;min-width:980px}
.pricing-table th,.pricing-table td{padding:7px 7px;vertical-align:middle}
.pricing-table th{font-size:11px;white-space:nowrap}
.pricing-table td{font-size:12px}
.pricing-table th:nth-child(1),.pricing-table td:nth-child(1){width:34px;text-align:center}
.pricing-table th:nth-child(2),.pricing-table td:nth-child(2){width:82px}
.pricing-table th:nth-child(3),.pricing-table td:nth-child(3){width:330px;min-width:0}
.pricing-table th:nth-child(4),.pricing-table td:nth-child(4){width:92px;min-width:0}
.pricing-table th:nth-child(5),.pricing-table td:nth-child(5){width:150px;min-width:0}
.pricing-table th:nth-child(6),.pricing-table td:nth-child(6){width:105px}
.pricing-table th:nth-child(7),.pricing-table td:nth-child(7){width:105px}
.pricing-table th:nth-child(8),.pricing-table td:nth-child(8){width:58px;text-align:center}
.pricing-fee-cell{grid-template-columns:minmax(145px,1fr) minmax(125px,.9fr);gap:4px}
.pricing-inline{gap:4px}
.pricing-fee-cell .form-control,.pricing-margin-cell .form-control{height:30px;min-height:30px;padding:4px 7px;font-size:11.5px}
.pricing-margin-cell{gap:2px}.pricing-margin-cell small{font-size:9.5px;line-height:1.2}
.pricing-table td:nth-child(5) small{font-size:9.5px;line-height:1.25}
.pricing-table .btn{min-height:30px;padding:4px 9px;font-size:11px}
@media(max-width:1250px){.pricing-bulk-grid{grid-template-columns:1fr}.pricing-bulk-form{grid-template-columns:minmax(150px,1fr) minmax(145px,1fr) 90px 90px auto}.pricing-margin-bulk{grid-template-columns:minmax(110px,180px) auto;justify-content:start}.pricing-table{min-width:980px}}
@media(max-width:820px){.pricing-bulk-form{grid-template-columns:1fr 1fr}.pricing-bulk-form .pricing-apply-btn{grid-column:1/-1}.pricing-margin-bulk{grid-template-columns:1fr auto}.pricing-table{min-width:940px}}
@media(max-width:560px){.pricing-bulk-form{grid-template-columns:1fr}.pricing-margin-bulk{grid-template-columns:1fr}.pricing-margin-bulk .btn,.pricing-bulk-form .btn{width:100%}}

/* R52 route-aware admin skeleton loading. The stable sidebar/topbar stay live. */
.spa-skeleton-active.spa-loading .admin-content{opacity:1;pointer-events:none}.spa-skeleton-page{min-height:560px;display:flex;flex-direction:column;gap:14px}.spa-sk-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px}.spa-sk-line{display:block;position:relative;overflow:hidden;background:#e9edf2;border-radius:6px}.spa-sk-line:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);animation:spaSkeletonShimmer 1.25s ease-in-out infinite}.spa-sk-title{width:190px;height:26px}.spa-sk-chip{width:76px;height:28px;border-radius:999px}.spa-sk-small{width:92px;height:12px}.spa-sk-medium{width:42%;height:14px}.spa-sk-wide{width:72%;height:14px}.spa-sk-cell{width:72%;height:12px}.spa-sk-control{width:150px;height:36px}.spa-sk-input{width:100%;height:38px}.spa-sk-button{width:110px;height:36px}.spa-sk-metric{width:115px;height:25px;margin-top:12px}.spa-sk-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spa-sk-filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#fff;border:1px solid #e5eaf0;border-radius:10px}.spa-sk-table{background:#fff;border:1px solid #e5eaf0;border-radius:10px;overflow:hidden}.spa-sk-table-row{display:grid;grid-template-columns:55px 1.25fr repeat(5,minmax(70px,1fr));gap:12px;align-items:center;min-height:54px;padding:10px 13px;border-bottom:1px solid #edf1f5}.spa-sk-table-row:last-child{border-bottom:0}.spa-sk-table-head{min-height:42px;background:#f8fafc}.spa-sk-table-head .spa-sk-line{height:10px}.spa-sk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.spa-sk-card,.spa-sk-panel{background:#fff;border:1px solid #e5eaf0;border-radius:10px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.spa-sk-card{min-height:92px}.spa-sk-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spa-sk-panel{display:flex;flex-direction:column;gap:13px;min-height:210px}.spa-sk-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.spa-sk-field{display:flex;flex-direction:column;gap:8px}.spa-sk-form-actions{grid-column:1/-1;display:flex;gap:10px;margin-top:4px}.spa-skeleton-pricing>.spa-sk-chips{padding:12px;background:#fff;border:1px solid #e5eaf0;border-radius:10px}.spa-content-enter{opacity:.72;transform:translateY(3px)}.spa-content-enter.spa-content-ready{opacity:1;transform:none;transition:opacity .14s ease,transform .14s ease}@keyframes spaSkeletonShimmer{100%{transform:translateX(100%)}}
@media(max-width:1024px){.spa-sk-stats{grid-template-columns:1fr 1fr}.spa-sk-panels{grid-template-columns:1fr}.spa-sk-table-row{grid-template-columns:44px 1.2fr repeat(3,minmax(65px,1fr))}.spa-sk-table-row>*:nth-child(n+6){display:none}.spa-sk-form{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.spa-skeleton-page{min-height:480px;gap:10px}.spa-sk-head{align-items:flex-start;flex-direction:column}.spa-sk-chips{flex-wrap:nowrap;overflow:hidden;width:100%}.spa-sk-chip{min-width:68px}.spa-sk-filters{display:grid;grid-template-columns:1fr 1fr}.spa-sk-control{width:100%}.spa-sk-stats{grid-template-columns:1fr 1fr}.spa-sk-form{grid-template-columns:1fr}.spa-sk-form-actions{grid-column:auto}.spa-sk-table-row{grid-template-columns:42px 1.25fr 82px}.spa-sk-table-row>*:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.spa-sk-line:after{animation:none}.spa-content-enter,.spa-content-enter.spa-content-ready{transition:none;transform:none}}

/* R53 stable module subnavigation: reserve identical geometry for active/inactive links. */
.module-links{display:flex;align-items:center;flex-wrap:nowrap;min-height:34px;white-space:nowrap;scrollbar-width:none}
.module-links::-webkit-scrollbar{display:none}
.module-links a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:30px;padding:5px 7px;line-height:20px;white-space:nowrap;margin:0;vertical-align:middle;text-decoration:none}
.module-links a.active,.module-links a[aria-current="page"]{padding:5px 7px;min-height:30px;line-height:20px;margin:0;transform:none}
@media(max-width:700px){.module-links{min-height:32px}.module-links a,.module-links a.active,.module-links a[aria-current="page"]{min-height:28px;padding:4px 6px;line-height:20px}}

/* R54 hybrid member portal: persistent header/account shell, main-only route swaps. */
.front.front-authenticated>.front-main[aria-busy="true"]{min-height:520px;pointer-events:none}
.spa-skeleton-active .front.front-authenticated>.front-main{opacity:1}
.front.front-authenticated>.front-main.spa-content-enter{opacity:.76;transform:translateY(2px)}
.front.front-authenticated>.front-main.spa-content-enter.spa-content-ready{opacity:1;transform:none;transition:opacity .12s ease,transform .12s ease}
.front-nav a{will-change:auto}.front-nav a.active{transform:none}
@media(prefers-reduced-motion:reduce){.front.front-authenticated>.front-main.spa-content-enter,.front.front-authenticated>.front-main.spa-content-enter.spa-content-ready{transition:none;transform:none}}

/* R56 compact charging recovery/control center */
.charging-detail-ops{display:grid;gap:10px;margin:0 0 14px}.charging-detail-ops,.charging-ops-grid,.charging-op-card,.charging-resend-row,.charging-resend-row form{min-width:0}.charging-ops-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#fff;border:1px solid var(--eth-line);border-radius:10px}.charging-ops-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}.charging-ops-head>div>strong{font-size:16px;color:var(--eth-navy)}.charging-ops-head>div>span{font-size:12.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.charging-ops-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:10px}.charging-op-card,.charging-resend-row,.charging-settlement-alert{background:#fff;border:1px solid var(--eth-line);border-radius:10px;padding:12px}.charging-op-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #edf1f5}.charging-op-card>header strong{font-size:14px;color:#1e293b}.charging-op-card>header span{font-size:11.5px;color:#94a3b8}.charging-manual-fields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,1.1fr) auto;gap:8px;align-items:end}.charging-manual-fields label{display:grid;gap:4px;font-size:11.5px;color:#64748b}.charging-callback-only{display:flex!important;grid-auto-flow:column;align-items:center;justify-content:start;gap:6px!important;min-height:38px;padding:0 8px;border:1px solid #e5eaf0;border-radius:7px;white-space:nowrap}.charging-manual-actions,.charging-recovery-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.charging-manual-result-form .muted{font-size:11.5px;margin:8px 0 0}.charging-op-empty{display:grid;gap:5px;padding:10px;background:#f8fafc;border-radius:8px}.charging-op-empty strong{font-size:13px}.charging-op-empty span,.charging-op-hints p,.charging-resend-row span{font-size:11.5px;color:#64748b}.charging-op-hints{display:grid;gap:4px;margin-top:9px}.charging-op-hints p{margin:0;line-height:1.35}.charging-resend-row{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr);gap:12px;align-items:center}.charging-resend-row>div{display:grid;gap:3px}.charging-resend-row form{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(180px,1fr) auto;gap:7px;align-items:center}.charging-settlement-alert{display:flex;align-items:center;gap:10px;margin:0 0 14px;background:#fffaf0;border-color:#fde3a7}.charging-settlement-alert strong{color:#9a6700}.charging-settlement-alert span{font-size:12px;color:#64748b;flex:1}.charging-recovery-buttons form{margin:0}.charging-recovery-buttons .btn,.charging-manual-actions .btn{min-height:34px;padding:7px 10px}.charging-detail-ops .btn[disabled],.charging-detail-ops .form-control[disabled]{opacity:.5;cursor:not-allowed}.charging-resend-row form>[data-form-notice],.charging-uncertain-confirm{grid-column:1/-1}.charging-uncertain-confirm{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #f0c36b;border-radius:7px;background:#fff8e8;color:#7a5a00;font-size:11.5px;line-height:1.35}.charging-uncertain-confirm input{margin:0;flex:0 0 auto}.charging-resend-row .charging-resend-old-provider{display:block;min-width:0;margin-top:7px}.charging-resend-old-provider .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1100px){.charging-ops-grid{grid-template-columns:minmax(0,1fr)}.charging-resend-row{grid-template-columns:minmax(0,1fr)}.charging-manual-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.charging-callback-only{grid-column:1/-1}.charging-resend-row form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}
@media(max-width:700px){.charging-ops-head{align-items:flex-start}.charging-ops-head>div{display:grid;gap:2px}.charging-manual-fields,.charging-resend-row form{grid-template-columns:minmax(0,1fr)}.charging-callback-only{grid-column:auto}.charging-op-card>header{min-width:0;flex-wrap:wrap;align-items:flex-start}.charging-op-card>header>*{min-width:0;max-width:100%}.charging-op-card>header span{white-space:normal;overflow-wrap:anywhere}.charging-recovery-buttons,.charging-manual-actions{display:grid;grid-template-columns:minmax(0,1fr)}.charging-recovery-buttons form{min-width:0;width:100%}.charging-recovery-buttons .btn,.charging-manual-actions .btn,.charging-resend-row .btn{width:100%}.charging-op-hints p,.charging-op-empty span,.charging-resend-row span{overflow-wrap:anywhere}.charging-settlement-alert{align-items:flex-start;flex-wrap:wrap}}

/* R65 member deposit gateway */
.deposit-page{width:100%;display:flex;flex-direction:column;gap:16px}.deposit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.deposit-heading h1{margin:0;color:#172b46;font-size:28px;letter-spacing:-.4px}.deposit-heading p{margin:6px 0 0;color:var(--member-muted);font-size:13.5px}.deposit-heading>a{font-size:13px;font-weight:650;color:var(--member-blue);margin-top:8px}.deposit-gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.deposit-gateway-card{min-height:118px;padding:20px;border:1px solid var(--member-line);border-radius:13px;background:#fff;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;color:#263a53;box-shadow:0 3px 14px rgba(21,45,75,.035);transition:.15s ease}.deposit-gateway-card:hover,.deposit-gateway-card.active{border-color:#9bc0e5;box-shadow:0 6px 22px rgba(21,73,126,.08);text-decoration:none}.deposit-gateway-icon{width:52px;height:52px;border-radius:12px;background:#eef4fb;display:grid;place-items:center;color:#315d8b;font-size:25px}.deposit-card-icon{font-size:22px}.deposit-gateway-card span:nth-child(2){display:flex;flex-direction:column;gap:7px}.deposit-gateway-card strong{font-size:18px;color:#20354f}.deposit-gateway-card small{font-size:13px;color:#c28b20}.deposit-gateway-card small.deposit-free{color:#179b7e}.deposit-gateway-card>b{font-size:30px;font-weight:400;color:#8190a3}.deposit-panel,.deposit-history{background:#fff;border:1px solid var(--member-line);border-radius:11px;box-shadow:0 3px 14px rgba(21,45,75,.035);overflow:hidden}.deposit-panel-head,.deposit-section-head{padding:15px 18px;border-bottom:1px solid var(--member-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.deposit-panel-head>div{display:flex;flex-direction:column;gap:4px}.deposit-panel-head strong,.deposit-section-head h2{font-size:16px;color:#213650;margin:0}.deposit-panel-head span{font-size:11.5px;color:#7e8a99}.deposit-panel-head>a,.deposit-section-head>a{font-size:11.5px}.deposit-bank-form{padding:18px;display:flex;align-items:end;gap:12px}.deposit-bank-form label{flex:1;display:flex;flex-direction:column;gap:6px}.deposit-bank-form label>span{font-size:12.5px;font-weight:650;color:#31445d}.deposit-money-input{display:flex;align-items:center;border:1px solid #d5dde7;border-radius:8px;overflow:hidden}.deposit-money-input .form-control{border:0;box-shadow:none!important;height:42px;flex:1}.deposit-money-input>b{padding:0 12px;color:#718096}.deposit-card-form{padding:18px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto auto;gap:8px;align-items:center}.deposit-card-form .form-control{height:42px;border-radius:8px;border-color:#d5dde7;min-width:0}.deposit-add-card{background:#eef4fb;color:#315d8b}.deposit-note{margin:0;padding:0 18px 16px;color:#7e8a99;font-size:11.5px}.deposit-qr-body{display:grid;grid-template-columns:280px 1fr;gap:20px;padding:18px;align-items:center}.deposit-qr-body>img{width:100%;max-width:280px;height:auto}.deposit-bank-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.deposit-bank-details>div{padding:11px 13px;border:1px solid #e8edf2;border-radius:8px;background:#fafcfe;display:flex;flex-direction:column;gap:4px}.deposit-bank-details>.wide{grid-column:1/-1}.deposit-bank-details span{font-size:10.5px;color:#8390a0}.deposit-bank-details strong{font-size:13px;color:#263a53;word-break:break-word}.deposit-alert{padding:12px 14px;border:1px solid #efc9c9;border-radius:9px;background:#fff8f8;color:#ae4545;font-size:12.5px}.deposit-history .table-wrap{border:0;border-radius:0}.deposit-history .ttc-table{font-size:12.5px}
@media(max-width:820px){.deposit-gateway-grid{grid-template-columns:1fr}.deposit-card-form{grid-template-columns:1fr 1fr}.deposit-card-form .btn{min-height:42px}.deposit-qr-body{grid-template-columns:1fr}.deposit-qr-body>img{margin:auto}.deposit-bank-form{align-items:stretch;flex-direction:column}.deposit-bank-form .btn{min-height:42px}.deposit-heading h1{font-size:24px}}
@media(max-width:520px){.deposit-heading{align-items:flex-start}.deposit-heading p{font-size:12.5px}.deposit-heading>a{font-size:11.5px;white-space:nowrap}.deposit-gateway-card{min-height:96px;padding:14px;grid-template-columns:46px 1fr auto;gap:10px}.deposit-gateway-icon{width:44px;height:44px}.deposit-gateway-card strong{font-size:15px}.deposit-gateway-card small{font-size:11.5px}.deposit-card-form{grid-template-columns:1fr}.deposit-bank-details{grid-template-columns:1fr}.deposit-bank-details>.wide{grid-column:auto}}

/* R24 legal, tax and KYC public disclosure */
.auth-consent{display:grid!important;grid-template-columns:18px 1fr;gap:8px;align-items:start;font-size:11px;line-height:1.5;color:#66778a}.auth-consent input{margin-top:3px}.auth-consent a{font-weight:700}.auth-compliance-note{display:grid;gap:3px;padding:10px 12px;border:1px solid #e5d9b9;background:#fffaf0;border-radius:8px;color:#6f6349;font-size:10.5px;line-height:1.45}.auth-compliance-note strong{color:#554a32}.legal-center{max-width:1040px;margin:0 auto}.legal-hero{padding:28px 0 22px;border-bottom:1px solid #e4eaf0}.legal-hero>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#39709b}.legal-hero h1{font-size:30px;color:#203b58;margin:7px 0}.legal-hero p{max-width:760px;color:#66788b;line-height:1.65;margin:0}.legal-updated{margin-top:10px;color:#98a4b0;font-size:10px}.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;padding:24px 0}.legal-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:18px;align-self:start;padding:14px;border:1px solid #e3e9ef;border-radius:10px}.legal-nav strong{font-size:11px;color:#314a64;margin-bottom:3px}.legal-nav a{font-size:11px}.legal-article{display:grid;gap:22px}.legal-article section{padding-bottom:20px;border-bottom:1px solid #edf0f3}.legal-article h2{font-size:17px;color:#263f5a;margin:0 0 8px}.legal-article p{margin:0;color:#5d6f81;font-size:12.5px;line-height:1.75}.legal-help,.help-compliance-strip{border:1px solid #d9e5ee;background:#f7fbfe;border-radius:10px;padding:15px}.legal-help strong,.help-compliance-strip strong{color:#2d506d}.legal-help p,.help-compliance-strip p{color:#6e7f8e;font-size:11px;line-height:1.55}.help-compliance-strip{margin:24px 0}.help-compliance-strip div{display:flex;gap:14px;flex-wrap:wrap}.help-compliance-strip a{font-size:11px;font-weight:700}
@media(max-width:700px){.legal-hero h1{font-size:24px}.legal-layout{grid-template-columns:1fr;gap:15px}.legal-nav{position:static;display:grid;grid-template-columns:1fr 1fr}.legal-nav strong{grid-column:1/-1}.legal-center{padding:0 4px}.auth-consent{font-size:10.5px}}

.front-fee-section{width:min(100%,1180px);margin:24px auto 0}.front-fee-section .fee-title{text-align:center;margin-top:0}.front-fee-section .front-tabs{justify-content:center}.front-fee-section .fee-panel .front-scroll{margin-inline:auto}@media(max-width:600px){.front-fee-section{width:100%;margin-top:18px}}

/* R1 shared public/member subpage frame: header → title → functional blocks. */
.front-main-subpage{max-width:1280px;padding:30px 4px 48px}.front-main-subpage>.front-page-shell{display:grid;gap:20px;min-width:0}.front-main-subpage>.front-page-shell>.front-title{margin:0;padding:0 0 16px;border-bottom:1px solid #e5ebf1;color:#1f344c;font-size:26px;line-height:1.22;font-weight:700;letter-spacing:-.015em}.front-main-subpage>.front-page-shell>.history-title{margin-top:4px}.front-main-subpage>.front-page-shell>.front-form-row,.front-main-subpage>.front-page-shell>.filter-row,.front-main-subpage>.front-page-shell>.front-scroll{margin-top:0}.front-main-subpage .front-page-shell>.panel,.front-main-subpage .front-page-shell>.deposit-page,.front-main-subpage .front-page-shell>.withdraw-page,.front-main-subpage .front-page-shell>.wallet-history{margin-top:0}@media(max-width:640px){.front-main-subpage{padding:20px 0 34px}.front-main-subpage>.front-page-shell{gap:16px}.front-main-subpage>.front-page-shell>.front-title{font-size:22px;padding-bottom:13px}}

/* User subpages use the exact same shell as the public header and homepage. */
.front-main-subpage{width:calc(100% - 32px)!important;max-width:var(--front-shell)!important;margin-left:auto!important;margin-right:auto!important;padding:30px 0 48px;min-width:0;box-sizing:border-box}.front-main-subpage>.front-page-shell{width:100%;max-width:none;min-width:0}
@media(max-width:1100px){.front-main-subpage{width:calc(100% - 24px)!important;padding:24px 0 40px}}
@media(max-width:640px){.front-main-subpage{width:calc(100% - 16px)!important;padding:20px 0 34px}.front-main-subpage>.front-page-shell{gap:16px}.front-main-subpage>.front-page-shell>.front-title{font-size:22px;padding-bottom:13px}}

/* Public/member type hierarchy: crisp system sans, high-contrast ink, and restrained secondary text. */
.front{font-family:"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;color:#252c38;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.front h1,.front h2,.front h3,.front .front-title{color:#202b3c;letter-spacing:-.012em}.front h1,.front .front-title{font-weight:700}.front h2,.front h3{font-weight:600}.front p,.front li,.front label{color:#5d6b7c;line-height:1.62}.front .muted,.front small{color:#7b8797}.front a{color:#276ebd;font-weight:500}.front .front-nav a,.front .front-account,.front .front-signin{color:#2a2a2e;font-weight:600}.front .front-signup,.front .btn,.front .badge{font-weight:650}.front .form-control{color:#252c38}.front .form-control::placeholder{color:#8a96a6;opacity:1}.front .ttc-table th{color:#46566a;font-weight:700}.front .ttc-table td{color:#344255}.front .legal-center{width:100%;max-width:none}.front .legal-hero h1,.front .legal-article h2{color:#202b3c}.front .legal-hero p,.front .legal-article p,.front .legal-help p{color:#5d6b7c}

.front .charging-workspace{margin:0 0 28px;padding-top:16px}.front .charging-mode-tabs{position:relative;z-index:1;display:flex;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:0 auto -1px;padding:6px;background:#fff;border:1px solid #dde5ed;border-radius:16px 16px 0 0}.front .charging-mode-tabs button{border:0;border-radius:10px;background:transparent;color:#5d6b7c;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer}.front .charging-mode-tabs button.active{background:#eaf1ff;color:#276ebd;box-shadow:inset 0 -2px 0 #3478f6}.front .charging-workspace-panel{padding:24px;border:1px solid #dde5ed;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(30,50,75,.08)}.front .charging-workspace-head span,.front .charging-workspace-head strong{display:block}.front .charging-workspace-head span{font-size:10px;letter-spacing:.11em;color:#6b84a0;font-weight:800}.front .charging-workspace-head strong{margin:4px 0 18px;color:#202b3c;font-size:17px}.front .charging-single-form{display:grid;grid-template-columns:1fr 1.15fr 1.05fr .9fr auto;gap:10px}.front .charging-single-form .form-control,.front .charging-single-form .btn{height:46px;width:100%}.front .charging-fee-inline{margin-top:22px;padding-top:18px;border-top:1px solid #e5ebf1}.front .charging-fee-inline .fee-title{margin:0 0 10px}.front .charging-bulk-defaults{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px}.front .charging-bulk-defaults label,.front .charging-bulk-list-label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#46566a}.front .charging-bulk-defaults .form-control{height:42px;width:100%}.front .charging-import-file{position:relative;padding:8px 10px;border:1px dashed #9eb7d0;border-radius:10px;background:#f8fbff;cursor:pointer}.front .charging-import-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.front .charging-import-file span{font-size:11px;font-weight:500;color:#728197}.front .charging-bulk-list-label{margin-top:14px}.front .charging-bulk-list-label textarea{width:100%;min-height:150px;resize:vertical;border:1px solid #d6e0ea;border-radius:10px;padding:12px;font:inherit;line-height:1.55}.front .charging-bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px}.front .charging-bulk-actions span{font-size:11px;color:#758398}.front .charging-bulk-preview{margin-top:15px;padding:14px;border:1px solid #dfe8f0;border-radius:10px;background:#f8fbfd;font-size:12px}.front .charging-bulk-preview .ttc-table{margin-top:10px}@media(max-width:900px){.front .charging-single-form{grid-template-columns:1fr 1fr}.front .charging-single-form .btn{grid-column:1/-1}.front .charging-bulk-defaults{grid-template-columns:1fr 1fr}.front .charging-import-file{grid-column:1/-1}}@media(max-width:640px){.front .charging-workspace-panel{padding:16px 13px}.front .charging-mode-tabs{width:100%}.front .charging-mode-tabs button{flex:1;padding:10px 8px;font-size:12px}.front .charging-single-form,.front .charging-bulk-defaults{grid-template-columns:1fr}.front .charging-single-form .btn,.front .charging-import-file{grid-column:auto}.front .charging-bulk-actions .btn{flex:1}}

/* Charging acknowledgement: receipt is distinct from the final provider callback outcome. */
.front .charging-pending-card{display:grid;gap:14px;margin:14px 0 2px;padding:15px 16px;border:1px solid #ecd79b;border-radius:10px;background:#fffdf7;box-shadow:0 5px 14px rgba(114,83,10,.06)}
.front .charging-pending-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px}.front .charging-pending-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff0bd;color:#9b6900;font-size:17px;font-weight:800}.front .charging-pending-head strong{display:block;color:#594309;font-size:13.5px}.front .charging-pending-head p{margin:3px 0 0;color:#7d6a36;font-size:11.5px;line-height:1.45}.front .charging-pending-head a{align-self:center;font-size:11.5px;font-weight:750;white-space:nowrap}.front .charging-pending-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;padding:0;margin:0}.front .charging-pending-steps li{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border:1px solid #eadfbf;border-radius:8px;background:#fff;color:#8a7a50;font-size:10.5px;line-height:1.35}.front .charging-pending-steps b{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#f2ead4;color:#846a28;font-size:10px}.front .charging-pending-steps li.done{border-color:#bde6d1;background:#f4fcf7;color:#347858}.front .charging-pending-steps li.done b{background:#32a56d;color:#fff}.front .charging-pending-steps li.active{border-color:#f0d282;background:#fff9e8;color:#8a6500}.front .charging-pending-steps li.active b{background:#e6af22;color:#fff}.front .charging-pending-note{margin:0;padding-top:10px;border-top:1px solid #eee4c8;color:#8b7c54;font-size:10.5px;line-height:1.45}.front .home-exchange-row+[data-charging-pending]{margin:12px 0 0}.front .charging-bulk-preview strong{color:#826000}@media(max-width:760px){.front .charging-pending-head{grid-template-columns:auto minmax(0,1fr)}.front .charging-pending-head a{grid-column:2;justify-self:start}.front .charging-pending-steps{grid-template-columns:1fr 1fr}}@media(max-width:440px){.front .charging-pending-steps{grid-template-columns:1fr}.front .charging-pending-card{padding:13px}.front .charging-pending-head strong{font-size:12.5px}}

/* Live result state for the customer-facing card exchange acknowledgement. */
.front .charging-pending-card.is-waiting .charging-pending-icon{animation:chargingClockPulse 1.25s ease-in-out infinite}.front .charging-wait-dots{display:inline-flex;gap:2px;margin-left:3px;font-style:normal}.front .charging-wait-dots i{display:inline-block;font-style:normal;animation:chargingDots 1.15s infinite both}.front .charging-wait-dots i:nth-child(2){animation-delay:.16s}.front .charging-wait-dots i:nth-child(3){animation-delay:.32s}.front .charging-pending-card.is-final .charging-wait-dots{display:none}.front .charging-pending-card.is-success{border-color:#b8e2c9;background:#f8fffa}.front .charging-pending-card.is-success .charging-pending-icon{background:#dcf6e7;color:#198754}.front .charging-pending-card.is-warning{border-color:#f0d282;background:#fffdf6}.front .charging-pending-card.is-warning .charging-pending-icon{background:#fff0bd;color:#946000}.front .charging-pending-card.is-failed{border-color:#efc7c7;background:#fffafa}.front .charging-pending-card.is-failed .charging-pending-icon{background:#fde5e5;color:#bd4444}.front .charging-pending-card.is-unknown{border-color:#cad8e8;background:#fbfdff}.front .charging-pending-card.is-unknown .charging-pending-icon{background:#e9f1fa;color:#47749d}@keyframes chargingClockPulse{50%{transform:scale(1.07);box-shadow:0 0 0 5px rgba(230,175,34,.14)}}@keyframes chargingDots{0%,80%,100%{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.front .charging-pending-card.is-waiting .charging-pending-icon,.front .charging-wait-dots i{animation:none}}


/* R29 CMS rich editor + topic categories */
.cms-editor-field{display:block}.cms-editor-label{display:block;font-weight:600;margin-bottom:6px}.cms-editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid #dfe6ee;border-bottom:0;border-radius:9px 9px 0 0;background:#f8fafc;position:sticky;top:0;z-index:4}.cms-tool-group{display:inline-flex;gap:4px;align-items:center;padding-right:6px;border-right:1px solid #dfe6ee}.cms-tool-group:last-child{border-right:0}.cms-tool-right{margin-left:auto}.cms-format-select{width:auto;min-width:132px;height:34px;padding:4px 8px}.cms-rich-editor,.cms-source-editor{width:100%;min-height:480px;border:1px solid #dfe6ee;border-radius:0 0 9px 9px;background:#fff;padding:22px;outline:none;line-height:1.7;color:#27364a;overflow:auto}.cms-rich-editor:focus,.cms-source-editor:focus{border-color:#7bbbd1;box-shadow:0 0 0 3px rgba(27,137,177,.08)}.cms-rich-editor h2,.cms-rich-editor h3,.cms-rich-editor h4{line-height:1.3;color:#1f2f46;margin:1.1em 0 .45em}.cms-rich-editor p{margin:.6em 0}.cms-rich-editor blockquote{border-left:3px solid #cbd5e1;padding-left:14px;color:#64748b;margin:1em 0}.cms-rich-editor pre{background:#f8fafc;padding:12px;border-radius:7px;overflow:auto}.cms-rich-editor table{border-collapse:collapse;width:100%;margin:1em 0}.cms-rich-editor td,.cms-rich-editor th{border:1px solid #dfe6ee;padding:8px}.cms-rich-editor a{color:#087ea4;text-decoration:underline}.cms-source-editor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55}.cms-preview-box{margin:16px 0;padding:10px;border:1px solid #dfe6ee;border-radius:10px;background:#fff}.cms-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.cms-category-inline{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,.8fr) minmax(180px,1.5fr) 70px 105px auto;gap:6px;align-items:center}.content-topic-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.content-topic-nav a{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #dfe6ee;border-radius:999px;background:#fff;color:#50647c;text-decoration:none;font-size:13px}.content-topic-nav a.active{background:#eef8fb;border-color:#9fd0df;color:#0b718f;font-weight:600}.content-topic{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0b7898;text-decoration:none}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;background:#eef4f8;color:#52677f;font-size:12px;white-space:nowrap}
@media(max-width:900px){.cms-tool-right{margin-left:0}.cms-category-inline{grid-template-columns:1fr 1fr}.cms-category-inline .btn{width:max-content}.cms-rich-editor,.cms-source-editor{min-height:400px;padding:16px}}
@media(max-width:560px){.cms-editor-toolbar{position:static}.cms-tool-group{border-right:0;padding-right:0}.cms-format-select{width:100%}.cms-rich-editor,.cms-source-editor{min-height:360px;padding:14px}.cms-category-inline{grid-template-columns:1fr}.content-topic-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.content-topic-nav a{white-space:nowrap}}

/* Shared CDN Media Library R2 */
.media-picker-field{display:grid;gap:9px;padding:12px;border:1px solid #dfe6ee;border-radius:10px;background:#fff}.media-picker-label{font-weight:650;color:#46586c}.media-picker-preview{min-height:96px;display:grid;place-items:center;overflow:hidden;border:1px dashed #d9e1ea;border-radius:9px;background:#f8fafc;color:#8a99aa}.media-picker-preview img{max-width:100%;max-height:150px;object-fit:contain}.media-picker-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.media-picker-actions .muted{font-size:12px}
.td-asset.media-picker-field{align-content:start}.td-asset.media-picker-field .media-picker-preview{height:130px}.td-asset.media-picker-field .media-picker-preview img{max-height:130px}
.media-modal-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.5);padding:24px;display:grid;place-items:center}.media-modal-backdrop[hidden]{display:none}.media-modal{width:min(1120px,96vw);height:min(780px,92vh);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 24px 80px rgba(15,23,42,.28)}.media-modal>header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e5eaf0}.media-modal>header div{display:grid;gap:2px}.media-modal>header strong{font-size:17px}.media-modal>header span{font-size:12px;color:#718096}.media-modal-close{border:0;background:transparent;color:#64748b;font-size:28px;line-height:1;cursor:pointer}.media-modal-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,230px) auto auto;gap:8px;padding:12px 18px;border-bottom:1px solid #edf1f5}.media-modal-status{padding:8px 18px}.media-modal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 18px 20px;overflow:auto;background:#f8fafc}.media-modal-item{display:grid;grid-template-rows:135px auto;gap:7px;padding:7px;border:1px solid #dfe6ee;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.media-modal-item:hover{border-color:#7abbd1;box-shadow:0 4px 14px rgba(33,91,120,.12)}.media-modal-item img{width:100%;height:135px;object-fit:contain;border-radius:7px;background:#f4f6f8}.media-modal-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#44556a;font-size:12px}
.media-library-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.media-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.media-library-card{overflow:hidden;border:1px solid #dfe6ee;border-radius:10px;background:#fff}.media-library-thumb{display:block;width:100%;height:150px;padding:8px;border:0;background:#f8fafc;cursor:pointer}.media-library-thumb img{width:100%;height:100%;object-fit:contain}.media-library-meta{display:grid;gap:6px;padding:10px}.media-library-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-library-meta>span{font-size:11px;color:#7b8794}.media-library-meta>div{display:flex;gap:6px;flex-wrap:wrap}
.cms-rich-editor img,.content-body img{max-width:100%;height:auto;border-radius:8px}
.media-library-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.media-folder-panel{position:sticky;top:82px;border:1px solid #dfe6ee;border-radius:10px;background:#fff;overflow:hidden}.media-folder-head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #edf1f5}.media-folder-all,.media-folder-link{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;color:#475569;text-decoration:none}.media-folder-link{padding-left:calc(10px + var(--folder-depth)*14px)}.media-folder-all:hover,.media-folder-link:hover{background:#f7fafc}.media-folder-all.active,.media-folder-link.active{background:#eaf4ff;color:#1f6fb2;font-weight:650}.media-folder-all span:nth-child(2),.media-folder-link span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-folder-link em{font-style:normal;font-size:11px;color:#94a3b8}.media-folder-icon{font-size:12px;color:#8b9bad}.media-folder-selected-actions{display:flex;gap:6px;padding:10px;border-top:1px solid #edf1f5}.media-library-main{min-width:0}.media-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.media-library-toolbar>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.media-current-folder{font-weight:700;color:#31445b}.media-filter-row{margin-bottom:12px}.media-card-actions{display:grid!important;grid-template-columns:auto minmax(90px,1fr) auto;gap:5px!important;align-items:center}.media-move-select{min-width:0;height:32px;padding:4px 7px;font-size:12px}.btn-danger{color:#b42318;border-color:#f0c9c5;background:#fff}.btn-danger:hover{background:#fff4f2}.media-library-card{min-width:0}
@media(max-width:1100px){.media-modal-grid,.media-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.media-library-shell{grid-template-columns:190px minmax(0,1fr)}}@media(max-width:780px){.media-library-shell{grid-template-columns:1fr}.media-folder-panel{position:static}.media-library-toolbar{align-items:flex-start;flex-direction:column}.media-card-actions{grid-template-columns:1fr 1fr}.media-card-actions .media-move-select{grid-column:1/-1}.media-modal-backdrop{padding:8px}.media-modal{width:100%;height:96vh}.media-modal-tools{grid-template-columns:1fr 1fr}.media-modal-tools .form-control{grid-column:1/-1}.media-modal-grid,.media-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-modal-item{grid-template-rows:115px auto}.media-modal-item img{height:115px}}@media(max-width:460px){.media-modal-grid,.media-library-grid{grid-template-columns:1fr 1fr;gap:7px}.media-modal-grid{padding:10px}.media-library-thumb{height:120px}.media-picker-actions .btn{flex:1}}

/* R30 compact grouped admin navigation */
.admin-nav-group{margin:2px 0}
.admin-nav-group-toggle{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:40px;margin:0;padding:9px 11px;border:0;border-radius:7px;background:transparent;color:#475569;font:inherit;font-weight:650;text-align:left;cursor:pointer}
.admin-nav-group-toggle:hover{background:#f3f7fa;color:var(--eth-navy)}
.admin-nav-group.active>.admin-nav-group-toggle{color:var(--eth-blue);background:#f8fbff}
.admin-nav-group-icon{width:18px;flex:0 0 18px;text-align:center;color:#7b8794;font-size:15px}
.admin-nav-group.active .admin-nav-group-icon{color:var(--eth-blue)}
.admin-nav-group-label{min-width:0;flex:1;white-space:nowrap}
.admin-nav-group-arrow{position:relative;width:20px;height:20px;flex:0 0 20px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#94a3b8;transition:background-color .16s ease,transform .16s ease}
.admin-nav-group-arrow::before{content:"";display:block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transform-origin:center;transition:transform .16s ease,color .16s ease}
.admin-nav-group-toggle:hover .admin-nav-group-arrow{background:rgba(37,99,235,.07);color:#64748b}
.admin-nav-group.open .admin-nav-group-arrow{color:var(--eth-blue)}
.admin-nav-group.open .admin-nav-group-arrow::before{transform:rotate(225deg) translate(-1px,-1px)}
.admin-nav-group-toggle:active .admin-nav-group-arrow{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.admin-nav-group-arrow,.admin-nav-group-arrow::before{transition:none}}
.admin-nav-children{display:none;padding:2px 0 5px}
.admin-nav-group.open>.admin-nav-children{display:block}
.admin-nav-children>a{min-height:34px;margin:1px 0;padding:6px 10px 6px 39px;border-radius:7px;font-size:13px;font-weight:570;color:#64748b}
.admin-nav-children>a>span:first-child{width:10px;font-size:11px;color:#a0aec0}
.admin-nav-children>a:hover{background:#f5f8fb;color:#334155}
.admin-nav-children>a.active{background:var(--eth-blue-soft);color:var(--eth-blue);font-weight:650}
.admin-nav-children>a.active>span:first-child{color:var(--eth-blue)}
@media(min-width:1025px){.ttc-admin.sidebar-collapsed .admin-nav-group-toggle{justify-content:center;padding-left:0;padding-right:0;gap:0}.ttc-admin.sidebar-collapsed .admin-nav-group-icon{width:auto;font-size:17px}.ttc-admin.sidebar-collapsed .admin-nav-group-label,.ttc-admin.sidebar-collapsed .admin-nav-group-arrow,.ttc-admin.sidebar-collapsed .admin-nav-children{display:none!important}}
@media(max-width:1024px){.admin-nav-group-toggle{min-height:46px;margin:3px 0;font-size:15px;padding:10px 11px}.admin-nav-children>a{min-height:42px;padding-left:42px;font-size:14px}}


/* R32 Bank QR quote before hosted checkout */
.front .bank-quote-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,1.2fr) auto;gap:12px;align-items:end}.front .bank-quote-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e1e8f0;border-radius:10px;background:#f8fbfe;overflow:hidden}.front .bank-quote-summary>div{padding:10px 12px;border-right:1px solid #e1e8f0}.front .bank-quote-summary>div:last-child{border-right:0}.front .bank-quote-summary span,.front .bank-quote-summary strong{display:block}.front .bank-quote-summary span{font-size:10.5px;color:#7b899a}.front .bank-quote-summary strong{margin-top:4px;font-size:14px;color:#273b54}.front .bank-quote-summary strong.text-success{color:#198754}.front .bank-quote-note{grid-column:1/3;padding:0;margin:0;font-size:11.5px}.front .bank-quote-form>.btn{grid-column:3;grid-row:1/3;min-height:42px;min-width:120px}.front .bank-quote-form>.btn[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.front .bank-quote-form{grid-template-columns:1fr}.front .bank-quote-summary,.front .bank-quote-note,.front .bank-quote-form>.btn{grid-column:auto;grid-row:auto}.front .bank-quote-form>.btn{width:100%}}
@media(max-width:520px){.front .bank-quote-summary{grid-template-columns:1fr}.front .bank-quote-summary>div{border-right:0;border-bottom:1px solid #e1e8f0}.front .bank-quote-summary>div:last-child{border-bottom:0}}

.autobank-notice{margin:0 0 14px;padding:11px 14px;border-radius:9px;border:1px solid #dbe5ef;font-size:13px;font-weight:650}.autobank-notice.success{background:#edf9f3;border-color:#ccebdc;color:#19704a}.autobank-notice.warning{background:#fff8e8;border-color:#f0ddb2;color:#8b6412}.autobank-enable-help{font-size:11.5px;color:#718096;margin-top:-3px}.finance-form input[data-autobank-enabled]:disabled+span{opacity:.6}

/* R32.2 member balance deposit entry */
.deposit-balance-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid var(--member-line);border-radius:12px;background:linear-gradient(135deg,#ffffff,#f7fbff);box-shadow:0 3px 14px rgba(21,45,75,.035)}.deposit-balance-summary>div:first-child{display:grid;gap:4px}.deposit-balance-summary span{font-size:11px;color:#7f8c9b;text-transform:uppercase;letter-spacing:.045em;font-weight:700}.deposit-balance-summary strong{font-size:24px;color:#1e3b5d}.deposit-balance-summary small{font-size:11.5px;color:#7b8797}.deposit-balance-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#eaf3ff;color:#276ebd;font-size:22px;font-weight:800}.front-nav a[href="/wallet/deposit"].active{background:var(--eth-blue-soft);color:var(--eth-blue)}
@media(max-width:520px){.deposit-balance-summary{padding:14px}.deposit-balance-summary strong{font-size:21px}.deposit-balance-mark{width:40px;height:40px}.deposit-heading{display:grid;gap:8px}.deposit-heading>a{margin-top:0}}

/* R32.5 Finance > Cổng thanh toán */
.payment-gateway-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 22px}.payment-gateway-admin-card{display:flex;align-items:center;gap:16px;min-height:150px;padding:20px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 7px 22px rgba(28,55,88,.05);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.payment-gateway-admin-card[href]:hover{border-color:#9fc2eb;box-shadow:0 12px 28px rgba(28,82,145,.10);transform:translateY(-1px)}.payment-gateway-admin-card.is-coming{background:#fbfcfe}.payment-gateway-admin-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:14px;background:#edf5ff;color:#2b6fbd;font-size:24px;font-weight:800}.payment-gateway-admin-icon.card{background:#f2f5f9;color:#536c89}.payment-gateway-admin-body{min-width:0;flex:1}.payment-gateway-admin-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px}.payment-gateway-admin-title strong{font-size:17px;color:#152d49}.payment-gateway-admin-body p{margin:0;color:#718197;font-size:12.5px;line-height:1.5}.payment-gateway-admin-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px;color:#64778d;font-size:11.5px}.payment-gateway-admin-arrow{font-size:30px;color:#8ba2bb;line-height:1}@media(max-width:820px){.payment-gateway-admin-grid{grid-template-columns:1fr}.payment-gateway-admin-card{min-height:130px}}@media(max-width:520px){.payment-gateway-admin-card{padding:15px;gap:12px}.payment-gateway-admin-icon{flex-basis:46px;width:46px;height:46px}.payment-gateway-admin-title strong{font-size:15px}.payment-gateway-admin-meta{gap:8px 12px}}

/* R32.6 multi receiving banks + unified deposit history */
.gateway-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:6px;background:#f4f7fa;border:1px solid #e2e8f0;border-radius:10px}.gateway-tabs a{padding:8px 12px;border-radius:7px;text-decoration:none;color:#60738a;font-size:12.5px;font-weight:700}.gateway-tabs a:hover{background:#fff;color:#275f9d}.gateway-tabs a.active{background:#fff;color:#1f65ad;box-shadow:0 1px 4px rgba(21,54,90,.08)}
.receiving-bank-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.receiving-bank-title>span:last-child{font-size:11px;color:#7d8a99;font-weight:600}.receiving-bank-table-wrap,.payment-history-table-wrap{overflow:auto;border:1px solid #e2e8ef;border-radius:10px}.receiving-bank-table,.payment-history-table{width:100%;border-collapse:collapse;background:#fff;white-space:nowrap}.receiving-bank-table th,.receiving-bank-table td,.payment-history-table th,.payment-history-table td{padding:11px 12px;border-bottom:1px solid #e7edf3;text-align:left;vertical-align:middle;font-size:12px}.receiving-bank-table th,.payment-history-table th{background:#f7f9fb;color:#607086;font-size:11px;font-weight:800}.receiving-bank-table tbody tr:last-child td,.payment-history-table tbody tr:last-child td{border-bottom:0}.receiving-bank-name{display:flex;align-items:center;gap:9px}.receiving-bank-name img{width:34px;height:34px;object-fit:contain;border:1px solid #e6ecf2;border-radius:7px;background:#fff}.receiving-bank-name span{display:grid;gap:2px}.receiving-bank-name strong{color:#1d344e;font-size:12.5px}.receiving-bank-name small{color:#2b75bd;font-size:9.5px;font-weight:800;text-transform:uppercase}.receiving-bank-actions{display:flex;align-items:center;gap:6px}.receiving-bank-actions form{margin:0}.receiving-bank-actions .btn{white-space:nowrap}.receiving-bank-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.receiving-bank-form label{display:grid;gap:5px;font-size:11.5px;color:#647489}.receiving-bank-form .receiving-bank-check{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e2e8ef;border-radius:8px;background:#fafcfe}.receiving-bank-editor-actions{grid-column:1/-1;display:flex;gap:8px}.payment-history-card{grid-column:1/-1;min-height:115px}.payment-history-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr));gap:10px;padding:14px;margin:0 0 14px;background:#fff;border:1px solid #dfe6ee;border-radius:11px}.payment-history-filters label{display:grid;gap:5px;font-size:10.5px;font-weight:700;color:#66788d}.payment-history-filter-actions{display:flex;align-items:end;gap:7px}.payment-history-kpis{margin-bottom:14px}.payment-history-panel{padding:0!important}.payment-history-table td>small,.payment-history-table td small{display:block;margin-top:3px;color:#8a98a7;font-size:9.5px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.payment-history-table td.num{text-align:right;font-variant-numeric:tabular-nums}.gateway-method{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:800}.gateway-method.bank{background:#eaf4ff;color:#246aaa}.settlement-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:800;background:#eef2f6;color:#5e7085}.settlement-badge.settled{background:#e9f8f0;color:#187749}.settlement-badge.hold{background:#fff4df;color:#9a6612}.settlement-badge.canceled{background:#fff0f0;color:#b64646}.payment-history-empty{padding:36px 20px;text-align:center;color:#7c8a99}.payment-history-pager{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid #e7edf3;color:#6f7f90;font-size:11.5px}.front .deposit-bank-selector{display:grid;gap:5px}.front .deposit-bank-selector>span{font-size:11px;color:#65788e;font-weight:700}
@media(min-width:901px){.front .bank-quote-form:has(.deposit-bank-selector) .deposit-bank-selector{grid-column:1;grid-row:1}.front .bank-quote-form:has(.deposit-bank-selector)>label:not(.deposit-bank-selector){grid-column:1;grid-row:2}.front .bank-quote-form:has(.deposit-bank-selector) .bank-quote-summary{grid-column:2;grid-row:1/3}.front .bank-quote-form:has(.deposit-bank-selector) .bank-quote-note{grid-column:2;grid-row:3}.front .bank-quote-form:has(.deposit-bank-selector)>.btn{grid-column:3;grid-row:1/4}}
@media(max-width:1180px){.payment-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.receiving-bank-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.payment-history-filters,.receiving-bank-form{grid-template-columns:1fr}.receiving-bank-editor-actions{grid-column:auto}.receiving-bank-actions{min-width:210px}.gateway-tabs{overflow:auto;flex-wrap:nowrap}.gateway-tabs a{white-space:nowrap}}

/* R32.8 hosted card payment */
.front .deposit-quick-amounts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.front .deposit-quick-amounts button{border:1px solid #d9d9fb;background:#fbfaff;color:#6552dc;border-radius:10px;padding:8px 14px;font-weight:700;font-size:12px;cursor:pointer}.front .deposit-quick-amounts button:hover,.front .deposit-quick-amounts button.active{border-color:#806cf0;background:#f3f0ff;box-shadow:0 0 0 2px rgba(128,108,240,.08)}.front .card-deposit-quote-form>label:first-child{min-width:260px}.gateway-method.card{background:#f1edff;color:#6247c6;border:1px solid #ddd4ff}.payment-gateway-admin-card[href="/tcacp/finance/card-payment"] .payment-gateway-admin-icon.card{background:#f1edff;color:#6247c6}
@media(max-width:520px){.front .deposit-quick-amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.front .deposit-quick-amounts button{width:100%}}

/* R32.9 member card-deposit clarity and alignment */
.front .deposit-gateway-card{position:relative;overflow:hidden}
.front .deposit-gateway-card.active{border-color:#6aa5e8;background:linear-gradient(180deg,#fbfdff 0%,#f6faff 100%);box-shadow:inset 0 0 0 1px #6aa5e8,0 8px 24px rgba(39,110,189,.10)}
.front .deposit-gateway-card.active .deposit-gateway-icon{background:#e5f0fd;color:#2269b3}
.front .deposit-gateway-check{position:absolute;top:11px;right:11px;display:grid!important;place-items:center;width:24px;height:24px;border-radius:999px;background:#2f80d8;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1;opacity:0;transform:scale(.72);box-shadow:0 3px 9px rgba(35,105,178,.22);transition:opacity .14s ease,transform .14s ease;pointer-events:none}
.front .deposit-gateway-card.active .deposit-gateway-check{opacity:1;transform:scale(1)}
.front .deposit-gateway-card.active>b{color:#4c82b9}
.front .card-deposit-quote-form{display:grid!important;grid-template-columns:minmax(320px,1.06fr) minmax(430px,1.28fr) 150px;grid-template-rows:auto auto;column-gap:14px;row-gap:10px;align-items:start;padding:18px}
.front .card-deposit-quote-form>label:first-child{grid-column:1;grid-row:1/3;min-width:0;align-self:start}
.front .card-deposit-quote-form .deposit-money-input{height:46px;background:#fff;transition:border-color .14s ease,box-shadow .14s ease}
.front .card-deposit-quote-form .deposit-money-input .form-control{height:44px;font-size:14px}
.front .card-deposit-quote-form .card-quote-summary{grid-column:2;grid-row:1;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));min-height:72px;align-self:stretch;border:1px solid #dfe7f0;border-radius:10px;background:#f8fbfe;overflow:hidden}
.front .card-deposit-quote-form .card-quote-summary>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:11px 13px;border-right:1px solid #e1e8f0}
.front .card-deposit-quote-form .card-quote-summary>div:last-child{border-right:0}
.front .card-deposit-quote-form .card-quote-summary span{font-size:10.5px;color:#7b899a}
.front .card-deposit-quote-form .card-quote-summary strong{margin-top:4px;font-size:14px;color:#273b54;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.front .card-deposit-quote-form .card-quote-summary strong.text-success{color:#198754}
.front .card-deposit-quote-form>[data-card-submit]{grid-column:3;grid-row:1;align-self:stretch;min-height:72px;height:72px;margin:0;border-radius:9px;font-size:14px}
.front .card-deposit-quote-form .card-quote-note{grid-column:2/4;grid-row:2;display:flex;align-items:center;min-height:42px;margin:0;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:#f8fafc;color:#6f7f90;font-size:11.5px;line-height:1.4;transition:border-color .14s ease,background-color .14s ease,color .14s ease}
.front .card-deposit-quote-form .card-quote-note.is-loading{color:#65768a;background:#f8fafc;border-color:#edf1f5}
.front .card-deposit-quote-form .card-quote-note.is-success{color:#25704f;background:#f3fbf7;border-color:#ccebdc}
.front .card-deposit-quote-form .card-quote-note.is-error{color:#b42318;background:#fff1f0;border-color:#f2b8b5;font-weight:750;box-shadow:0 2px 8px rgba(180,35,24,.06)}
.front .card-deposit-quote-form.is-quote-error .deposit-money-input{border-color:#df4d45;box-shadow:0 0 0 3px rgba(223,77,69,.09)}
.front .card-deposit-quote-form.is-quote-error .card-quote-summary{border-color:#f0c8c5;background:#fffafa}
.front .deposit-quick-amounts{gap:8px;margin-top:10px}
.front .deposit-quick-amounts button{min-width:72px;min-height:36px;border:1px solid #d8d3f8;background:#fbfaff;color:#6552dc;border-radius:9px;padding:7px 13px;font-weight:750;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .08s ease}
.front .deposit-quick-amounts button:hover{border-color:#8a7bec;background:#f5f2ff}
.front .deposit-quick-amounts button.active{border-color:#6758de;background:#6758de;color:#fff;box-shadow:0 4px 12px rgba(103,88,222,.20)}
.front .deposit-quick-amounts button:active{transform:translateY(1px)}
@media(max-width:1120px){.front .card-deposit-quote-form{grid-template-columns:minmax(280px,1fr) minmax(360px,1.2fr) 130px}.front .card-deposit-quote-form>[data-card-submit]{min-width:0}}
@media(max-width:900px){.front .card-deposit-quote-form{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.front .card-deposit-quote-form>label:first-child{grid-column:1;grid-row:1/3}.front .card-deposit-quote-form .card-quote-summary{grid-column:2;grid-row:1}.front .card-deposit-quote-form>[data-card-submit]{grid-column:2;grid-row:2;min-height:44px;height:44px}.front .card-deposit-quote-form .card-quote-note{grid-column:1/3;grid-row:3}}
@media(max-width:680px){.front .card-deposit-quote-form{display:grid!important;grid-template-columns:1fr;grid-template-rows:auto}.front .card-deposit-quote-form>label:first-child,.front .card-deposit-quote-form .card-quote-summary,.front .card-deposit-quote-form>[data-card-submit],.front .card-deposit-quote-form .card-quote-note{grid-column:1;grid-row:auto}.front .card-deposit-quote-form .card-quote-summary{min-height:0}.front .card-deposit-quote-form>[data-card-submit]{height:46px}.front .deposit-gateway-check{top:9px;right:9px;width:22px;height:22px;font-size:12px}}
@media(max-width:440px){.front .card-deposit-quote-form .card-quote-summary{grid-template-columns:1fr}.front .card-deposit-quote-form .card-quote-summary>div{border-right:0;border-bottom:1px solid #e1e8f0}.front .card-deposit-quote-form .card-quote-summary>div:last-child{border-bottom:0}.front .deposit-quick-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.front .deposit-quick-amounts button{width:100%;min-width:0}}

/* R32.10 no global SPA top progress bar; feedback is local/skeleton only */
[data-spa-progress]{display:none!important}

/* R32.11 persistent shell + partial keyed DOM morphing.
   No global progress bar, no full-main skeleton flash, no route fade. */
[data-spa-progress]{display:none!important}
.spa-skeleton-page{display:none!important}
.spa-loading .admin-content,.spa-loading .front-main{opacity:1!important;filter:none!important;transition:none!important}
.admin-content.spa-content-enter,.admin-content.spa-content-ready,
.front-main.spa-content-enter,.front-main.spa-content-ready{opacity:1!important;transform:none!important;transition:none!important}
[data-spa-region="admin-content"],[data-spa-region="front-main"]{contain:layout style}
.front-header[data-spa-persist],.admin-sidebar[data-spa-persist],.admin-topbar[data-spa-persist]{transform:translateZ(0)}

html.spa-loading body.ttc-admin-page{cursor:progress}
html.spa-loading body.ttc-admin-page::after{content:'Đang tải…';position:fixed;top:72px;right:18px;z-index:10050;padding:6px 10px;border:1px solid #d7e2ef;border-radius:999px;background:#fff;color:#49627f;box-shadow:0 4px 14px #0b335f18;font-size:12px;font-weight:650;pointer-events:none}
@media(max-width:820px){html.spa-loading body.ttc-admin-page::after{top:58px;right:10px}}

/* R32.13 mobile responsive system-wide pass */
.admin-sidebar-close,.front-nav-backdrop{display:none}
@media(max-width:1024px){
  html.admin-mobile-menu-open,body.admin-mobile-menu-open,
  html.front-mobile-menu-open,body.front-mobile-menu-open{overflow:hidden!important;overscroll-behavior:none}

  /* Admin off-canvas navigation */
  .ttc-admin .admin-sidebar{
    position:fixed!important;inset:0 auto 0 0!important;
    width:min(84vw,320px)!important;max-width:320px!important;height:100dvh!important;
    transform:translate3d(-102%,0,0)!important;transition:transform .2s ease!important;
    z-index:1002!important;background:#fff!important;color:#334155!important;
    box-shadow:12px 0 34px rgba(15,23,42,.18)!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;padding-bottom:max(14px,env(safe-area-inset-bottom));
  }
  .ttc-admin.sidebar-open .admin-sidebar{transform:translate3d(0,0,0)!important}
  .admin-sidebar-backdrop{
    display:block!important;position:fixed!important;inset:0!important;z-index:1001!important;
    width:100vw!important;height:100dvh!important;border:0!important;margin:0!important;padding:0!important;
    background:rgba(15,23,42,.38)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transition:opacity .18s ease,visibility .18s ease!important;touch-action:manipulation;
  }
  .ttc-admin.sidebar-open .admin-sidebar-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .admin-sidebar-close{
    display:grid!important;place-items:center;position:absolute;right:10px;top:max(10px,env(safe-area-inset-top));
    z-index:2;width:40px;height:40px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;color:#53657a;
    font:400 28px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.05);
  }
  .admin-sidebar .admin-logo{
    height:72px!important;padding:12px 58px 12px 18px!important;background:#fff!important;
    border-bottom:1px solid #eef2f6!important;justify-content:flex-start!important;
  }
  .admin-sidebar .admin-logo img{max-width:150px!important;max-height:42px!important}
  .admin-sidebar .admin-nav{padding:10px 10px 24px!important}
  .admin-sidebar .admin-nav>a,.admin-nav-group-toggle{min-height:46px!important;border-radius:9px!important;margin:2px 0!important}
  .admin-sidebar .admin-nav a{color:#45566d!important}
  .admin-sidebar .admin-nav a.active{background:#eaf4ff!important;color:#1677d2!important}
  .admin-nav-group-toggle{color:#45566d!important;font-size:14px!important}
  .admin-nav-children>a{min-height:42px!important;padding-left:41px!important;font-size:13.5px!important}
  .admin-sidebar-collapse{display:none!important}

  /* Admin top bar */
  .admin-main{margin-left:0!important;width:100%!important;min-width:0!important}
  .admin-topbar{
    position:sticky!important;top:0!important;z-index:900!important;height:58px!important;min-height:58px!important;
    padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))!important;
    background:rgba(255,255,255,.98)!important;color:#24364d!important;border-bottom:1px solid #e8edf3!important;
    box-shadow:0 1px 8px rgba(30,55,85,.035)!important;backdrop-filter:saturate(140%) blur(8px);
  }
  .admin-mobile-header{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1!important}
  .admin-hamburger{
    display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;
    padding:0!important;border:1px solid #dfe6ee!important;border-radius:10px!important;background:#fff!important;
    color:#335f8f!important;font-size:22px!important;line-height:1!important;
  }
  .admin-mobile-title{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:16px!important;color:#24364d!important}
  .admin-top-left{display:none!important}
  .admin-top-right{margin-left:auto!important;gap:4px!important}
  .admin-user-avatar{width:36px!important;height:36px!important;background:#eef4fa!important;color:#315a88!important}
  .admin-user strong,.admin-top-right>a{display:none!important}

  /* Admin content/layout */
  .admin-content{width:100%!important;max-width:100vw!important;min-width:0!important;padding:12px 10px 28px!important;overflow-x:hidden!important}
  .page-head{display:block!important;margin:0 0 12px!important;min-width:0!important}
  .page-head .page-title{display:block!important;margin:0 0 8px!important;font-size:20px!important;line-height:1.25!important}
  .finance-subtitle{font-size:11.5px!important;line-height:1.45!important}
  .module-links,.gateway-tabs,.front-tabs{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-inline:contain;
  }
  .module-links::-webkit-scrollbar,.gateway-tabs::-webkit-scrollbar,.front-tabs::-webkit-scrollbar{display:none}
  .module-links{gap:5px!important;margin:0 -10px 10px!important;padding:2px 10px 9px!important;border-bottom:1px solid #edf1f5!important}
  .module-links a{white-space:nowrap!important;flex:0 0 auto!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;padding:7px 9px!important;border-radius:8px!important;font-size:12px!important}

  .panel,.stat-card,.payment-gateway-admin-card,.profile-card,.withdraw-card,.withdraw-balance,.withdraw-history,.deposit-panel,.deposit-history,.deposit-balance-summary{
    max-width:100%!important;min-width:0!important;
  }
  .panel{border-radius:10px!important;margin-bottom:10px!important}
  .panel-title{padding:10px 11px!important;font-size:14px!important}
  .panel-body{padding:10px!important;min-width:0!important;overflow-wrap:anywhere}
  .stats-grid,.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .stats-grid .stat-card:first-child{grid-column:auto!important}
  .stat-card{min-width:0!important;min-height:76px!important;padding:11px!important}
  .stat-label{font-size:11px!important;line-height:1.3!important}.stat-value{font-size:17px!important;overflow-wrap:anywhere}
  .dashboard-panels,.finance-grid,.payment-gateway-admin-grid,.profile-grid{grid-template-columns:1fr!important}

  .filter-row,.finance-form,.payment-history-filters,.receiving-bank-form,.routing-bulk,.routing-row-form{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0!important;
  }
  .filter-row>*,
  .filter-row input,.filter-row select,.filter-row .form-control,
  .finance-form>*,.payment-history-filters>*,.receiving-bank-form>*{width:100%!important;min-width:0!important;max-width:100%!important}
  .filter-row .btn{min-height:42px!important}
  .form-control,input,select,textarea{max-width:100%}
  .btn{min-height:40px;touch-action:manipulation}
  .btn-sm{min-height:34px}

  .table-wrap,.front-scroll,.receiving-bank-table-wrap,.payment-history-table-wrap{
    width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;
  }
  .ttc-table,.receiving-bank-table,.payment-history-table{min-width:max-content}
  .pagination,.charging-page-nav{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* Member/public header + navigation */
  .front-header{position:sticky!important;top:0!important;z-index:700!important}
  .front-top{height:58px!important;margin:0!important;padding:0 96px 0 12px!important;justify-content:flex-start!important;position:relative!important}
  .front-logo img{width:145px!important;max-width:40vw!important;max-height:34px!important}
  .front-top .front-user{position:absolute!important;right:52px!important;top:9px!important;height:40px!important}
  .front-account{height:40px!important}
  .mobile-front-bar{display:grid!important;place-items:center!important;position:absolute!important;right:8px!important;left:auto!important;top:9px!important;width:40px!important;height:40px!important;border-radius:10px!important}
  .front-nav{
    display:flex!important;position:fixed!important;top:58px!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(86vw,340px)!important;height:auto!important;max-width:none!important;margin:0!important;padding:10px 12px max(18px,env(safe-area-inset-bottom))!important;
    background:#fff!important;box-shadow:-12px 0 34px rgba(15,23,42,.16)!important;z-index:702!important;
    flex-direction:column!important;align-items:stretch!important;gap:2px!important;overflow:auto!important;
    transform:translate3d(102%,0,0)!important;transition:transform .2s ease!important;
  }
  .front.nav-open .front-nav{transform:translate3d(0,0,0)!important}
  .front-nav a{display:flex!important;align-items:center!important;width:100%!important;height:auto!important;min-height:44px!important;padding:10px 11px!important;border:0!important;border-radius:9px!important;font-size:14px!important;text-transform:none!important}
  .front-nav a.active,.front-nav a:hover{background:#eef6ff!important;color:#1677d2!important}
  .front-nav-backdrop{
    display:block!important;position:fixed!important;inset:58px 0 0!important;z-index:701!important;border:0!important;background:rgba(15,23,42,.34)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,visibility .18s ease!important;
  }
  .front.nav-open .front-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .front-main{width:100%!important;max-width:100vw!important;margin:0!important;padding:14px 10px 30px!important;overflow-x:hidden!important}
  .front-page-shell{width:100%!important;max-width:100%!important;min-width:0!important}
  .front-footer{margin:0!important;padding:16px 10px!important;max-width:100%!important}
  .front-account-menu{right:-44px!important;max-width:calc(100vw - 20px)!important}

  .deposit-gateway-grid{grid-template-columns:1fr!important}
  .bank-quote-form,.card-deposit-quote-form{grid-template-columns:1fr!important}
  .bank-quote-summary,.card-quote-summary{grid-column:1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .deposit-bank-selector,.bank-quote-form>label,.card-deposit-quote-form>label,.bank-quote-note,.card-quote-note,[data-bank-submit],[data-card-submit]{grid-column:1!important;grid-row:auto!important}
  .profile-bank-layout{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  .ttc-admin .admin-sidebar{width:min(88vw,310px)!important}
  .admin-content{padding:10px 8px 24px!important}
  .page-head .page-title{font-size:18px!important}
  .filter-row,.finance-form,.payment-history-filters,.receiving-bank-form,.routing-bulk,.routing-row-form{grid-template-columns:1fr!important}
  .stats-grid,.finance-kpi-grid{grid-template-columns:1fr 1fr!important}
  .stat-card{min-height:72px!important;padding:9px!important}
  .stat-value{font-size:16px!important}
  .payment-gateway-admin-card{padding:13px!important;gap:10px!important;min-height:0!important}
  .payment-gateway-admin-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
  .finance-close-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .finance-close-actions .btn{width:100%!important;min-width:0!important}

  .front-top{height:56px!important;padding-left:10px!important;padding-right:94px!important}
  .front-logo img{width:136px!important;max-width:38vw!important}
  .front-top .front-user{right:50px!important;top:8px!important}
  .mobile-front-bar{right:7px!important;top:8px!important}
  .front-nav{top:56px!important;width:min(90vw,330px)!important}
  .front-nav-backdrop{inset:56px 0 0!important}
  .front-main{padding:10px 8px 26px!important}
  .front-title,.withdraw-heading h1,.deposit-heading h1{font-size:22px!important}
  .front-form-row{display:grid!important;grid-template-columns:1fr!important}
  .front-form-row>*{width:100%!important;min-width:0!important}
  .grid-2,.withdraw-fields,.profile-details,.profile-form-two,.profile-kpis{grid-template-columns:1fr!important}
  .profile-kpi:first-child{grid-column:auto!important}
  .deposit-balance-summary,.withdraw-balance{padding:13px!important}
  .deposit-balance-summary strong,.withdraw-balance strong{font-size:20px!important}
  .deposit-gateway-card{padding:14px!important;min-height:94px!important}
  .bank-quote-summary,.card-quote-summary{grid-template-columns:1fr!important}
  .bank-quote-summary>div,.card-quote-summary>div{border-right:0!important;border-bottom:1px solid #e1e8f0!important}
  .bank-quote-summary>div:last-child,.card-quote-summary>div:last-child{border-bottom:0!important}
  .deposit-quick-amounts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .deposit-quick-amounts button{width:100%!important;min-width:0!important}
  .support-chat-panel{left:8px!important;right:8px!important;bottom:70px!important;width:auto!important;max-width:none!important;max-height:70dvh!important}
}

@media(max-width:390px){
  .stats-grid,.finance-kpi-grid{grid-template-columns:1fr!important}
  .front-logo img{width:124px!important}
  .front-top{padding-right:90px!important}
  .admin-mobile-title{font-size:15px!important}
}

/* R84 generic frontend shell overflow containment — applies to every site theme. */
@media(max-width:1024px){
  html,body{max-width:100%!important;overflow-x:clip!important}
  body.front-page{width:100%!important;min-width:0!important}
  .front{width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:clip!important}
  .front-header,.front-main,.front-footer{width:100%!important;max-width:100%!important;min-width:0!important}
  .front-top,.front-page-shell{width:100%!important;max-width:100%!important;min-width:0!important}
  .front:not(.nav-open) .front-nav{visibility:hidden!important;pointer-events:none!important}
  .front.nav-open .front-nav{visibility:visible!important;pointer-events:auto!important}
}

/* R85 mobile off-canvas containing-block fix.
   The SPA persistence GPU hint (translateZ(0)) turns .front-header into the
   containing block for fixed descendants, collapsing .front-nav to header
   height on mobile. Keep the fixed nav relative to the viewport instead. */
@media(max-width:1024px){
  .front-header[data-spa-persist]{transform:none!important}
}

/* R92 News mobile webapp: native narrow layout, touch-first filters, compact cards. */
.front .content-list{
  width:min(100%,920px);
  min-width:0;
  margin:0 auto;
}
.front .content-list>.front-title{
  margin:2px 0 16px;
  color:#172b46;
  font-size:32px;
  line-height:1.12;
  letter-spacing:-.55px;
}
.front .content-list>.panel{
  min-width:0;
  overflow:hidden;
  margin:0 0 12px;
  border:1px solid #e1e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 14px rgba(20,42,68,.045);
}
.front .content-list>.panel .panel-body{min-width:0;padding:18px 20px}
.front .content-list>.panel h2{
  min-width:0;
  margin:7px 0 8px;
  font-size:23px;
  line-height:1.3;
  letter-spacing:-.25px;
  overflow-wrap:anywhere;
  word-break:normal;
}
.front .content-list>.panel h2 a{color:#2371bd;text-decoration:none}
.front .content-list>.panel h2 a:hover{text-decoration:none;color:#145f9f}
.front .content-list>.panel p{
  margin:0 0 10px;
  color:#66758a;
  font-size:15.5px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.front .content-list .content-topic{
  margin:0;
  font-size:11.5px;
  line-height:1.35;
}
.front .content-tags{display:flex;align-items:center;gap:5px 8px;flex-wrap:wrap;min-width:0;margin:9px 0}
.front .content-date{display:block;margin-top:8px;color:#8a96a6;font-size:12.5px;line-height:1.35}
.front .content-topic-nav{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.front .content-topic-nav a{
  min-height:38px;
  padding:0 13px;
  justify-content:center;
  font-weight:650;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .08s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.front .content-topic-nav a:active{transform:scale(.97)}
.front .content-tag-nav a{min-height:34px;padding:0 11px;font-size:12px}
.front .content-article{
  width:min(100%,860px);
  min-width:0;
  margin:0 auto;
  padding:24px 26px;
  border:1px solid #e1e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 14px rgba(20,42,68,.04);
}
.front .content-article>.front-title{margin:0 0 10px;font-size:32px;line-height:1.22;letter-spacing:-.5px;overflow-wrap:anywhere}
.front .content-article>.muted{display:block;margin:0 0 12px;font-size:15px;line-height:1.6}
.front .content-article .content-body{min-width:0;color:#33445a;font-size:16px;line-height:1.76;overflow-wrap:anywhere}
.front .content-article .content-body h2{margin:1.35em 0 .55em;font-size:24px;line-height:1.3;color:#1f3550}
.front .content-article .content-body h3{margin:1.2em 0 .5em;font-size:20px;line-height:1.35;color:#263d58}
.front .content-article .content-body p{margin:.7em 0}
.front .content-article .content-body ul,.front .content-article .content-body ol{padding-left:1.35em}
.front .content-article .content-body table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.front .content-article .content-body pre{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}

@media(max-width:640px){
  .front.front-news{overscroll-behavior-y:none}
  .front.front-news .front-header{padding-top:env(safe-area-inset-top)}
  .front.front-news .front-top{
    height:54px!important;
    min-height:54px!important;
    padding:0 54px!important;
    justify-content:center!important;
  }
  .front.front-news .front-logo{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;min-width:0!important}
  .front.front-news .front-logo img{width:126px!important;max-width:126px!important;max-height:30px!important}
  .front.front-news .front-guest-actions{
    position:absolute!important;
    left:8px!important;
    right:auto!important;
    top:7px!important;
    margin:0!important;
    gap:4px!important;
  }
  .front.front-news .front-signin{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  .front.front-news .front-signup{
    height:40px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
  }
  .front.front-news .mobile-front-bar{
    top:7px!important;
    right:8px!important;
    width:40px!important;
    height:40px!important;
    border-radius:10px!important;
  }
  .front.front-news .front-nav{top:calc(54px + env(safe-area-inset-top))!important}
  .front.front-news .front-nav-backdrop{inset:calc(54px + env(safe-area-inset-top)) 0 0!important}
  .front.front-news .front-main{
    padding:12px 8px calc(26px + env(safe-area-inset-bottom))!important;
    overflow-x:clip!important;
  }
  .front.front-news .front-page-shell{min-width:0!important;overflow:visible!important}
  .front .content-list{width:100%;max-width:100%;padding:0 2px}
  .front .content-list>.front-title{
    margin:5px 4px 14px!important;
    font-size:28px!important;
    line-height:1.12!important;
    letter-spacing:-.45px!important;
  }
  .front .content-topic-nav{
    width:100%;
    max-width:100%;
    gap:7px!important;
    margin:0 0 10px!important;
    padding:2px 2px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    scroll-snap-type:x proximity;
    scroll-padding-inline:2px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  .front .content-topic-nav::-webkit-scrollbar{display:none}
  .front .content-topic-nav a{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
  }
  .front .content-tag-nav{
    margin-top:1px!important;
    margin-bottom:13px!important;
  }
  .front .content-tag-nav a{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:12.5px!important;
    font-weight:600!important;
  }
  .front .content-list>.panel{
    margin:0 0 10px!important;
    border-radius:13px!important;
    box-shadow:0 2px 10px rgba(20,42,68,.04)!important;
  }
  .front .content-list>.panel .panel-body{padding:15px 15px 14px!important}
  .front .content-list>.panel .content-topic{
    font-size:11px!important;
    line-height:1.3!important;
    letter-spacing:.035em!important;
  }
  .front .content-list>.panel h2{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    margin:8px 0 7px!important;
    max-width:100%;
    font-size:20px!important;
    line-height:1.28!important;
    letter-spacing:-.2px!important;
  }
  .front .content-list>.panel p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin:0 0 8px!important;
    max-width:100%;
    font-size:14px!important;
    line-height:1.48!important;
  }
  .front .content-list .content-tags{
    gap:4px 7px!important;
    margin:8px 0 4px!important;
  }
  .front .content-list .content-tags a:nth-child(n+4){display:none!important}
  .front .content-list .content-date{
    margin-top:7px!important;
    font-size:12px!important;
  }
  .front .content-article{
    width:100%!important;
    max-width:100%!important;
    padding:17px 15px 22px!important;
    border-radius:13px!important;
  }
  .front .content-article>.front-title{
    margin:0 0 9px!important;
    font-size:25px!important;
    line-height:1.25!important;
    letter-spacing:-.35px!important;
  }
  .front .content-article>.muted{
    margin-bottom:10px!important;
    font-size:13.5px!important;
    line-height:1.52!important;
  }
  .front .content-article .content-tags{margin:10px 0 13px!important}
  .front .content-article .content-body{
    font-size:15px!important;
    line-height:1.7!important;
  }
  .front .content-article .content-body h2{font-size:21px!important}
  .front .content-article .content-body h3{font-size:18px!important}
  .front.front-news .support-chat{
    right:10px!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  .front.front-news .support-chat-launcher{
    min-width:46px!important;
    width:46px!important;
    height:46px!important;
    padding:0!important;
    justify-content:center!important;
  }
  .front.front-news .support-chat-launcher b{display:none!important}
}

@media(max-width:360px){
  .front.front-news .front-signup{display:none!important}
  .front .content-list>.front-title{font-size:26px!important}
  .front .content-list>.panel h2{font-size:19px!important}
}

/* R93 mobile off-canvas menu: always start navigation at the top of the drawer. */
@media(max-width:1024px){
  .front-nav{
    justify-content:flex-start!important;
    align-content:flex-start!important;
    overscroll-behavior-y:contain!important;
  }
  .front-nav>a:first-child{margin-top:0!important}
}

/* R94 /doithecao: never render both compact and full filter blocks at once. */
@media(min-width:641px) and (max-width:768px){
  body.front-page .charging-history-filter-shell .mobile-filter-toolbar{display:none!important}
  body.front-page .charging-history-filter-shell .filter-row.mobile-filter-collapsible{display:grid!important}
}
@media(max-width:640px){
  body.front-page .charging-history-filter-shell .mobile-filter-toolbar{display:grid!important}
  body.front-page .charging-history-filter-shell .filter-row.mobile-filter-collapsible{display:none!important}
  body.front-page .charging-history-filter-shell .filter-row.mobile-filter-collapsible.is-open{display:grid!important}
}


@media(min-width:1025px){
  .front-main form[data-filter-form]{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr)) 126px 126px auto auto auto;gap:6px;align-items:center}
  .front-main form[data-filter-form]>input,.front-main form[data-filter-form]>select{width:100%;min-width:0}
  .front-main form[data-filter-form]>.btn{white-space:nowrap;min-width:0}
}

/* Compact Charging transaction grid: legacy-density with modern action affordance. */
.charging-transactions-table:not(.charging-transactions-table-full) .ttc-table{table-layout:fixed;width:100%;min-width:1260px;font-size:12.5px;font-variant-numeric:tabular-nums}
.charging-transactions-table .ttc-table th,.charging-transactions-table .ttc-table td{padding:6px 7px;vertical-align:middle}
.charging-transactions-table .txn-check{width:34px;text-align:center}
.charging-transactions-table .txn-id{width:54px}
.charging-transactions-table .txn-status{width:105px}
.charging-transactions-table .txn-money{white-space:nowrap;min-width:70px}
.charging-transactions-table .txn-ref{min-width:185px;max-width:245px}
.charging-transactions-table .txn-code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.charging-transactions-table .txn-request{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.charging-transactions-table .txn-telco{min-width:85px}
.charging-transactions-table .txn-provider{min-width:78px}
.charging-transactions-table .txn-percent{width:58px;white-space:nowrap}
.charging-transactions-table .txn-time{min-width:145px;line-height:1.35;white-space:nowrap}
.charging-transactions-table .txn-customer{min-width:125px;line-height:1.35}
.charging-transactions-table .txn-source{min-width:75px}
.charging-transactions-table .txn-action{width:40px;text-align:center;position:sticky;right:0;background:inherit;box-shadow:-5px 0 8px rgba(0,0,0,.03)}
.txn-more{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:#4b5563;font-size:24px;font-weight:700;line-height:1;background:transparent}
.txn-more:hover{background:#eef3ff;color:#2563eb;text-decoration:none}
@media(max-width:900px){.charging-transactions-table .ttc-table{font-size:12px}.charging-transactions-table .txn-ref{min-width:160px}.charging-transactions-table .txn-time{min-width:130px}}