.payhub{width:min(100%,1540px);color:var(--navy);gap:16px;margin:0 auto;display:grid}.payhub button,.payhub select,.payhub input{font:inherit}.payhub-hero{background:radial-gradient(circle at 83% 20%,#3a96ff1f 0 34px,#0000 35px),radial-gradient(circle at 91% 68%,#2fd18d1a 0 64px,#0000 65px),linear-gradient(120deg,#eef7ff 0%,#f8fcff 57%,#effff8 100%);border:1px solid #dbeafb;border-radius:24px;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:126px;padding:24px 28px;display:grid;position:relative;overflow:hidden}.payhub-hero>span{color:#fff;background:linear-gradient(145deg,#1180fb,#0756df);border-radius:22px;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 12px 28px #0761e640}.payhub-hero>span svg{width:34px;height:34px}.payhub-hero h1{letter-spacing:-1.3px;margin:0;font-size:clamp(30px,3vw,43px)}.payhub-hero p{max-width:720px;color:var(--ink-muted);margin:7px 0 0;font-size:15px;line-height:1.5}.payhub-role{background:#ffffffe0;border:1px solid #8ebdff;border-radius:15px;gap:3px;min-width:190px;padding:13px 16px;display:grid;box-shadow:0 8px 22px #245da614}.payhub-role strong{font-size:14px}.payhub-role small{color:var(--ink-muted);font-size:11px}.payhub-tabs,.payhub-subnav{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:52px;display:flex;overflow-x:auto;box-shadow:0 6px 20px #1043880d}.payhub-tabs button,.payhub-subnav button{flex:1 0 max-content;color:#355685;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 20px;font-size:13px;font-weight:780;display:inline-flex;position:relative}.payhub-tabs button:after,.payhub-subnav button:after{content:"";background:0 0;border-radius:5px 5px 0 0;height:4px;position:absolute;bottom:-1px;left:14px;right:14px}.payhub-tabs button:hover,.payhub-tabs button.is-active,.payhub-subnav button:hover,.payhub-subnav button.is-active{color:var(--blue)}.payhub-tabs button.is-active:after,.payhub-subnav button.is-active:after{background:var(--blue)}.payhub-subnav svg{width:19px;height:19px}.payhub-alert,.payhub-loading{color:#a72336;background:#fff5f6;border:1px solid #ffd4d9;border-radius:13px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.payhub-alert button{color:#9e1730;background:0 0;border:0;margin-left:auto;font-weight:800}.payhub-loading{color:#315985;background:#f2f8ff;border-color:#d5e5fb}.payhub-loading svg{width:18px;animation:1.1s linear infinite payhub-spin}@keyframes payhub-spin{to{transform:rotate(360deg)}}.payhub-member-layout,.payhub-admin-grid{grid-template-columns:minmax(0,2.15fr) minmax(300px,.78fr);align-items:start;gap:16px;display:grid}.payhub-member-layout>main,.payhub-member-layout>aside,.payhub-admin-grid>main,.payhub-admin-grid>aside{gap:16px;min-width:0;display:grid}.payhub-group-heading{background:radial-gradient(circle at 82% 25%,#1d84ff1c,#0000 23%),linear-gradient(130deg,#f5faff,#eef8ff 62%,#f4fff9);border:1px solid #dceafb;border-radius:20px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:122px;padding:20px 24px;display:grid}.payhub-group-avatar{color:#0d6cea;background:#e6f1ff;border:4px solid #fff;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 6px 18px #175aad1f}.payhub-group-avatar svg{width:32px;height:32px}.payhub-group-heading label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.payhub-group-heading select{color:#254575;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #cfe0f7;border-radius:9px;min-width:180px;padding:7px 30px 7px 10px}.payhub-group-heading h2{letter-spacing:-.8px;margin:7px 0 2px;font-size:30px}.payhub-group-heading p{color:var(--ink-muted);margin:0;font-size:13px}.payhub-role-chip,.payhub-status,.is-current,.is-due{border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;padding:7px 13px;font-size:11px;font-weight:850;display:inline-flex}.payhub-role-chip{color:#08753d;background:#dcf8e8}.payhub-role-chip svg{width:15px}.is-current{color:#067542;background:#daf8e6}.is-due{color:#a75a00;background:#fff0d6}.is-current-text{color:#07814a!important}.is-due-text{color:#bb6500!important}.payhub-panel{background:#fff;border:1px solid #dce8f8;border-radius:18px;min-width:0;padding:19px;box-shadow:0 8px 25px #19488711}.payhub-panel>header{align-items:center;gap:11px;margin-bottom:15px;display:flex}.payhub-panel>header>span{height:38px;color:var(--blue);background:#eaf3ff;border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.payhub-panel>header>span svg{width:19px}.payhub-panel>header>div{flex:1;min-width:0}.payhub-panel h1,.payhub-panel h2,.payhub-panel p{margin:0}.payhub-panel h1{letter-spacing:-.5px;font-size:26px}.payhub-panel h2{font-size:17px}.payhub-panel header p{color:var(--ink-muted);margin-top:3px;font-size:12px}.payhub-finance-overview>header{justify-content:space-between}.payhub-refresh,.payhub-text-button{color:var(--blue);cursor:pointer;background:#fff;border:1px solid #c8dcfa;border-radius:10px;align-items:center;gap:7px;margin-left:auto;padding:8px 11px;font-size:11px;font-weight:820;display:inline-flex}.payhub-refresh svg{width:15px}.payhub-text-button{border:0}.payhub-member-kpis,.payhub-admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.payhub-member-kpis article{background:linear-gradient(145deg,#fff,#fbfdff);border:1px solid #dce8f8;border-radius:14px;grid-template-columns:36px 1fr;align-content:start;gap:4px 9px;min-height:136px;padding:14px;display:grid}.payhub-member-kpis article>svg{width:36px;height:36px;color:var(--blue);background:#eaf3ff;border-radius:10px;grid-row:1/4;padding:8px}.payhub-member-kpis small{color:#31517e;font-size:11px}.payhub-member-kpis strong{margin-top:5px;font-size:20px;line-height:1.15}.payhub-member-kpis article>span{color:var(--ink-muted);font-size:10px}.payhub-primary-action{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(118deg,#1381ff,#0759e7 73%,#044bc5);border:0;border-radius:17px;grid-template-columns:52px minmax(0,1fr) 44px;align-items:center;gap:15px;width:100%;min-height:88px;padding:16px 22px;display:grid;box-shadow:0 13px 28px #0559e038}.payhub-primary-action:disabled{opacity:.55;cursor:not-allowed}.payhub-primary-action>span,.payhub-primary-action>svg{background:#ffffff2b;border-radius:50%;place-items:center;width:44px;height:44px;padding:11px;display:grid}.payhub-primary-action div{gap:4px;display:grid}.payhub-primary-action strong{font-size:20px}.payhub-primary-action small{color:#ffffffdb}.payhub-table-wrap{width:100%;overflow-x:auto}.payhub-table{border-collapse:collapse;width:100%;min-width:750px;font-size:11px}.payhub-table th{color:#3e5d87;text-align:left;background:#edf5ff;padding:9px 10px;font-size:10px}.payhub-table th:first-child{border-radius:9px 0 0 9px}.payhub-table th:last-child{border-radius:0 9px 9px 0}.payhub-table td{color:#284875;vertical-align:middle;border-bottom:1px solid #edf2f9;padding:10px}.payhub-table td strong,.payhub-table td small{display:block}.payhub-table td small{color:var(--ink-muted);margin-top:2px;font-size:9px}.payhub-table td.is-positive{color:#078149;font-weight:850}.payhub-table td.is-negative{color:#d9364a;font-weight:850}.payhub-empty-cell{height:100px;color:#7387a7!important;text-align:center!important}.payhub-status{padding:5px 9px}.payhub-status--success{color:#06783f;background:#dcf8e7}.payhub-status--pending{color:#9a5900;background:#fff0d7}.payhub-status--refund{color:#0d5fc5;background:#e5f1ff}.payhub-status--failed{color:#b3283d;background:#ffe6e9}.payhub-icon-button{width:31px;height:31px;color:var(--blue);cursor:pointer;background:#f5f9ff;border:1px solid #d1e2fa;border-radius:9px;place-items:center;display:grid}.payhub-icon-button svg{width:15px}.payhub-side-panel{padding:16px}.payhub-side-row{width:100%;color:var(--navy);text-align:left;background:0 0;border:0;border-top:1px solid #edf2f9;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;display:grid}.payhub-side-row>span{width:34px;height:34px;color:var(--blue);background:#edf5ff;border-radius:10px;place-items:center;display:grid}.payhub-side-row svg{width:16px}.payhub-side-row div{min-width:0;display:grid}.payhub-side-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.payhub-side-row small{color:var(--ink-muted);font-size:10px}.payhub-side-row b{color:#17376c;white-space:nowrap;font-size:11px}.payhub-side-row.as-button{cursor:pointer}.payhub-side-panel .button{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.payhub-side-panel .button svg{width:16px}.payhub-empty{color:#6b81a5;text-align:center;place-items:center;gap:10px;min-height:180px;display:grid}.payhub-empty>svg{color:#5b86c5;width:34px;height:34px}.payhub-empty.compact{text-align:left;grid-template-columns:auto 1fr;min-height:74px}.payhub-empty.compact>svg{width:23px}.payhub-progress{align-items:center;gap:14px;display:flex}.payhub-progress>span{background:conic-gradient(var(--green) var(--progress), #e6eef8 0);border-radius:50%;flex:0 0 68px;place-items:center;width:68px;height:68px;display:grid;position:relative}.payhub-progress>span:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.payhub-progress b{z-index:1;font-size:13px;position:relative}.payhub-personal-strip{background:#fff;border:1px solid #dce8f8;border-radius:18px;grid-template-columns:82px minmax(0,1fr) minmax(210px,auto) auto;align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 8px 25px #1948870f}.payhub-personal-strip>span:first-child,.payhub-avatar-photo{color:#fff;background-color:#0870ea;background-position:50%;background-size:cover;border:4px solid #e4effc;border-radius:50%;place-items:center;width:82px;height:82px;font-size:20px;font-weight:850;display:grid}.payhub-personal-strip h2,.payhub-personal-strip p{margin:0}.payhub-personal-strip h2{font-size:18px}.payhub-personal-strip p{max-width:650px;color:var(--ink-muted);margin-top:5px;font-size:12px}.payhub-personal-strip div>small{color:var(--blue);align-items:center;gap:5px;margin-top:8px;font-size:10px;font-weight:800;display:inline-flex}.payhub-personal-strip div>small svg{width:14px}.payhub-personal-due{background:linear-gradient(135deg,#effff5,#f7fffa);border-radius:14px;gap:4px;padding:12px 20px;display:grid}.payhub-personal-due strong{font-size:24px}.payhub-personal-strip>button{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:800;display:inline-flex}.payhub-personal-strip>button svg{width:16px}.payhub-admin-kpis article{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:105px;padding:16px;display:flex}.payhub-admin-kpis article>svg{width:43px;height:43px;color:var(--blue);background:#eaf3ff;border-radius:12px;flex:0 0 43px;padding:10px}.payhub-admin-kpis article:nth-child(2)>svg{color:#0a9860;background:#e6faef}.payhub-admin-kpis article:nth-child(3)>svg{color:#d67b00;background:#fff3dc}.payhub-admin-kpis article:nth-child(4)>svg{color:#7a3ddd;background:#f1eaff}.payhub-admin-kpis article div{gap:3px;min-width:0;display:grid}.payhub-admin-kpis small,.payhub-admin-kpis span{color:var(--ink-muted);font-size:10px}.payhub-admin-kpis strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.payhub-method-panel>div{flex-wrap:wrap;gap:9px;display:flex}.payhub-method-panel>div>span{text-transform:capitalize;background:#f9fbff;border:1px solid #dce8f8;border-radius:12px;align-items:center;gap:8px;padding:11px 13px;display:flex}.payhub-method-panel>div>span svg{width:18px;color:var(--blue)}.payhub-method-panel>div>span strong{font-size:11px}.payhub-account-panel{width:100%;max-width:980px;margin:0 auto}.payhub-account-panel>.select-label{max-width:460px}.payhub-setup-status{color:#087845;background:#eafaf1;border-radius:12px;align-items:center;gap:11px;padding:13px;grid-template-columns:none!important;display:flex!important}.payhub-setup-status svg{width:23px}.payhub-setup-status span{display:grid}.payhub-setup-status small{color:#4b755f}.payhub-account-panel .form-alert{color:#087845;background:#eafaf1;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;padding:11px}.payhub-account-panel .form-alert svg{width:18px}.payhub-tab-panel{min-height:500px}.payhub-card-grid,.payhub-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.payhub-card-grid article{border:1px solid var(--line);border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.payhub-card-grid article>svg{width:42px;height:42px;color:var(--blue);background:#eaf3ff;border-radius:12px;padding:10px}.payhub-card-grid article div{display:grid}.payhub-card-grid article small{color:var(--ink-muted)}.payhub-report-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.payhub-report-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f5faff);border-radius:14px;gap:5px;padding:20px;display:grid}.payhub-report-grid strong{color:var(--blue);font-size:28px}.payhub-report-grid span{color:var(--ink-muted);font-size:11px}@media (max-width:1180px){.payhub-member-layout,.payhub-admin-grid{grid-template-columns:1fr}.payhub-member-layout>aside,.payhub-admin-grid>aside{grid-template-columns:repeat(3,minmax(0,1fr))}.payhub-personal-strip{grid-template-columns:70px minmax(0,1fr) auto}.payhub-personal-strip>button{grid-column:2/-1}}@media (max-width:850px){.payhub-hero{grid-template-columns:60px 1fr;padding:20px}.payhub-hero>span{width:60px;height:60px}.payhub-role{grid-column:1/-1}.payhub-member-kpis,.payhub-admin-kpis,.payhub-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payhub-member-layout>aside,.payhub-admin-grid>aside{grid-template-columns:1fr}.payhub-personal-strip{grid-template-columns:64px 1fr}.payhub-personal-strip>span:first-child,.payhub-avatar-photo{width:64px;height:64px}.payhub-personal-due,.payhub-personal-strip>button{grid-column:1/-1}}@media (max-width:560px){.payhub-hero{grid-template-columns:1fr}.payhub-hero h1{font-size:30px}.payhub-group-heading{grid-template-columns:58px 1fr;padding:16px}.payhub-group-avatar{width:58px;height:58px}.payhub-role-chip{grid-column:1/-1}.payhub-member-kpis,.payhub-admin-kpis,.payhub-card-grid,.payhub-report-grid{grid-template-columns:1fr}.payhub-primary-action{grid-template-columns:42px minmax(0,1fr);padding:14px}.payhub-primary-action>svg{display:none}.payhub-primary-action strong{font-size:17px}.payhub-panel{padding:15px}.payhub-personal-strip{grid-template-columns:1fr}.payhub-personal-strip>span:first-child,.payhub-avatar-photo{width:70px;height:70px}}