:root{
  --navy:#031526;--navy2:#061c31;--navy3:#092841;--ink:#0a2238;--muted:#6e8193;--line:#dbe8f1;
  --cyan:#10c7ef;--blue:#1687f8;--blue2:#1468d5;--green:#21d69a;--yellow:#f2b84a;--red:#ee6680;
  --surface:#f3f9fc;--card:#fff;--shadow:0 20px 60px rgba(4,37,62,.12);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{color:var(--ink)}button,input,select,textarea{font:inherit}.fgpay-body{min-height:100vh;background:linear-gradient(145deg,#031426 0%,#04111e 70%,#061b2e 100%)}
.fgpay-shell{min-height:100vh}.fgpay-sidebar{position:fixed;left:0;top:0;bottom:0;width:278px;padding:22px 16px 20px;background:linear-gradient(180deg,rgba(4,28,48,.99),rgba(2,16,29,.99));border-right:1px solid rgba(103,204,255,.13);z-index:50;display:flex;flex-direction:column;box-shadow:18px 0 60px rgba(0,0,0,.13)}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.fgpay-brand{height:58px;display:flex;align-items:center;gap:9px;padding:0 10px;text-decoration:none}.fgpay-brand img{width:145px;height:auto;filter:drop-shadow(0 0 18px rgba(25,191,246,.14))}.fgpay-brand span{font-size:10px;font-weight:950;letter-spacing:1.8px;color:#7ce9ff;border:1px solid rgba(78,219,255,.35);border-radius:9px;padding:5px 7px;background:rgba(32,197,244,.08)}.sidebar-mobile-close{display:none}.fgpay-role{margin:13px 5px 18px;padding:12px;border:1px solid rgba(110,199,244,.12);border-radius:17px;background:linear-gradient(135deg,rgba(27,84,122,.24),rgba(4,29,49,.4));display:flex;align-items:center;gap:11px}.role-avatar,.mini-avatar{border-radius:13px;background:linear-gradient(150deg,#082f4d,#0d6fac);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(91,215,255,.18)}.role-avatar{width:42px;height:42px}.role-avatar img,.mini-avatar img{width:75%;height:75%;object-fit:contain}.fgpay-role strong{display:block;color:#f5fbff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:168px}.fgpay-role small{display:block;color:#7696ad;font-size:9px;margin-top:3px;text-transform:uppercase;letter-spacing:.7px}.fgpay-nav{overflow:auto;padding-right:2px}.fgpay-nav::-webkit-scrollbar{width:4px}.fgpay-nav::-webkit-scrollbar-thumb{background:rgba(85,194,242,.14);border-radius:999px}.nav-caption{font-size:8px;color:#53758f;font-weight:950;letter-spacing:1.5px;padding:12px 12px 7px}.fgpay-nav a{display:flex;align-items:center;gap:12px;min-height:45px;padding:8px 10px;margin:2px 0;border-radius:13px;text-decoration:none;color:#9cb4c6;font-size:12px;font-weight:760;transition:.18s ease}.fgpay-nav a:hover{color:#edfaff;background:rgba(30,113,167,.13)}.fgpay-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(19,194,239,.18),rgba(25,112,232,.22));box-shadow:inset 0 0 0 1px rgba(73,204,255,.18),0 8px 25px rgba(0,83,146,.12)}.nav-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(111,181,219,.06);flex:0 0 31px}.active .nav-icon{background:linear-gradient(135deg,rgba(26,207,246,.16),rgba(35,130,255,.22))}.nav-icon svg,.top-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-foot{margin-top:auto;padding:13px 11px 2px;color:#65869e;font-size:9px;display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(33,214,154,.8)}
.fgpay-main{margin-left:278px;min-height:100vh}.fgpay-topbar{height:88px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:30;background:rgba(3,21,38,.93);backdrop-filter:blur(20px);border-bottom:1px solid rgba(95,195,243,.12)}.topbar-title small{display:block;color:#5adffc;font-size:9px;font-weight:950;letter-spacing:1.5px}.topbar-title strong{display:block;color:#eaf7ff;font-size:14px;margin-top:4px}.topbar-actions{display:flex;align-items:center;gap:9px}.balance-pill,.profile-pill{height:54px;border:1px solid rgba(120,200,241,.13);border-radius:15px;background:linear-gradient(135deg,rgba(16,50,77,.8),rgba(7,31,52,.9));display:flex;align-items:center;text-decoration:none}.balance-pill{padding:0 16px;gap:13px}.balance-pill span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#718fa6;font-weight:850}.balance-pill b{font-size:13px;color:#fff}.profile-pill{padding:6px 13px 6px 7px;gap:9px;color:#fff;max-width:210px}.mini-avatar{width:39px;height:39px;border-radius:11px}.profile-pill b{display:block;font-size:11px;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-pill small{display:block;font-size:8px;color:#6f8fa8;margin-top:2px}.top-icon{width:48px;height:48px;border:1px solid rgba(116,203,245,.14);border-radius:14px;background:rgba(7,31,52,.7);color:#a7c1d5;display:grid;place-items:center;cursor:pointer}.top-icon:hover{color:#fff;border-color:rgba(71,212,255,.32)}.mobile-brand,.menu-button{display:none}
.fgpay-content{padding:20px 22px 28px;background:transparent}.fgpay-surface{max-width:1540px;min-height:calc(100vh - 136px);margin:0 auto;padding:24px;border-radius:28px;background:linear-gradient(180deg,#f5fbfe,#edf6fb);box-shadow:0 25px 90px rgba(0,0,0,.18);position:relative;overflow:hidden}.fgpay-surface:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(9,86,128,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,86,128,.035) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.fgpay-surface>*{position:relative}.fgpay-footer{max-width:1540px;margin:0 auto;padding:0 30px 24px;color:#52738c;font-size:9px;display:flex;justify-content:space-between}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 2px 20px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#0a8dc0;font-size:9px;font-weight:950;letter-spacing:1.4px;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(16,199,239,.6)}.page-head h1{font-size:31px;line-height:1.05;letter-spacing:-1.2px;margin:6px 0 7px;color:#0a2034}.page-head p{margin:0;color:#748596;font-size:12px;line-height:1.5;max-width:720px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.fgpay-btn{border:0;border-radius:13px;min-height:43px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#13c6ef,#1186fb);color:#fff;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 12px 26px rgba(17,134,251,.18);cursor:pointer}.fgpay-btn:hover{filter:brightness(1.04)}.fgpay-btn.secondary{background:#fff;color:#194665;border:1px solid #dce9f1;box-shadow:none}.fgpay-btn.dark{background:#0a2740;box-shadow:none}.fgpay-btn.danger{background:#fff0f3;color:#c3425a;border:1px solid #ffd7df;box-shadow:none}.fgpay-btn.small{min-height:34px;padding:0 11px;font-size:9px}
.hero-pay{position:relative;overflow:hidden;border-radius:26px;padding:27px 29px;background:radial-gradient(circle at 86% 30%,rgba(65,221,255,.55),transparent 28%),linear-gradient(135deg,#0b4ba9 0%,#087bd5 52%,#08a9cf 100%);color:#fff;box-shadow:0 22px 50px rgba(20,111,192,.22);margin-bottom:18px}.hero-pay:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.hero-pay>*{position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;gap:20px}.hero-pay .hero-label{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);border-radius:999px;padding:8px 11px;font-size:8px;font-weight:900;letter-spacing:1.2px}.hero-pay h2{font-size:30px;letter-spacing:-1px;margin:14px 0 7px}.hero-pay p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.76);max-width:650px}.hero-status{min-width:170px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(3,45,88,.18);border-radius:16px}.hero-status small,.hero-status strong{display:block}.hero-status small{font-size:8px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.8px}.hero-status strong{font-size:13px;margin-top:6px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.hero-action{display:inline-flex;align-items:center;gap:8px;min-height:39px;border-radius:12px;padding:0 13px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:9px;font-weight:850;backdrop-filter:blur(8px)}.hero-action.primary{background:#fff;color:#1068aa;border-color:#fff}.hero-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi-card{background:rgba(255,255,255,.91);border:1px solid #dfebf2;border-radius:19px;padding:17px 18px;box-shadow:0 10px 30px rgba(22,74,104,.06);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#12c9ef,#1a83fb);opacity:.75}.kpi-head{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e9f7ff;color:#117cc4}.kpi-icon.green{background:#e9fbf5;color:#18a979}.kpi-icon.yellow{background:#fff6df;color:#bf8120}.kpi-icon.purple{background:#f2edff;color:#7455cf}.kpi-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.kpi-card small{font-size:8px;color:#8796a3;text-transform:uppercase;letter-spacing:.7px;font-weight:900}.kpi-card strong{display:block;font-size:21px;letter-spacing:-.5px;color:#0b243a;margin:12px 0 4px}.kpi-card span{font-size:9px;color:#8797a5}
.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fgpay-panel{background:rgba(255,255,255,.92);border:1px solid #deebf2;border-radius:20px;box-shadow:0 12px 35px rgba(28,70,97,.06);overflow:hidden;margin-bottom:14px}.panel-head{min-height:57px;padding:13px 16px;border-bottom:1px solid #e8f0f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head small{display:block;color:#119bc6;font-size:7px;font-weight:950;letter-spacing:1.2px}.panel-head h2{font-size:13px;margin:3px 0 0;color:#112a3e}.panel-head a{font-size:9px;color:#0886bd;text-decoration:none;font-weight:800}.panel-body{padding:16px}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap::-webkit-scrollbar{height:5px}.table-wrap::-webkit-scrollbar-thumb{background:#c7dbe8;border-radius:99px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;text-align:left;border-bottom:1px solid #edf3f7;font-size:10px;vertical-align:middle}th{font-size:7px;text-transform:uppercase;letter-spacing:.8px;color:#8a9aa6;background:#f8fbfd}td{color:#375267}td b{color:#102a3f}td code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#087fa8;font-size:9px}.muted{display:block;color:#93a1ab;font-size:8px;margin-top:3px}.empty{text-align:center!important;color:#94a2ac;padding:28px!important}.status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.55px;background:#eef2f5;color:#6d7f8d}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.paid,.status.completed,.status.delivered,.status.active{background:#e9fbf4;color:#20a977}.status.pending,.status.creating,.status.requested,.status.approved,.status.processing,.status.review{background:#fff7e2;color:#bd842a}.status.failed,.status.cancelled,.status.chargedback,.status.blocked{background:#fff0f3;color:#cb5369}.status.refunded{background:#f1ecff;color:#7754c9}.table-btn{border:1px solid #dce8ef;background:#fff;color:#36586f;border-radius:9px;padding:6px 9px;font-size:8px;font-weight:800;cursor:pointer}.table-btn.danger{color:#c54f65;border-color:#f5d7dd;background:#fff8fa}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-card{min-height:96px;padding:14px;border-radius:16px;text-decoration:none;background:linear-gradient(145deg,#f6fbff,#e9f6fd);border:1px solid #dbeaf3;color:#183a52;transition:.16s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(36,95,132,.08)}.quick-card .qicon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#0989c4;box-shadow:0 4px 15px rgba(20,95,136,.09);margin-bottom:11px}.quick-card strong{display:block;font-size:10px}.quick-card small{display:block;font-size:8px;color:#8293a0;margin-top:3px;line-height:1.35}.activity-list{display:grid}.activity-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf3f7}.activity-item:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef8fd;color:#1683bf;font-weight:950}.activity-copy{min-width:0;flex:1}.activity-copy strong{display:block;font-size:9px;color:#17384f}.activity-copy span{display:block;font-size:8px;color:#8998a3;margin-top:3px}.activity-value{text-align:right}.activity-value b{display:block;font-size:9px}.activity-value small{font-size:7px;color:#8a99a4}.credit{color:#149467}.debit{color:#ce5369}
.wallet-balance-card{background:linear-gradient(135deg,#062e51,#0c71b4);color:#fff;border-radius:22px;padding:21px;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(5,70,116,.22)}.wallet-balance-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-90px;background:rgba(25,219,255,.17)}.wallet-balance-card small{display:block;color:#a4dff3;font-size:8px;text-transform:uppercase;letter-spacing:1px}.wallet-balance-card strong{display:block;font-size:31px;margin:9px 0 5px;letter-spacing:-1px}.wallet-code{display:inline-flex;margin-top:17px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font:8px ui-monospace,monospace;color:#d7f7ff}.info-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.info-chip{border:1px solid #dceaf2;background:#fff;border-radius:13px;padding:10px 12px;min-width:150px}.info-chip span{display:block;font-size:7px;color:#8d9ba6;text-transform:uppercase;font-weight:900}.info-chip b{display:block;font-size:10px;margin-top:4px;color:#19384e}
.fgpay-dialog{width:min(640px,94vw);border:1px solid #dce9f1;border-radius:24px;background:#fff;color:#102d43;padding:0;box-shadow:0 30px 100px rgba(0,31,52,.32);overflow:hidden}.fgpay-dialog::backdrop{background:rgba(2,16,28,.72);backdrop-filter:blur(7px)}.dialog-head{padding:18px 20px;border-bottom:1px solid #e5eff5;display:flex;justify-content:space-between;align-items:center}.dialog-head small{display:block;font-size:7px;color:#0aa4ce;font-weight:950;letter-spacing:1px}.dialog-head h2{font-size:18px;margin:4px 0 0}.dialog-head button{border:0;background:#eff6fa;color:#577287;border-radius:10px;width:34px;height:34px;font-size:20px;cursor:pointer}.dialog-body{padding:19px 20px}.dialog-actions{padding:0 20px 20px;display:flex;justify-content:flex-end;gap:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:8px;color:#6f8393;text-transform:uppercase;letter-spacing:.6px;font-weight:900}.field input,.field select,.field textarea,.fgpay-filter select{width:100%;border:1px solid #d8e6ee;background:#f8fbfd;color:#15354b;border-radius:12px;min-height:43px;padding:0 12px;outline:none;font-size:10px}.field textarea{padding:11px 12px;min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#74d7f2;box-shadow:0 0 0 3px rgba(19,198,239,.09)}.field-help{font-size:8px;color:#8b9aa5}.secret-box{width:100%;min-height:90px;border:1px dashed #b7d9e9;background:#f3fbff;border-radius:14px;padding:12px;font:9px ui-monospace,monospace;color:#056d99;word-break:break-all}.notice{padding:12px 13px;border-radius:13px;background:#eef9ff;border:1px solid #d5edf8;color:#467084;font-size:9px;line-height:1.45}.notice.warn{background:#fff8e8;border-color:#f3e3b3;color:#86672d}.notice.danger{background:#fff1f4;border-color:#f1d3d9;color:#9c4a59}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-card{padding:18px}.profile-id{display:flex;align-items:center;gap:13px;margin-bottom:15px}.profile-logo{width:53px;height:53px;border-radius:16px;background:linear-gradient(135deg,#052f50,#0c83bf);display:grid;place-items:center}.profile-logo img{width:72%}.profile-id h3{font-size:14px;margin:0}.profile-id p{font-size:9px;color:#8595a1;margin:4px 0 0}.fgpay-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.doc{padding:18px}.doc h2{font-size:14px;margin:5px 0 10px}.doc p{font-size:9px;line-height:1.55;color:#647c8d}.doc pre{background:#07213a;color:#bcecff;border-radius:14px;padding:14px;overflow:auto;font-size:8px;line-height:1.65}.endpoint{display:flex;align-items:center;gap:8px;margin:7px 0}.endpoint b{font-size:7px;background:#e6f8ff;color:#0786b5;border-radius:7px;padding:5px 7px}.api-base{font:8px ui-monospace,monospace;background:#eef9fe;border:1px solid #d8eef7;padding:9px;border-radius:10px;color:#086f99}.fgpay-toast{position:fixed;right:22px;bottom:22px;max-width:min(420px,86vw);padding:12px 15px;border-radius:13px;background:#07243c;color:#fff;font-size:10px;font-weight:800;box-shadow:0 18px 50px rgba(0,0,0,.25);z-index:200;transform:translateY(110px);opacity:0;transition:.22s}.fgpay-toast.show{transform:none;opacity:1}.fgpay-toast.ok{border:1px solid rgba(40,224,162,.4)}.fgpay-toast.bad{border:1px solid rgba(255,103,128,.45)}
/* AUTH */
.auth-body{min-height:100vh;margin:0;color:#fff;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 78% 22%,rgba(0,207,255,.2),transparent 34%),linear-gradient(135deg,#03182a,#020b14 76%);background-size:90px 90px,90px 90px,auto,auto}.auth-shell{min-height:100vh;width:min(1180px,92%);margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center;padding:42px 0}.auth-logo{width:240px;height:auto;filter:drop-shadow(0 0 30px rgba(11,190,246,.2));margin-bottom:55px}.auth-badge{display:inline-flex;padding:10px 15px;border-radius:999px;background:rgba(20,198,239,.1);border:1px solid rgba(62,213,249,.3);color:#8deaff;font-size:9px;font-weight:950;letter-spacing:.8px}.auth-copy h1{font-size:58px;line-height:.98;letter-spacing:-3px;margin:20px 0 18px;max-width:650px}.auth-copy h1 span{background:linear-gradient(90deg,#c2f7ff,#16b9ff);-webkit-background-clip:text;color:transparent}.auth-copy p{font-size:14px;line-height:1.7;color:#9ab2c4;max-width:590px}.auth-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.auth-points span{font-size:8px;font-weight:800;color:#9bc8df;border:1px solid rgba(110,197,239,.16);background:rgba(8,37,59,.6);border-radius:10px;padding:8px 10px}.auth-card{border:1px solid rgba(130,204,238,.16);background:linear-gradient(145deg,rgba(18,48,71,.88),rgba(10,29,47,.9));border-radius:30px;padding:30px;box-shadow:0 35px 90px rgba(0,0,0,.38);backdrop-filter:blur(20px)}.auth-card-brand{display:flex;align-items:center;justify-content:space-between}.pay-tag{color:#79e8ff;border:1px solid rgba(71,213,255,.3);background:rgba(25,194,235,.08);border-radius:9px;padding:5px 7px;font-size:8px;font-weight:950;letter-spacing:1.3px}.secure-tag{font-size:8px;color:#668ca5}.auth-card h2{font-size:29px;margin:22px 0 6px}.auth-card>p{font-size:10px;color:#7897ad;margin:0 0 20px}.auth-field{display:grid;gap:6px;margin:12px 0}.auth-field label{font-size:8px;color:#86a4b8;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.auth-field input{width:100%;height:52px;border:1px solid rgba(119,192,228,.15);background:rgba(3,21,35,.74);border-radius:14px;padding:0 14px;color:#fff;outline:none;font-size:11px}.auth-field input:focus{border-color:rgba(36,204,244,.55);box-shadow:0 0 0 3px rgba(21,198,239,.08)}.auth-button{width:100%;height:53px;border:0;border-radius:14px;background:linear-gradient(135deg,#11c9ef,#0e8afc);color:#fff;font-size:11px;font-weight:950;cursor:pointer;margin-top:10px;box-shadow:0 15px 35px rgba(13,142,237,.24)}.auth-switch{text-align:center;margin-top:18px;color:#7898ae;font-size:10px}.auth-switch a{color:#7ee9ff;text-decoration:none;font-weight:900}.auth-error{min-height:16px;color:#ff8899;font-size:9px;margin-top:10px}.auth-register .auth-shell{grid-template-columns:.8fr 1.2fr;width:min(1280px,94%)}.auth-register .auth-card{padding:25px 28px}.auth-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}.auth-register-grid .auth-field.full{grid-column:1/-1}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.balance-pill{display:none}}
@media(max-width:900px){body.menu-open{overflow:hidden}.fgpay-sidebar{transform:translateX(-110%);width:min(356px,88vw);transition:transform .25s ease;z-index:90;border-radius:0 24px 24px 0;box-shadow:35px 0 80px rgba(0,0,0,.38)}.fgpay-sidebar.mobile-open{transform:none}.sidebar-mobile-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(116,204,245,.16);border-radius:11px;background:#08243a;color:#c9e8f7;font-size:22px}.fgpay-mobile-backdrop{position:fixed;inset:0;background:rgba(0,10,18,.66);z-index:80;opacity:0;pointer-events:none;transition:.2s;backdrop-filter:blur(4px)}.fgpay-mobile-backdrop.show{opacity:1;pointer-events:auto}.fgpay-main{margin-left:0}.fgpay-topbar{height:114px;padding:18px 20px 20px;background:#03192c;position:relative}.topbar-title,.profile-pill,.top-icon{display:none}.mobile-brand{display:flex;align-items:center;gap:7px}.mobile-brand img{width:60px;height:60px;object-fit:contain;border-radius:16px;background:linear-gradient(135deg,#072a45,#0a5b8d);padding:7px;box-shadow:inset 0 0 0 1px rgba(83,206,255,.14)}.mobile-brand span{font-size:9px;font-weight:950;letter-spacing:1.5px;color:#83eaff}.menu-button{display:grid;width:59px;height:59px;border:1px solid rgba(97,201,249,.22);background:linear-gradient(145deg,#08263f,#061e33);border-radius:17px;place-content:center;gap:5px}.menu-button span{display:block;width:25px;height:3px;border-radius:99px;background:#e7f8ff}.fgpay-content{padding:0 11px 20px}.fgpay-surface{min-height:calc(100vh - 134px);padding:18px 14px 28px;border-radius:30px 30px 20px 20px}.fgpay-footer{padding:5px 20px 23px;display:none}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:27px}.head-actions{width:100%}.head-actions .fgpay-btn{flex:1}.hero-top{flex-direction:column}.hero-status{min-width:0}.grid-equal,.account-grid,.fgpay-doc-grid{grid-template-columns:1fr}.auth-shell,.auth-register .auth-shell{grid-template-columns:1fr;width:min(470px,92%);gap:18px;padding:25px 0 34px}.auth-copy{text-align:center}.auth-logo{width:210px;margin:0 auto 12px}.auth-copy .auth-badge,.auth-copy h1,.auth-copy p,.auth-points{display:none}.auth-card{padding:30px 23px}.auth-register .auth-copy{display:block}.auth-register .auth-logo{margin-bottom:-6px}.auth-register-grid{grid-template-columns:1fr}.auth-register-grid .auth-field.full{grid-column:auto}}
@media(max-width:560px){.fgpay-topbar{height:98px;padding:15px 17px}.mobile-brand img{width:54px;height:54px}.menu-button{width:54px;height:54px}.fgpay-surface{padding:15px 12px 24px}.hero-pay{padding:21px 18px;border-radius:22px}.hero-pay h2{font-size:25px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-action{justify-content:center}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{padding:14px 13px;border-radius:16px}.kpi-card strong{font-size:17px}.kpi-icon{width:30px;height:30px}.quick-actions{grid-template-columns:1fr 1fr}.page-head h1{font-size:24px}.page-head p{font-size:10px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.fgpay-dialog{border-radius:22px}.table-wrap{margin:0 -12px;padding:0 12px}table{min-width:690px}.wallet-balance-card strong{font-size:27px}.auth-card{border-radius:26px}.auth-card h2{font-size:27px}}