:root{
  --pera-navy:#082a63;
  --pera-navy-2:#061d47;
  --pera-blue:#0d5bd7;
  --pera-blue-soft:#eaf2ff;
  --pera-sky:#f5f8fd;
  --pera-line:#dfe7f3;
  --pera-text:#10254a;
  --pera-muted:#6d7a91;
  --pera-success:#2ba56a;
  --pera-danger:#d54f55;
  --pera-warning:#d49a22;
  --pera-shadow:0 10px 28px rgba(8,42,99,.10);
  --mg-green:var(--pera-navy)!important;
  --mg-green-2:var(--pera-blue)!important;
  --mg-green2:var(--pera-blue)!important;
  --mg-cream:#fff!important;
  --mg-ink:var(--pera-text)!important;
  --mg-muted:var(--pera-muted)!important;
  --mg-line:var(--pera-line)!important;
  --farm:var(--pera-navy)!important;
  --farm2:var(--pera-blue)!important;
}
*{box-sizing:border-box}
html{background:#edf2f9;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0!important;min-height:100dvh!important;background:#edf2f9!important;color:var(--pera-text)!important;font-family:Arial,Helvetica,sans-serif!important;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none}
button,input,select,textarea{font:inherit}
button{-webkit-tap-highlight-color:transparent}
.wrapper.inner,.pera-app-shell{width:100%;max-width:520px;min-height:100dvh;margin:0 auto;background:#fff!important;position:relative;overflow-x:hidden;box-shadow:0 0 35px rgba(8,42,99,.09)}
@media(max-width:520px){.wrapper.inner,.pera-app-shell{box-shadow:none}}
.pera-serif,.pera-title,.pera-page-title,.pera-card-title,.pera-btn,.pera-nav-label{font-family:Georgia,'Times New Roman',serif}
.pera-page{min-height:100dvh;background:#fff;padding:0 14px 100px}
.pera-safe-top{padding-top:max(12px,env(safe-area-inset-top))}
.pera-topbar{position:sticky;top:0;z-index:50;margin:0 -14px;padding:max(10px,env(safe-area-inset-top)) 14px 10px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--pera-line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.pera-brand-mini{display:flex;align-items:center;gap:9px;min-width:0}.pera-brand-mini img{width:42px;height:42px;border-radius:10px;object-fit:cover;background:var(--pera-navy)}.pera-brand-mini b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:15px;color:var(--pera-navy)}.pera-brand-mini span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--pera-muted);margin-top:2px}
.pera-icon-btn{width:40px;height:40px;border:1px solid var(--pera-line);border-radius:13px;background:#fff;color:var(--pera-navy);display:grid;place-items:center;flex:0 0 auto}.pera-icon-btn iconify-icon{font-size:21px}
.pera-page-heading{padding:18px 2px 12px}.pera-page-heading .kicker{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--pera-blue)}.pera-page-heading h1{margin:4px 0 4px;font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.08;color:var(--pera-navy-2)}.pera-page-heading p{margin:0;color:var(--pera-muted);font-size:12px;line-height:1.5}
.pera-card{background:#fff;border:1px solid var(--pera-line);border-radius:20px;padding:15px;box-shadow:var(--pera-shadow)}
.pera-card+.pera-card{margin-top:12px}.pera-card-title{margin:0;color:var(--pera-navy-2);font-size:18px}.pera-card-sub{margin:4px 0 0;color:var(--pera-muted);font-size:11px;line-height:1.45}
.pera-balance{background:linear-gradient(135deg,var(--pera-navy),#0b4da7);color:#fff;border-radius:20px;padding:17px 16px;box-shadow:0 14px 28px rgba(8,42,99,.22);position:relative;overflow:hidden}.pera-balance:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;top:-95px;background:rgba(255,255,255,.08)}.pera-balance-label{font-family:Georgia,'Times New Roman',serif;font-size:16px}.pera-balance-amount{font-family:Georgia,'Times New Roman',serif;font-size:35px;line-height:1;margin:10px 0 8px;font-weight:700}.pera-balance-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#eaf4ff}.pera-dot{width:9px;height:9px;border-radius:50%;background:#78e6a7;box-shadow:0 0 0 4px rgba(120,230,167,.13)}
.pera-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pera-action-card{min-height:118px;border:1px solid var(--pera-line);border-radius:18px;padding:14px 10px;background:#fff;color:var(--pera-navy-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 7px 20px rgba(8,42,99,.06)}.pera-action-card iconify-icon{font-size:34px;color:var(--pera-blue);margin-bottom:8px}.pera-action-card b{font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.1}.pera-action-card small{font-size:9px;color:var(--pera-muted);margin-top:5px;line-height:1.25}.pera-action-card:active{transform:scale(.98)}
.pera-section{margin-top:14px}.pera-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.pera-section-head h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:18px;color:var(--pera-navy-2)}.pera-section-head a{font-size:10px;font-weight:800;color:var(--pera-blue)}
.pera-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f7;color:var(--pera-text)}.pera-row:last-child{border-bottom:0}.pera-row-icon{width:38px;height:38px;border-radius:12px;background:var(--pera-blue-soft);color:var(--pera-blue);display:grid;place-items:center;flex:0 0 auto}.pera-row-icon iconify-icon{font-size:20px}.pera-row-main{min-width:0;flex:1}.pera-row-main b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:13px;color:var(--pera-navy-2)}.pera-row-main span{display:block;margin-top:2px;font-size:9.5px;color:var(--pera-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pera-row-right{text-align:right;flex:0 0 auto}.pera-row-right b{display:block;font-size:12px}.pera-row-right span{display:inline-block;margin-top:3px;padding:3px 7px;border-radius:999px;background:#e9f8ef;color:#238555;font-size:8px;font-weight:800}.pera-row-right span.pending{background:#fff5dc;color:#a4750c}.pera-row-right span.rejected{background:#ffe9ea;color:#b64249}
.pera-form-card{border:1px solid var(--pera-line);border-radius:20px;padding:15px;background:#fff;box-shadow:var(--pera-shadow)}.pera-field{margin-bottom:13px}.pera-field:last-child{margin-bottom:0}.pera-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;font-weight:800;color:var(--pera-text)}.pera-input-wrap{position:relative}.pera-input,.pera-select{width:100%;height:52px;border:1px solid #dbe4f1;border-radius:14px;background:#f9fbfe;color:var(--pera-text);padding:0 13px;font-size:13px;outline:none}.pera-input:focus,.pera-select:focus{background:#fff;border-color:#78a9ed;box-shadow:0 0 0 4px rgba(13,91,215,.08)}.pera-input.has-icon{padding-left:42px}.pera-leading{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:19px;color:var(--pera-blue);pointer-events:none}.pera-trailing{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:11px;background:var(--pera-blue-soft);color:var(--pera-blue);display:grid;place-items:center}.pera-help{font-size:9.5px;line-height:1.45;color:var(--pera-muted);margin-top:6px}.pera-info{display:flex;align-items:flex-start;gap:9px;background:#f3f7fd;border:1px solid #dce8f8;border-radius:14px;padding:10px 11px;color:#52617a;font-size:10px;line-height:1.45}.pera-info iconify-icon{font-size:19px;color:var(--pera-blue);flex:0 0 auto}.pera-warning{background:#fff7e6;border-color:#f1dfb2;color:#705d2d}
.pera-btn{width:100%;min-height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--pera-blue),var(--pera-navy));color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px rgba(13,91,215,.18);cursor:pointer}.pera-btn.secondary{background:#fff;color:var(--pera-navy);border:1px solid #b9cae2;box-shadow:none}.pera-btn.danger{background:#fff;color:var(--pera-danger);border:1px solid #f2c9cd;box-shadow:none}.pera-btn:disabled{opacity:.62}.pera-btn iconify-icon{font-size:20px}
.pera-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pera-tab{border:1px solid var(--pera-line);border-radius:10px;background:#f8fbff;color:#60708b;padding:8px 5px;text-align:center;font-size:9px;font-weight:800}.pera-tab.active{background:var(--pera-blue);color:#fff;border-color:var(--pera-blue)}
.pera-banner{margin-top:14px;border-radius:18px;overflow:hidden;background:linear-gradient(90deg,var(--pera-navy),#0d4ca2);min-height:104px;display:flex;align-items:center;padding:12px;position:relative}.pera-banner img{width:120px;border-radius:12px;flex:0 0 auto}.pera-banner-copy{padding-left:12px;color:#fff}.pera-banner-copy b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.08}.pera-banner-copy span{display:block;margin-top:5px;color:#d9e7ff;font-size:9px;line-height:1.4}
.pera-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);z-index:9999;background:rgba(255,255,255,.97);border-top:1px solid var(--pera-line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px rgba(8,42,99,.08);backdrop-filter:blur(14px)}.pera-bottom-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pera-nav-link{color:#738099;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:6px 3px;border-radius:11px;min-width:0}.pera-nav-link iconify-icon{font-size:21px}.pera-nav-label{font-size:9px;white-space:nowrap}.pera-nav-link.active{color:var(--pera-blue);background:#edf4ff}
.pera-auth-shell{width:100%;max-width:520px;margin:0 auto;min-height:100dvh;background:#fff;padding:calc(18px + env(safe-area-inset-top)) 18px 24px;display:flex;flex-direction:column}.pera-auth-logo{text-align:center;margin:5px auto 12px}.pera-auth-logo img{width:170px;max-height:126px;object-fit:cover;border-radius:18px;background:var(--pera-navy);box-shadow:0 10px 26px rgba(8,42,99,.14)}.pera-auth-heading{margin:4px 0 18px}.pera-auth-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1.05;color:var(--pera-navy-2);margin:0}.pera-auth-heading p{font-size:12px;line-height:1.5;color:var(--pera-muted);margin:7px 0 0}.pera-auth-links{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;margin:7px 1px 14px}.pera-auth-links a{color:var(--pera-blue);font-weight:800}.pera-check{display:flex;align-items:center;gap:7px;color:#5f6f88}.pera-check input{accent-color:var(--pera-blue)}.pera-divider{display:flex;align-items:center;gap:10px;color:#9aa5b6;font-size:9px;margin:15px 0}.pera-divider:before,.pera-divider:after{content:"";height:1px;background:var(--pera-line);flex:1}.pera-auth-foot{text-align:center;font-size:9px;color:#919cab;margin-top:auto;padding-top:20px}
.pera-receipt{border:1px solid #bfd2ed;border-radius:18px;background:#f8fbff;overflow:hidden}.pera-receipt-row{display:grid;grid-template-columns:125px 1fr 34px;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid #e1e9f5}.pera-receipt-row:last-child{border-bottom:0}.pera-receipt-row small{font-size:9px;color:var(--pera-muted);font-weight:800}.pera-receipt-row b{font-family:Georgia,'Times New Roman',serif;font-size:12px;color:var(--pera-navy-2);word-break:break-all}.pera-copy{width:30px;height:30px;border:0;border-radius:9px;background:var(--pera-blue-soft);color:var(--pera-blue);display:grid;place-items:center}.pera-save-check{display:flex;align-items:flex-start;gap:9px;background:#fff5d9;border:1px solid #eed899;border-radius:14px;padding:11px;margin:13px 0;font-size:10px;line-height:1.45;color:#66531f}.pera-save-check input{margin-top:2px;accent-color:var(--pera-blue)}
.pera-toast{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%) translateY(-8px);z-index:12000;width:min(92vw,450px);padding:11px 13px;border-radius:13px;background:var(--pera-navy);color:#fff;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:.2s}.pera-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.pera-toast.error{background:#a7353d}
/* tame legacy user pages into the same mobile palette */
[class*="farm-hero"],[class*="mg-hero"],[class*="bw-hero"],[class*="pf-hero"]{background-color:var(--pera-navy)!important}
.mg-bottom-nav,.bottom-nav-container,.bottom-nav{display:none!important}
footer,.footer,.main-footer{display:none!important}
@media(min-width:521px){body{padding:18px 0!important}.pera-bottom-nav{bottom:18px;border:1px solid var(--pera-line);border-radius:18px;width:504px}.pera-page{min-height:calc(100dvh - 36px);border-radius:22px 22px 0 0}.wrapper.inner{border-radius:22px}}