:root{
--pn:#5a2be2;--pn2:#7448ed;--pn-dark:#17113f;--pn-dark2:#11102f;
--text:#171728;--muted:#777a8e;--line:#e9eaf0;--soft:#f6f7fb;--purple-soft:#f1edff;
--green:#19a66c;--green-soft:#e9f8f1;--amber:#f2a51d;--amber-soft:#fff5dd;
--red:#e84e5b;--red-soft:#fff0f1;--blue:#2d80ef;--blue-soft:#ebf3ff;
--shadow:0 12px 34px rgba(35,25,77,.08);
}
*{box-sizing:border-box}html,body{margin:0;padding:0}body,input,button,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button{cursor:pointer}img{max-width:100%}

/* ========== MOBILE ========== */
.pn-mobile-body{background:#f3f3f6;color:var(--text);min-height:100vh}
.pn-mobile-shell{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:#fff;position:relative;padding:18px 18px 96px;box-shadow:0 0 45px rgba(0,0,0,.05)}
.pn-logo-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#825cf2,#4d1bcf);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:950;box-shadow:0 9px 24px rgba(91,43,226,.24)}
.pn-logo-mark.small{width:28px;height:28px;border-radius:9px;font-size:14px}
.pn-home-hero{margin:-18px -18px 0;padding:18px 18px 25px;background:radial-gradient(circle at 75% 15%,#e8ddff,transparent 34%),linear-gradient(180deg,#f3efff,#fff)}
.pn-mobile-topbar{height:48px;display:flex;align-items:center;justify-content:space-between}
.pn-mobile-brand{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.02em}
.pn-round-icon{width:37px;height:37px;border-radius:13px;background:#fff;display:grid;place-items:center;position:relative;box-shadow:0 5px 18px rgba(31,22,63,.06)}
.pn-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#f04452;right:8px;top:8px;border:2px solid #fff}
.pn-balance-card{margin-top:12px;padding:19px 18px 17px;border-radius:25px;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(82,153,255,.55),transparent 31%),radial-gradient(circle at 75% 90%,rgba(33,170,230,.35),transparent 30%),linear-gradient(135deg,#5e42db,#5523cb 60%,#286dd5);box-shadow:0 18px 38px rgba(78,42,190,.24)}
.pn-balance-head{display:flex;align-items:flex-start;justify-content:space-between}.pn-balance-head span{font-size:11px;opacity:.9}.pn-balance-head h1{margin:7px 0 0;font-size:26px;letter-spacing:-.03em}
.pn-white-pill{background:#fff;color:var(--pn);font-size:10px;font-weight:850;padding:8px 11px;border-radius:12px}
.pn-wallet-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.pn-wallet-actions a{text-align:center;font-size:9px}.pn-wallet-actions b{width:33px;height:33px;margin:0 auto 6px;border-radius:50%;background:#fff;color:var(--pn);display:grid;place-items:center;font-size:13px}.pn-wallet-actions span{display:block;white-space:nowrap}
.pn-home-content{padding-top:2px}.pn-section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.pn-section-head h2{font-size:15px;margin:0}.pn-section-head a{font-size:9px;color:var(--pn);font-weight:700}.pn-mt{margin-top:24px!important}
.pn-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px}.pn-service{text-align:center;min-width:0}.pn-service-icon{width:49px;height:49px;border-radius:17px;background:linear-gradient(145deg,#f4efff,#fff);border:1px solid #eee9fb;color:var(--pn);display:grid;place-items:center;margin:0 auto 7px;box-shadow:0 8px 20px rgba(56,35,101,.05)}.pn-service-icon i{font-size:18px}.pn-service b{font-size:9px;line-height:1.2;display:block;font-weight:650}
.pn-agent-banner{margin-top:24px;padding:17px;border-radius:20px;background:linear-gradient(105deg,#efe9ff,#f8f5ff);display:flex;justify-content:space-between;overflow:hidden}.pn-purple-tag{font-size:8px;background:#e2d7ff;color:var(--pn);font-weight:850;border-radius:999px;padding:5px 8px}.pn-agent-banner h3{font-size:15px;line-height:1.35;margin:8px 0 5px}.pn-agent-banner p{font-size:9px;color:var(--muted);margin:0}.pn-agent-banner a{display:inline-block;font-size:9px;background:var(--pn);color:#fff;border-radius:9px;padding:7px 9px;margin-top:10px}.pn-agent-illus{min-width:92px;position:relative;color:var(--pn)}.pn-agent-illus i:first-child{font-size:60px;opacity:.16;position:absolute;right:3px;top:18px}.pn-agent-illus i:last-child{font-size:30px;position:absolute;right:20px;top:38px}
.pn-quick-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pn-quick-cards a{padding:13px;border:1px solid var(--line);border-radius:15px;display:flex;gap:10px;align-items:center}.pn-quick-cards>a>i{width:32px;height:32px;border-radius:11px;background:var(--purple-soft);color:var(--pn);display:grid;place-items:center}.pn-quick-cards strong,.pn-quick-cards small{display:block}.pn-quick-cards strong{font-size:10px}.pn-quick-cards small{font-size:8px;color:var(--muted);margin-top:3px}
.pn-bottom-nav{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:77px;padding:9px 8px max(9px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #eeeeF3;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -10px 28px rgba(25,18,55,.05);backdrop-filter:blur(12px)}.pn-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#9697a1;font-size:9px}.pn-bottom-nav i{font-size:17px}.pn-bottom-nav a.active{color:var(--pn);font-weight:800}
.pn-page-header{height:48px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:16px}.pn-page-header h1{text-align:center;font-size:17px;margin:0}.pn-page-header>a,.pn-page-header>button{width:35px;height:35px;border:0;background:transparent;display:grid;place-items:center;border-radius:10px}.pn-page-header>a:last-child{justify-self:end}.pn-search-field{height:49px;border-radius:14px;background:#f5f5f8;display:flex;align-items:center;gap:10px;padding:0 14px;color:#9294a1}.pn-search-field input{border:0;background:transparent;outline:0;width:100%;font-size:11px}.pn-subtitle-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 9px}.pn-subtitle-row h3{font-size:12px;margin:0}.pn-subtitle-row span{font-size:9px;color:var(--muted)}
.pn-product-list{border-top:1px solid var(--line)}.pn-product-row{display:flex;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid var(--line)}.pn-product-logo{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#f7f5fc;display:grid;place-items:center;overflow:hidden}.pn-product-logo.large{width:52px;height:52px;flex-basis:52px}.pn-product-logo img{width:72%;height:72%;object-fit:contain}.pn-product-logo span{width:100%;height:100%;display:grid;place-items:center;color:var(--pn)}.pn-product-main{flex:1;min-width:0}.pn-product-main strong,.pn-product-main small{display:block}.pn-product-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-product-main small{font-size:8px;color:var(--muted);margin-top:4px}.pn-product-price{display:flex;align-items:center;gap:8px}.pn-product-price strong{font-size:10px}.pn-product-price i{font-size:9px;color:#b0b1ba}
.pn-brand-strip{display:flex;align-items:center;gap:13px;padding:15px;margin:0 -18px 18px;background:linear-gradient(180deg,#fff,#f7f3ff)}.pn-brand-strip strong,.pn-brand-strip small{display:block}.pn-brand-strip strong{font-size:14px}.pn-brand-strip small{font-size:9px;color:var(--muted);margin-top:3px}
.pn-form-panel label,.pn-field-label,.pn-edit-profile label{font-size:10px;color:var(--muted);display:block;margin:10px 0 7px}.pn-big-input{height:58px;border-radius:15px;background:#f4f1ff;border:1px solid #e7dfff;display:flex;align-items:center;gap:11px;padding:0 14px;color:var(--pn)}.pn-big-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px;color:var(--text)}.pn-big-input i:last-child{color:#858796}.pn-product-choice{border:1px solid var(--line);border-radius:16px;padding:13px;margin:17px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.pn-product-choice.selected{border-color:#9373f1;box-shadow:0 0 0 3px #f1edff}.pn-product-choice>div{display:flex;align-items:center;gap:9px}.pn-product-choice strong,.pn-product-choice small{display:block}.pn-product-choice strong{font-size:11px}.pn-product-choice small{font-size:8px;color:var(--muted);margin-top:3px}.pn-radio{width:15px;height:15px;border-radius:50%;border:4px solid var(--pn);box-shadow:0 0 0 2px #dcd2fa}.pn-product-choice>b{font-size:11px}
.pn-info-alert,.pn-warning-alert,.pn-danger-alert{display:flex;gap:10px;border-radius:14px;padding:12px;font-size:9px;margin:14px 0}.pn-info-alert{background:#eef7ff;color:#2e6a9c}.pn-warning-alert{background:var(--amber-soft);color:#8a6209}.pn-danger-alert{background:var(--red-soft);color:#a53843}.pn-info-alert strong,.pn-info-alert p{display:block;margin:0}.pn-info-alert p{margin-top:3px;line-height:1.45}.pn-primary-btn,.pn-outline-btn{width:100%;border:0;border-radius:14px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:850}.pn-primary-btn{background:linear-gradient(135deg,#6635e8,#4d1dcc);color:#fff;box-shadow:0 10px 24px rgba(91,43,226,.18)}.pn-outline-btn{background:#fff;border:1px solid #7c58ea;color:var(--pn);margin-bottom:10px}.pn-fixed-action{margin-top:15px}
.pn-checkout-card,.pn-payment-card,.pn-receipt{border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px;margin-bottom:13px}.pn-checkout-card h3,.pn-payment-card h3{font-size:11px;margin:0 0 12px}.pn-checkout-card>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:9px}.pn-checkout-card span{color:var(--muted)}.pn-checkout-card hr{border:0;border-top:1px solid var(--line)}.pn-checkout-card .pn-total-line{font-size:11px}.pn-checkout-card .pn-total-line strong{color:var(--pn);font-size:16px}.pn-pay-option{display:flex;align-items:center;justify-content:space-between;border:1px solid #8263e9;border-radius:14px;padding:12px;color:var(--pn)}.pn-pay-option>span{display:flex;align-items:center;gap:10px}.pn-pay-option>span>i{width:34px;height:34px;border-radius:11px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.pn-pay-option strong,.pn-pay-option small{display:block;color:var(--text)}.pn-pay-option strong{font-size:10px}.pn-pay-option small{font-size:8px;color:var(--muted);margin-top:2px}.pn-soft-promo{background:#fff6f8;border-radius:15px;padding:12px;display:flex;gap:10px;margin:13px 0}.pn-soft-promo>i{color:#f06d8a}.pn-soft-promo strong{font-size:9px}.pn-soft-promo p{font-size:8px;color:var(--muted);margin:3px 0 0}
.pn-deposit-methods{display:grid;gap:9px}.pn-method{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:15px;padding:12px}.pn-method.selected{border-color:#8b6cef;background:#fbfaff}.pn-method input{display:none}.pn-method-icon{width:35px;height:35px;border-radius:11px;background:#f4f1ff;color:var(--pn);display:grid;place-items:center}.pn-method div{flex:1}.pn-method strong,.pn-method small{display:block}.pn-method strong{font-size:10px}.pn-method small{font-size:8px;color:var(--muted);margin-top:3px}.pn-method>i{color:var(--pn)}.pn-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pn-amount-grid button{height:37px;border:1px solid #e6e0f6;background:#faf9ff;border-radius:12px;color:var(--pn);font-weight:800;font-size:10px}
.pn-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -18px 10px;border-bottom:1px solid var(--line)}.pn-tabs button{height:43px;border:0;background:#fff;font-size:9px;color:#9a9ba6}.pn-tabs button.active{color:var(--pn);font-weight:850;border-bottom:2px solid var(--pn)}.pn-filter-btn{border:0!important;background:transparent!important}
.pn-history-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.pn-history-icon{width:39px;height:39px;border-radius:13px;background:#f4efff;color:var(--pn);display:grid;place-items:center}.pn-history-icon.success{background:var(--green-soft);color:var(--green)}.pn-history-icon.failed{background:var(--red-soft);color:var(--red)}.pn-history-main{flex:1}.pn-history-main strong,.pn-history-main small,.pn-history-main em{display:block}.pn-history-main strong{font-size:10px}.pn-history-main small{font-size:8px;color:var(--muted);margin-top:2px}.pn-history-main em{font-style:normal;font-size:7px;color:#a8a9b2;margin-top:3px}.pn-history-right{text-align:right}.pn-history-right strong,.pn-history-right span{display:block}.pn-history-right strong{font-size:10px}.pn-state{font-size:8px;font-weight:800;margin-top:4px}.pn-state.success{color:var(--green)}.pn-state.pending,.pn-state.processing{color:var(--amber)}.pn-state.failed{color:var(--red)}
.pn-empty{text-align:center;padding:65px 20px}.pn-empty>span{width:72px;height:72px;border-radius:50%;background:var(--purple-soft);color:var(--pn);display:grid;place-items:center;margin:auto;font-size:25px}.pn-empty h3{font-size:13px}.pn-empty p{font-size:9px;color:var(--muted)}
.pn-status-page{text-align:center;padding:55px 5px 0}.pn-status-icon{width:96px;height:96px;border-radius:50%;margin:auto;background:var(--amber-soft);color:var(--amber);display:grid;place-items:center;font-size:38px;position:relative}.pn-status-icon.success{background:var(--green-soft);color:var(--green)}.pn-status-icon.failed{background:var(--red-soft);color:var(--red)}.pn-status-page h1{font-size:20px;margin:22px 0 6px}.pn-status-page>p{font-size:9px;color:var(--muted)}.pn-receipt{text-align:left;margin:22px 0}.pn-receipt>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:9px}.pn-receipt span{color:var(--muted)}.pn-token{color:var(--pn)}
.pn-profile-title{padding-top:25px}.pn-profile-title h1{font-size:24px;margin:0 0 20px}.pn-profile-hero{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:18px}.pn-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#cbbcff,#eee8ff);color:var(--pn);display:grid;place-items:center;font-size:22px}.pn-profile-hero>div:nth-child(2){flex:1}.pn-profile-hero strong,.pn-profile-hero span,.pn-profile-hero em{display:block}.pn-profile-hero strong{font-size:13px}.pn-profile-hero span{font-size:9px;color:var(--muted);margin:3px 0}.pn-profile-hero em{font-size:7px;font-style:normal;color:#fff;background:var(--pn);padding:3px 6px;border-radius:6px;width:max-content}.pn-profile-hero button{border:0;background:transparent;color:#1671c9;font-size:10px;font-weight:800}.pn-profile-section{margin-top:23px}.pn-profile-section h2,.pn-edit-profile h2{font-size:15px}.pn-profile-section a{min-height:54px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.pn-profile-section>a>i:first-child{width:30px;text-align:center;font-size:17px}.pn-profile-section>a>span{flex:1}.pn-profile-section strong,.pn-profile-section small{display:block}.pn-profile-section strong{font-size:10px}.pn-profile-section small{font-size:8px;color:var(--muted);margin-top:2px}.pn-profile-section>a>i:last-child{font-size:10px;color:#9698a4}.pn-edit-profile{margin-top:25px;padding:15px;background:#fafafd;border-radius:17px}.pn-edit-profile input{width:100%;height:44px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 12px;outline:0}.pn-edit-profile .pn-primary-btn{margin-top:13px}.pn-logout-btn{width:100%;border:1px solid #f3c5c9;color:var(--red);background:#fff;border-radius:14px;padding:13px;margin-top:15px;font-weight:800}
.pn-inbox-list{padding-top:5px}.pn-notif-row{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.pn-notif-icon{width:38px;height:38px;border-radius:13px;background:var(--purple-soft);color:var(--pn);display:grid;place-items:center}.pn-notif-row div{flex:1}.pn-notif-row strong{font-size:10px}.pn-notif-row p{font-size:9px;color:var(--muted);line-height:1.45;margin:4px 0}.pn-notif-row small{font-size:7px;color:#aaa}.pn-help-list a{height:64px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.pn-help-list a>span{width:37px;height:37px;border-radius:50%;background:var(--purple-soft);color:var(--pn);display:grid;place-items:center}.pn-help-list strong{font-size:11px;flex:1}.pn-help-list>a>i{font-size:10px;color:#757789}

/* login */
.pn-login-body{min-height:100vh;background:linear-gradient(180deg,#f1ecff 0,#fff 38%);display:grid;place-items:center;color:var(--text)}.pn-login-wrap{width:min(430px,100%);min-height:100vh;background:#fff;padding:28px 24px;position:relative}.pn-login-brand{display:flex;align-items:center;gap:10px}.pn-login-brand strong,.pn-login-brand small{display:block}.pn-login-brand strong{font-size:17px}.pn-login-brand small{font-size:9px;color:var(--muted)}.pn-login-art{height:185px;margin:22px -24px 0;background:radial-gradient(circle at center,#e4d9ff,#f4f0ff 60%,#fff 61%);display:grid;place-items:center}.pn-login-art>div{width:170px;height:105px;border-radius:40% 60% 55% 45%;background:linear-gradient(135deg,#7a4fed,#5321cf);position:relative;color:#fff}.pn-login-art i{position:absolute;font-size:28px}.pn-login-art i:nth-child(1){left:70px;top:36px}.pn-login-art i:nth-child(2){left:28px;top:25px}.pn-login-art i:nth-child(3){right:28px;bottom:19px}.pn-login-wrap h1{font-size:27px;margin:20px 0 6px}.pn-login-wrap>p{font-size:11px;color:var(--muted);margin:0 0 20px}.pn-login-wrap form>label{font-size:10px;color:var(--muted);display:block;margin:12px 0 7px}.pn-login-wrap .pn-primary-btn{margin-top:18px}.pn-login-note{display:block;text-align:center;font-size:8px;color:#9a9ba7;margin-top:15px}

/* ========== ADMIN ========== */
.pn-admin-body{background:#f7f8fb;color:#17172a;min-height:100vh;font-size:13px}
.pn-sidebar{position:fixed;z-index:70;left:0;top:0;bottom:0;width:240px;padding:19px 14px 15px;background:radial-gradient(circle at 50% 0,#21195a,transparent 34%),linear-gradient(180deg,#15123f,#10102e);color:#fff;display:flex;flex-direction:column}
.pn-admin-brand{height:55px;display:flex;align-items:center;gap:11px;padding:0 8px 10px}.pn-admin-brand strong,.pn-admin-brand small{display:block}.pn-admin-brand strong{font-size:19px;letter-spacing:.02em}.pn-admin-brand small{font-size:8px;color:#9b98b8;margin-top:2px}
.pn-side-nav{overflow:auto;scrollbar-width:none;padding-right:1px}.pn-side-nav::-webkit-scrollbar{display:none}.pn-side-nav>a{height:38px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#dfdeec;font-size:11px;margin:2px 0}.pn-side-nav>a>i:first-child{width:17px;text-align:center;color:#c8c5dd}.pn-side-nav>a .tail{margin-left:auto;font-size:8px}.pn-side-nav>a.active,.pn-side-nav>a:hover{background:linear-gradient(90deg,#5633c8,#3e21aa);color:#fff}.pn-side-nav>a.active>i{color:#fff}.pn-nav-caption{font-size:8px;color:#777398;letter-spacing:.05em;margin:17px 9px 6px}
.pn-server-card{margin-top:auto;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.04);border-radius:13px;padding:13px;display:grid;gap:6px}.pn-server-card span{font-size:9px}.pn-server-card strong{font-size:9px;font-weight:600;color:#d0cee1}.pn-server-card em{font-style:normal;font-size:9px;color:#5be2a0}.pn-server-card em i{font-size:6px}
.pn-admin-main{margin-left:240px;min-height:100vh}.pn-admin-header{height:72px;background:#fff;border-bottom:1px solid #ebecef;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:50}.pn-head-left,.pn-head-right{display:flex;align-items:center;gap:14px}.pn-head-left h1{font-size:18px;margin:0}.pn-head-left p{display:none;font-size:9px;color:var(--muted);margin:2px 0 0}.pn-ghost-btn{width:34px;height:34px;border:0;background:transparent;border-radius:9px}.pn-head-right{margin-left:auto}.pn-admin-search{width:290px;height:38px;border:1px solid #e3e5eb;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#8a8da0}.pn-admin-search input{border:0;outline:0;width:100%;font-size:9px}.pn-admin-search kbd{font-size:8px;background:#f3f4f8;padding:3px 5px;border-radius:5px;color:#999bac}.pn-notif-btn{width:36px;height:36px;border:0;background:transparent;position:relative}.pn-notif-btn b{position:absolute;top:1px;right:1px;width:15px;height:15px;border-radius:50%;background:#ee384a;color:#fff;font-size:7px;display:grid;place-items:center}.pn-admin-profile{display:flex;align-items:center;gap:9px;padding-left:5px}.pn-admin-avatar{width:36px;height:36px;border-radius:50%;background:#e7e1f8;color:var(--pn);display:grid;place-items:center}.pn-admin-profile strong,.pn-admin-profile small{display:block}.pn-admin-profile strong{font-size:10px}.pn-admin-profile small{font-size:8px;color:var(--muted);margin-top:2px}.pn-admin-profile>i{font-size:8px;color:#9d9fae}
.pn-admin-content{padding:24px}.pn-date-filter{height:0;position:relative;z-index:2}.pn-date-filter span{position:absolute;right:0;top:-16px;border:1px solid #e4e5eb;background:#fff;border-radius:9px;padding:8px 11px;font-size:9px;color:#51546a}
.pn-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:17px}.pn-stat-grid.compact{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:700px}.pn-stat-card{height:125px;background:#fff;border:1px solid #ececf1;border-radius:17px;padding:19px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 7px 20px rgba(22,20,60,.025)}.pn-stat-card.featured{color:#fff;background:linear-gradient(135deg,#7144eb,#4b1fcd);border:0;box-shadow:0 13px 28px rgba(79,35,201,.18)}.pn-stat-card span{font-size:10px;color:#575a70}.pn-stat-card.featured span{color:#e8e0ff}.pn-stat-card h2{font-size:21px;margin:8px 0 10px;letter-spacing:-.02em}.pn-stat-card em{font-style:normal;font-size:8px;color:#9a9caa}.pn-stat-card.featured em{color:#e4daff}.pn-stat-card em.positive{color:var(--green)}.pn-stat-card>b{width:48px;height:48px;border-radius:15px;background:#ede8ff;color:var(--pn);display:grid;place-items:center;font-size:19px}.pn-stat-card>b.green{background:var(--green-soft);color:var(--green)}.pn-stat-card>b.amber{background:var(--amber-soft);color:var(--amber)}.pn-stat-card>b.blue{background:var(--blue-soft);color:var(--blue)}.pn-stat-card.featured>b{background:rgba(255,255,255,.18);color:#fff}
.pn-dashboard-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:16px;margin-top:16px}.pn-admin-panel{background:#fff;border:1px solid #e9eaf0;border-radius:17px;padding:17px;box-shadow:0 7px 22px rgba(20,18,54,.025);min-width:0}.pn-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.pn-panel-head h3{font-size:13px;margin:0}.pn-panel-head p{font-size:8px;color:var(--muted);margin:3px 0 0}.pn-panel-head a{font-size:8px;color:var(--pn);font-weight:700;background:#f4f0ff;padding:5px 8px;border-radius:7px}.pn-panel-head select{border:1px solid #e5e6ec;background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;color:#55586b}
.pn-chart-wrap{height:210px}.pn-donut-wrap{height:230px}.pn-chart-legend{font-size:8px;color:#66697c;margin:0 0 5px}.pn-chart-legend span{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 0 10px}.pn-chart-legend span:first-child{margin-left:0}.pn-chart-legend .purple{background:var(--pn)}.pn-chart-legend .green{background:var(--green)}
.pn-table-wrap{overflow:auto}.pn-table{width:100%;border-collapse:collapse;font-size:8px}.pn-table thead{background:#fafbfc}.pn-table th,.pn-table td{text-align:left;padding:9px 9px;border-bottom:1px solid #eff0f3;white-space:nowrap}.pn-table th{color:#727589;font-weight:650}.pn-table td{color:#45485c}.pn-table td strong{color:#24263a}.pn-table td small{display:block;color:#999baa;font-size:7px;margin-top:2px}.pn-table-empty,.pn-panel-empty{text-align:center!important;color:#a0a2ae!important;padding:35px!important}.pn-status{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:750}.pn-status.success{background:var(--green-soft);color:var(--green)}.pn-status.pending,.pn-status.processing{background:var(--amber-soft);color:#b87904}.pn-status.failed{background:var(--red-soft);color:var(--red)}.pn-positive{color:var(--green)!important}
.pn-top-products{display:grid}.pn-top-row{height:57px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff0f3}.pn-top-row .rank{width:23px;height:23px;border-radius:8px;background:#f1edff;color:var(--pn);display:grid;place-items:center;font-size:8px;font-weight:800}.pn-top-row>div:nth-child(2){flex:1}.pn-top-row strong,.pn-top-row small{display:block}.pn-top-row strong{font-size:9px}.pn-top-row small{font-size:7px;color:var(--muted);margin-top:3px}.pn-top-row .value{text-align:right;width:120px}.pn-top-row .value i{display:block;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--pn) var(--w),#eeedf4 var(--w));margin-top:6px}
.pn-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.pn-mini-stats article{height:90px;padding:16px;background:#fff;border:1px solid #e9eaf0;border-radius:16px;position:relative}.pn-mini-stats span,.pn-mini-stats strong,.pn-mini-stats small{display:block}.pn-mini-stats span{font-size:8px;color:var(--muted)}.pn-mini-stats strong{font-size:14px;margin:6px 0 2px}.pn-mini-stats small{font-size:7px;color:#a3a5b2}.pn-mini-stats b{position:absolute;right:14px;top:24px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f1edff;color:var(--pn)}.pn-mini-stats b.green{background:var(--green-soft);color:var(--green)}.pn-mini-stats b.blue{background:var(--blue-soft);color:var(--blue)}.pn-mini-stats b.amber{background:var(--amber-soft);color:var(--amber)}
.pn-panel-actions{display:flex;gap:7px}.pn-panel-actions button,.pn-markup-form button{height:32px;border:1px solid #e2e3ea;background:#fff;border-radius:8px;padding:0 10px;font-size:8px}.pn-panel-actions button.primary,.pn-markup-form button{background:var(--pn);color:#fff;border-color:var(--pn)}.pn-table-search{width:min(340px,100%);height:37px;border:1px solid #e5e6ec;background:#fafbfc;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:13px;color:#9698a7}.pn-table-search input{border:0;background:transparent;outline:0;width:100%;font-size:8px}.pn-page-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px}.pn-page-toolbar h2{font-size:17px;margin:0}.pn-page-toolbar p{font-size:8px;color:var(--muted);margin:4px 0 0}.pn-markup-form{display:flex;align-items:center;gap:6px;font-size:8px}.pn-markup-form input{width:55px;height:32px;border:1px solid #e3e4ea;border-radius:8px;padding:0 8px}.pn-icon-action{width:28px;height:28px;border:0;border-radius:8px;background:#f4f1ff;color:var(--pn)}.pn-provider-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.pn-provider-dot.on{background:var(--green)}.pn-provider-dot.off{background:var(--red)}.pn-user-cell{display:flex;align-items:center;gap:7px}.pn-user-cell span{width:25px;height:25px;border-radius:50%;background:#eee9ff;color:var(--pn);display:grid;place-items:center;font-weight:800}.pn-role{background:#f0f1f5;color:#66697b;border-radius:999px;padding:4px 7px;font-size:7px}
.pn-provider-hero{background:linear-gradient(135deg,#241854,#17133d);color:#fff;border-radius:18px;padding:20px;display:flex;align-items:center;justify-content:space-between}.pn-provider-hero>div{display:flex;align-items:center;gap:12px}.pn-provider-logo{width:50px;height:50px;border-radius:15px;background:#6340df;display:grid;place-items:center;font-size:20px}.pn-provider-hero h2{font-size:17px;margin:0}.pn-provider-hero p{font-size:8px;color:#aaa6c8;margin:3px 0}.pn-provider-online{font-size:8px;background:rgba(31,190,116,.14);color:#63e3a5;padding:7px 10px;border-radius:99px}.pn-provider-online i{font-size:6px}.pn-provider-actions{margin-top:16px}.pn-action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pn-action-cards button{border:1px solid #e6e7ed;background:#fff;border-radius:13px;padding:13px;display:flex;text-align:left;align-items:center;gap:10px}.pn-action-cards button.primary{border-color:#dcd0ff;background:#f7f4ff}.pn-action-cards>button>i{width:36px;height:36px;border-radius:11px;background:#f1edff;color:var(--pn);display:grid;place-items:center}.pn-action-cards strong,.pn-action-cards small{display:block}.pn-action-cards strong{font-size:9px}.pn-action-cards small{font-size:7px;color:var(--muted);margin-top:3px}
.pn-settings-layout{display:grid;grid-template-columns:210px 1fr;gap:16px}.pn-settings-menu{background:#fff;border:1px solid #e9eaf0;border-radius:16px;padding:14px;height:max-content}.pn-settings-menu h3{font-size:13px;margin:4px 7px 12px}.pn-settings-menu a{display:flex;gap:9px;align-items:center;height:37px;padding:0 9px;border-radius:9px;font-size:9px;color:#65687b}.pn-settings-menu a.active{background:#f1edff;color:var(--pn);font-weight:750}.pn-settings-form{max-width:570px}.pn-settings-form label{display:block;font-size:8px;color:#777a8d;margin-bottom:12px}.pn-settings-form input{display:block;width:100%;height:39px;border:1px solid #e3e4ea;border-radius:9px;margin-top:5px;padding:0 10px;outline:0}.pn-color-input{display:flex;align-items:center;gap:8px}.pn-color-input span{width:30px;height:30px;border-radius:8px;background:var(--pn);margin-top:5px}.pn-color-input input{flex:1}.pn-primary-admin-btn{border:0;background:var(--pn);color:#fff;height:36px;border-radius:9px;padding:0 14px;font-size:9px;font-weight:750}
.pn-admin-overlay{display:none}

@media(max-width:1150px){
 .pn-sidebar{transform:translateX(-100%);transition:.22s}.pn-admin-main{margin-left:0}.pn-admin-body.sidebar-open .pn-sidebar{transform:none}.pn-admin-body.sidebar-open .pn-admin-overlay{display:block;position:fixed;z-index:65;inset:0;background:rgba(15,12,36,.35)}
 .pn-stat-grid{grid-template-columns:repeat(2,1fr)}.pn-mini-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
 .pn-dashboard-grid{grid-template-columns:1fr}.pn-admin-search{display:none}.pn-admin-content{padding:14px}.pn-admin-header{padding:0 14px}.pn-admin-profile>div:nth-child(2),.pn-admin-profile>i{display:none}
 .pn-action-cards{grid-template-columns:1fr}.pn-settings-layout{grid-template-columns:1fr}.pn-settings-menu{display:flex;overflow:auto;gap:5px}.pn-settings-menu h3{display:none}.pn-settings-menu a{white-space:nowrap}
}
@media(max-width:560px){
 .pn-stat-grid,.pn-mini-stats,.pn-stat-grid.compact{grid-template-columns:1fr}.pn-date-filter{display:none}.pn-stat-grid{margin-top:0}.pn-page-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.pn-markup-form{width:100%}
}


/* ===== PAYNUSA V3 PROFESSIONAL MODULES ===== */
.pn-v3-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.pn-v3-titlebar h2{font-size:21px;margin:4px 0}.pn-v3-titlebar p{font-size:9px;color:var(--muted);margin:0}.pn-v3-eyebrow{font-size:7px;font-weight:900;color:var(--pn);letter-spacing:.14em}.pn-v3-btn{height:37px;border:1px solid #e1e2e9;background:#fff;color:#4f5264;border-radius:10px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:800}.pn-v3-btn.primary{background:linear-gradient(135deg,#6738e9,#4c1bca);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(91,43,226,.16)}.pn-v3-btn.full{width:100%}.pn-v3-grid{display:grid;gap:16px}.pn-v3-grid.two{grid-template-columns:1.15fr .85fr}.pn-v3-grid.wallet{grid-template-columns:1.2fr .8fr}.pn-v3-mt{margin-top:16px}
.pn-v3-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pn-v3-field{margin-bottom:10px}.pn-v3-field label{font-size:8px;color:#717487;display:block;margin-bottom:5px}.pn-v3-field input,.pn-v3-field select,.pn-v3-field textarea{width:100%;border:1px solid #e2e4ea;background:#fafbfc;border-radius:9px;padding:9px 10px;font-size:9px;outline:0;color:#303347}.pn-v3-field input,.pn-v3-field select{height:37px}.pn-v3-field textarea{resize:vertical}.pn-v3-field input:focus,.pn-v3-field select:focus,.pn-v3-field textarea:focus{border-color:#9477ef;box-shadow:0 0 0 3px #f1edff}
.pn-v3-flow{display:grid;gap:7px}.pn-v3-flow>div{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ebecf1;border-radius:11px;background:#fafbfc}.pn-v3-flow>div>b{width:27px;height:27px;border-radius:9px;background:#ede8ff;color:var(--pn);display:grid;place-items:center;font-size:9px}.pn-v3-flow strong,.pn-v3-flow small{display:block}.pn-v3-flow strong{font-size:9px}.pn-v3-flow small{font-size:7px;color:var(--muted);margin-top:2px}.pn-v3-flow>i{text-align:center;color:#c3c4cd;font-size:8px}.pn-v3-flow>div.ok{border-color:#d8efe5;background:#f8fdfb}.pn-v3-flow>div.ok>b{background:var(--green-soft);color:var(--green)}
.pn-icon-action.danger{background:var(--red-soft);color:var(--red)}.pn-v3-link{font-size:8px;color:var(--pn);font-weight:800}.pn-v3-metric-stack{display:grid;gap:10px}.pn-v3-metric-stack>div{position:relative;padding:14px;border:1px solid #ebecef;border-radius:12px;background:#fafbfc}.pn-v3-metric-stack span,.pn-v3-metric-stack strong{display:block}.pn-v3-metric-stack span{font-size:8px;color:var(--muted)}.pn-v3-metric-stack strong{font-size:15px;margin-top:5px}.pn-v3-metric-stack i{position:absolute;right:13px;top:17px;color:var(--pn);background:#efebff;padding:9px;border-radius:10px}
.pn-v3-provider-actions{display:grid;gap:8px}.pn-v3-provider-actions form{margin:0}.pn-v3-provider-actions button{width:100%;min-height:58px;border:1px solid #e6e7ed;border-radius:12px;background:#fff;padding:10px;display:flex;align-items:center;gap:10px;text-align:left}.pn-v3-provider-actions button.primary{background:#f7f4ff;border-color:#dcd1ff}.pn-v3-provider-actions button>i:first-child{width:35px;height:35px;border-radius:10px;background:#f0ebff;color:var(--pn);display:grid;place-items:center}.pn-v3-provider-actions button>span{flex:1}.pn-v3-provider-actions strong,.pn-v3-provider-actions small{display:block}.pn-v3-provider-actions strong{font-size:9px}.pn-v3-provider-actions small{font-size:7px;color:var(--muted);margin-top:3px}.pn-v3-provider-actions button>i:last-child{font-size:8px;color:#9b9daa}
.pn-v3-checklist{display:grid;gap:8px}.pn-v3-checklist>div{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;background:#fafbfc;border:1px solid #ebecf1}.pn-v3-checklist>div>i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center}.pn-v3-checklist>div.ok>i{background:var(--green-soft);color:var(--green)}.pn-v3-checklist>div.warn>i{background:var(--amber-soft);color:var(--amber)}.pn-v3-checklist strong,.pn-v3-checklist small{display:block}.pn-v3-checklist strong{font-size:9px}.pn-v3-checklist small{font-size:7px;color:var(--muted);margin-top:2px}
.pn-v3-upgrade-hero{display:flex;align-items:center;gap:15px;padding:21px;border-radius:18px;background:linear-gradient(135deg,#f0eaff,#fff);border:1px solid #e5ddfb}.pn-v3-upgrade-icon{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#7548ed,#4c1dcd);color:#fff;display:grid;place-items:center;font-size:23px;box-shadow:0 10px 25px rgba(91,43,226,.2)}.pn-v3-upgrade-hero h2{font-size:20px;margin:4px 0}.pn-v3-upgrade-hero p{font-size:9px;color:var(--muted);margin:0}.pn-v3-feature-list{list-style:none;padding:0;margin:0 0 15px;display:grid;gap:8px}.pn-v3-feature-list li{font-size:9px;padding:9px;border-bottom:1px solid #eff0f3}.pn-v3-feature-list i{width:22px;color:var(--pn)}.pn-v3-safe-note{display:flex;gap:10px;margin-top:16px;padding:13px;border-radius:12px;background:var(--amber-soft);color:#795d16}.pn-v3-safe-note strong{font-size:9px}.pn-v3-safe-note p{font-size:8px;margin:3px 0 0}
@media(max-width:900px){.pn-v3-grid.two,.pn-v3-grid.wallet{grid-template-columns:1fr}}@media(max-width:580px){.pn-v3-titlebar{align-items:flex-start;flex-direction:column}.pn-v3-form-grid{grid-template-columns:1fr}}


/* ===== PAYNUSA V4 PROFESSIONAL ===== */
.pn-brand-img{width:42px;height:42px;border-radius:12px;background:#fff;overflow:hidden;display:grid;place-items:center}.pn-brand-img img{width:100%;height:100%;object-fit:contain}.pn-mobile-brand-logo{width:28px;height:28px;object-fit:contain;border-radius:8px}
.pn-v4-pagehead{display:flex;justify-content:space-between;margin-bottom:3px}.pn-v4-pagehead h2{font-size:21px;margin:4px 0}.pn-v4-pagehead p{font-size:9px;color:var(--muted);margin:0}
.pn-v4-actions{display:flex;gap:5px}.pn-v4-actions button{border:0;border-radius:7px;height:27px;font-size:7px;font-weight:800}.pn-v4-actions .approve{background:var(--green-soft);color:var(--green);padding:0 9px}.pn-v4-actions .reject{width:27px;background:var(--red-soft);color:var(--red)}.pn-v4-done{font-size:7px;color:#888b99}
.pn-v4-modal{display:none;position:fixed;z-index:110;inset:0;background:rgba(18,15,45,.48);backdrop-filter:blur(3px);place-items:center;padding:20px}.pn-v4-modal.show{display:grid}.pn-v4-modal-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:20px;position:relative;box-shadow:0 24px 70px rgba(12,8,40,.2)}.pn-v4-modal-card .close{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;background:#f3f4f8;border-radius:9px}.pn-v4-modal-card h3{font-size:16px;margin:0 0 5px}.pn-v4-modal-card p{font-size:9px;color:var(--muted)}.pn-v4-modal-card label{font-size:8px;color:var(--muted);display:block;margin:12px 0 5px}.pn-v4-modal-card textarea{width:100%;min-height:90px;border:1px solid #e2e3ea;border-radius:10px;padding:10px;font-size:9px;resize:vertical}.pn-v3-btn.danger{background:var(--red);color:#fff;border-color:var(--red);margin-top:10px}
.pn-v4-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.pn-v4-detail-list{display:grid}.pn-v4-detail-list>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eff0f3;padding:10px 0;font-size:9px}.pn-v4-detail-list span{color:var(--muted)}.pn-v4-detail-list strong{text-align:right}.pn-v4-usercard{display:flex;align-items:center;gap:10px;padding:12px;background:#fafbfc;border-radius:12px}.pn-v4-usercard strong,.pn-v4-usercard small{display:block}.pn-v4-usercard strong{font-size:10px}.pn-v4-usercard small{font-size:8px;color:var(--muted);margin-top:2px}.pn-v4-json{max-height:310px;overflow:auto;background:#14142f;color:#d8d7ee;padding:13px;border-radius:12px;font:8px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
.pn-v4-switch{display:flex;align-items:center;gap:8px;font-size:9px;color:#55586a;margin:8px 0 14px}.pn-v4-switch input{display:none}.pn-v4-switch span{width:34px;height:19px;border-radius:99px;background:#dddfe6;position:relative;transition:.2s}.pn-v4-switch span:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0002;transition:.2s}.pn-v4-switch input:checked+span{background:var(--pn)}.pn-v4-switch input:checked+span:after{transform:translateX(15px)}.pn-v4-switch.setting{margin-top:20px}
.pn-v4-level-list{display:grid;gap:8px}.pn-v4-level-item{display:flex;align-items:center;gap:10px;border:1px solid #ebecf1;border-radius:12px;padding:10px}.pn-v4-level-item>.icon{width:34px;height:34px;border-radius:10px;background:#f1edff;color:var(--pn);display:grid;place-items:center}.pn-v4-level-item>div{flex:1}.pn-v4-level-item strong,.pn-v4-level-item small{display:block}.pn-v4-level-item strong{font-size:9px}.pn-v4-level-item small{font-size:7px;color:var(--muted);margin-top:2px}.pn-v4-level-item p{font-size:7px;color:#9698a5;margin:3px 0 0}.pn-v4-inline-level select{height:28px;border:1px solid #e2e4e9;border-radius:7px;background:#fff;font-size:8px;padding:0 6px}
.pn-v4-notif-admin{display:grid;max-height:560px;overflow:auto}.pn-v4-notif-admin>div{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #eff0f3}.pn-v4-notif-admin .type{width:33px;height:33px;border-radius:10px;background:#f1edff;color:var(--pn);display:grid;place-items:center;flex:none}.pn-v4-notif-admin .type.success{background:var(--green-soft);color:var(--green)}.pn-v4-notif-admin .type.warning{background:var(--amber-soft);color:var(--amber)}.pn-v4-notif-admin .type.error{background:var(--red-soft);color:var(--red)}.pn-v4-notif-admin strong{font-size:9px}.pn-v4-notif-admin p{font-size:8px;color:#686b7d;margin:3px 0;line-height:1.4}.pn-v4-notif-admin small{font-size:7px;color:#a0a2ae}
.pn-v4-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.pn-v4-color{display:flex;gap:7px}.pn-v4-color input[type=color]{width:45px;padding:2px}.pn-v4-color input:last-child{flex:1}
.pn-v4-report-filter{display:flex;align-items:center;gap:6px}.pn-v4-report-filter input{height:37px;border:1px solid #e2e3e9;border-radius:9px;padding:0 8px;font-size:8px}.pn-v4-report-filter span{color:#aaa}
@media(max-width:900px){.pn-v4-detail-grid{grid-template-columns:1fr}.pn-v4-report-filter{width:100%;flex-wrap:wrap}.pn-v4-brand-grid{grid-template-columns:1fr}}@media(max-width:620px){.pn-v4-pagehead{flex-direction:column}.pn-v4-report-filter input{flex:1}}


/* ===== PAYNUSA V5 PAKASIR ===== */
.pn-deposit-hero-v5{display:flex;gap:12px;padding:14px;border-radius:17px;background:linear-gradient(135deg,#f0eaff,#faf8ff);border:1px solid #e4dcfb;margin-bottom:18px}.pn-deposit-hero-v5>span{width:42px;height:42px;border-radius:13px;background:var(--pn);color:#fff;display:grid;place-items:center;flex:none}.pn-deposit-hero-v5 strong{font-size:11px}.pn-deposit-hero-v5 p{font-size:8px;color:var(--muted);line-height:1.5;margin:4px 0 0}
.pn-pay-method-grid{display:grid;gap:8px;max-height:335px;overflow:auto;padding-right:2px}.pn-pay-method{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:11px;background:#fff}.pn-pay-method.selected{border-color:#8c6bed;background:#fbfaff;box-shadow:0 0 0 2px #f2edff}.pn-pay-method input{display:none}.pn-pay-method .icon{width:35px;height:35px;border-radius:11px;background:#f2edff;color:var(--pn);display:grid;place-items:center;flex:none}.pn-pay-method div{flex:1}.pn-pay-method strong,.pn-pay-method small{display:block}.pn-pay-method strong{font-size:9px}.pn-pay-method small{font-size:7px;color:var(--muted);margin-top:2px}.pn-pay-method>i{color:var(--pn)}
.pn-invoice-status{display:flex;gap:11px;align-items:center;padding:13px;border-radius:16px;margin-bottom:12px}.pn-invoice-status.pending{background:var(--amber-soft);color:#8d650b}.pn-invoice-status.paid{background:var(--green-soft);color:var(--green)}.pn-invoice-status>span{width:38px;height:38px;border-radius:50%;background:#fff8;display:grid;place-items:center;font-size:16px}.pn-invoice-status strong{font-size:11px}.pn-invoice-status p{font-size:8px;margin:3px 0 0}
.pn-invoice-card{border:1px solid var(--line);border-radius:20px;padding:15px;background:#fff}.pn-invoice-ref{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.pn-invoice-ref strong{color:var(--text)}.pn-invoice-total{text-align:center;padding:18px 0 14px;border-bottom:1px dashed #dddfe7}.pn-invoice-total span{font-size:8px;color:var(--muted)}.pn-invoice-total h1{font-size:25px;margin:6px 0;color:var(--pn)}.pn-invoice-total small{font-size:8px;color:#858898}
.pn-qris-box{text-align:center;padding:18px 0}.pn-qris-box #qrisCanvas{width:230px;height:230px;padding:10px;background:#fff;border:1px solid #ececf1;border-radius:15px;margin:0 auto 10px;display:grid;place-items:center}.pn-qris-box img,.pn-qris-box canvas{max-width:210px!important;max-height:210px!important}.pn-qris-box strong{font-size:11px}.pn-qris-box p{font-size:8px;color:var(--muted);line-height:1.5;max-width:260px;margin:5px auto}
.pn-va-box{margin:17px 0;padding:15px;background:#f6f3ff;border-radius:15px;text-align:center}.pn-va-box>span{font-size:8px;color:var(--muted)}.pn-va-box>div{display:flex;align-items:center;justify-content:center;gap:8px;margin:7px 0}.pn-va-box strong{font-size:18px;letter-spacing:.04em;color:var(--pn);word-break:break-all}.pn-va-box button{width:31px;height:31px;border:0;border-radius:9px;background:#fff;color:var(--pn)}.pn-va-box small{font-size:8px;color:#696c7e}
.pn-invoice-meta{border-top:1px dashed #dddfe7;padding-top:9px}.pn-invoice-meta>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:8px}.pn-invoice-meta span{color:var(--muted)}.pn-invoice-warning{display:flex;gap:10px;padding:12px;border-radius:14px;background:var(--amber-soft);color:#815e0e;margin:12px 0}.pn-invoice-warning strong{font-size:9px}.pn-invoice-warning p{font-size:8px;margin:3px 0 0}.pn-powered{text-align:center;font-size:7px;color:#9b9dab;margin:15px 0}
.pn-v5-gateway-hero{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#191344,#25175f);border-radius:18px;padding:18px;color:#fff}.pn-v5-gw-logo{width:50px;height:50px;border-radius:15px;background:#6840df;display:grid;place-items:center;font-size:19px}.pn-v5-gateway-hero>div:nth-child(2){flex:1}.pn-v5-gateway-hero h3{font-size:16px;margin:0}.pn-v5-gateway-hero p{font-size:8px;color:#aaa7c8;margin:4px 0 0}.pn-v5-help{display:block;font-size:7px;color:#999cab;margin-top:4px}
.pn-v5-endpoint{position:relative;padding:12px;border:1px solid #e7e8ed;border-radius:12px;background:#fafbfc}.pn-v5-endpoint span{display:block;font-size:7px;color:var(--muted);margin-bottom:6px}.pn-v5-endpoint code{font-size:8px;color:#46495c;word-break:break-all}.pn-v5-endpoint button{position:absolute;right:8px;top:9px;width:30px;height:30px;border:0;border-radius:8px;background:#f0ebff;color:var(--pn)}
.pn-v5-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pn-v5-methods>div{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #e9eaf0;border-radius:11px}.pn-v5-methods>div>i{width:31px;height:31px;border-radius:9px;background:#f1edff;color:var(--pn);display:grid;place-items:center}.pn-v5-methods strong,.pn-v5-methods small{display:block}.pn-v5-methods strong{font-size:8px}.pn-v5-methods small{font-size:7px;color:var(--muted);margin-top:2px}
@media(max-width:700px){.pn-v5-methods{grid-template-columns:1fr 1fr}}@media(max-width:450px){.pn-v5-methods{grid-template-columns:1fr}}

/* ===== PAYNUSA V6 CORE HARDENING ===== */
.pn-v6-bill-hero{display:flex;gap:11px;padding:13px;border-radius:15px;background:#f1edff;border:1px solid #e3dcfb;margin-bottom:12px}.pn-v6-bill-hero>span{width:40px;height:40px;border-radius:12px;background:var(--pn);color:#fff;display:grid;place-items:center}.pn-v6-bill-hero strong{font-size:10px}.pn-v6-bill-hero p{font-size:8px;color:var(--muted);margin:3px 0 0;line-height:1.45}
.pn-v6-inline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pn-v6-inline input,.pn-v6-inline select,.pn-v6-role-name{height:35px;border:1px solid #e2e4ea;border-radius:8px;padding:0 9px;font-size:8px;background:#fff}.pn-v6-inline label{font-size:8px;color:#66697a}
.pn-v6-permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pn-v6-permission-grid h4{grid-column:1/-1;font-size:8px;letter-spacing:.06em;color:var(--pn);margin:10px 0 2px;text-transform:uppercase}.pn-v6-permission-grid label{display:flex;gap:8px;align-items:flex-start;padding:9px;border:1px solid #e9eaf0;border-radius:10px}.pn-v6-permission-grid strong,.pn-v6-permission-grid small{display:block}.pn-v6-permission-grid strong{font-size:8px}.pn-v6-permission-grid small{font-size:7px;color:var(--muted);margin-top:2px}.pn-v6-role-name{margin-bottom:8px;width:260px}
.pn-v6-searchbox,.pn-v6-global-search{display:flex;align-items:center;border:1px solid #e1e3e9;background:#fff;border-radius:10px;padding:0 10px}.pn-v6-searchbox input,.pn-v6-global-search input{border:0;outline:0;height:38px;font-size:9px;min-width:250px}.pn-v6-global-search{max-width:680px}.pn-v6-global-search input{flex:1}.pn-v6-global-search button{border:0;background:var(--pn);color:#fff;border-radius:8px;padding:8px 14px;font-size:8px;font-weight:800}.pn-v6-search-results{display:grid;gap:7px}.pn-v6-search-results>div{display:flex;align-items:center;gap:9px;border:1px solid #ececf1;border-radius:10px;padding:8px}.pn-v6-search-results .icon{width:30px;height:30px;border-radius:9px;background:#f1edff;color:var(--pn);display:grid;place-items:center}.pn-v6-search-results pre{flex:1;margin:0;font-size:7px;white-space:pre-wrap}.pn-v6-search-results a{font-size:8px;color:var(--pn);font-weight:800}
@media(max-width:850px){.pn-v6-permission-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pn-v6-permission-grid{grid-template-columns:1fr}.pn-v6-searchbox input,.pn-v6-global-search input{min-width:0}}

/* ===== PAYNUSA V6.1 SECURITY & OPERATIONS ===== */
.pn-v61-pin-field{margin:10px 0}.pn-v61-pin-field label,.pn-v61-pin-field small{display:block}.pn-v61-pin-field label{font-size:9px;font-weight:800;margin-bottom:5px}.pn-v61-pin-field input{width:100%;height:44px;border:1px solid #dedfe6;border-radius:12px;padding:0 12px;font-size:18px;letter-spacing:.35em;text-align:center}.pn-v61-pin-field small{font-size:7px;color:var(--muted);margin-top:4px}
.pn-v61-security-card{background:#fff;border:1px solid #ececf1;border-radius:17px;padding:14px;margin-bottom:12px}.pn-v61-security-card>div:first-child{display:flex;gap:9px;align-items:center;margin-bottom:12px}.pn-v61-security-card>div:first-child>i{width:36px;height:36px;border-radius:11px;background:#f1edff;color:var(--pn);display:grid;place-items:center}.pn-v61-security-card strong,.pn-v61-security-card small{display:block}.pn-v61-security-card strong{font-size:10px}.pn-v61-security-card small{font-size:7px;color:var(--muted);margin-top:2px}.pn-v61-login-list{display:grid;gap:7px}.pn-v61-login-list article{padding:9px;border:1px solid #eeeef2;border-radius:10px}.pn-v61-login-list strong,.pn-v61-login-list small,.pn-v61-login-list em{display:block}.pn-v61-login-list strong{font-size:8px}.pn-v61-login-list small{font-size:7px;color:#77798a;margin:3px 0;word-break:break-all}.pn-v61-login-list em{font-size:7px;color:#a0a2ad;font-style:normal}
.pn-v61-link-btn,.pn-v61-dot-btn{border:0;background:transparent;color:var(--pn);font-size:8px;font-weight:800}.pn-v61-dot-btn{width:30px;height:30px;border-radius:9px;background:#f0ebff}.pn-notif-row.is-unread{background:#fbf9ff;border-color:#ded4ff}.pn-notif-row.is-read{opacity:.72}
.pn-v61-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pn-v61-health-grid>div{padding:15px;border:1px solid #e9eaf0;border-radius:14px;background:#fff}.pn-v61-health-grid span,.pn-v61-health-grid strong{display:block}.pn-v61-health-grid span{font-size:8px;color:var(--muted)}.pn-v61-health-grid strong{font-size:14px;margin-top:6px}
@media(max-width:900px){.pn-v61-health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.pn-v61-health-grid{grid-template-columns:1fr}}

/* ===== PAYNUSA V6.2 FINAL CORE ===== */
.pn-v62-alerts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.pn-v62-alerts a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;text-decoration:none;font-size:8px;font-weight:800;border:1px solid #ececf1;background:#fff;color:#3d4050}.pn-v62-alerts a span{flex:1}.pn-v62-alerts a.warning{background:#fff9ec;border-color:#f5dfad}.pn-v62-alerts a.danger{background:#fff1f3;border-color:#f3c7ce}.pn-v62-alerts a.info{background:#f3f7ff;border-color:#cfdcf8}@media(max-width:700px){.pn-v62-alerts{grid-template-columns:1fr}}

/* ===== PAYNUSA V6.3 PRODUCT & PRICING OPS ===== */
.pn-v63-actions,.pn-v63-row-actions,.pn-v63-apply,.pn-v63-toolbar,.pn-v63-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pn-v63-filterbar{display:grid;grid-template-columns:2fr repeat(4,1fr) auto auto;gap:7px;margin-bottom:10px}.pn-v63-filterbar label{display:flex;align-items:center;gap:6px;border:1px solid #e4e5eb;border-radius:9px;padding:0 9px;background:#fff}.pn-v63-filterbar input,.pn-v63-filterbar select,.pn-v63-apply select,.pn-v63-bulk select{height:36px;border:1px solid #e4e5eb;border-radius:9px;padding:0 9px;font-size:8px;background:#fff}.pn-v63-filterbar label input{border:0;padding:0;width:100%}.pn-v63-toolbar{justify-content:space-between;padding:9px 0;border-top:1px solid #f0f0f4;border-bottom:1px solid #f0f0f4}.pn-v63-bulk{padding:9px 0}.pn-v63-bulk span{margin-left:auto;font-size:8px;color:var(--muted)}.pn-v63-switch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px}.pn-v63-switch-grid label{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #e7e8ee;border-radius:10px;font-size:8px;font-weight:700}.pn-text-danger{color:#d63c55;font-weight:800}.pn-v63-apply select{min-width:130px}
@media(max-width:1000px){.pn-v63-filterbar{grid-template-columns:1fr 1fr 1fr}.pn-v63-switch-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.pn-v63-filterbar{grid-template-columns:1fr}.pn-v63-switch-grid{grid-template-columns:1fr}.pn-v63-apply{align-items:stretch}.pn-v63-apply select,.pn-v63-apply button{width:100%}}

/* ===== PAYNUSA V6.4 TRANSACTION & DEPOSIT OPS ===== */
.pn-v64-filterbar{display:grid;grid-template-columns:2fr repeat(4,1fr) auto auto;gap:7px;margin-bottom:12px}.pn-v64-filterbar label{display:flex;align-items:center;gap:7px;border:1px solid #e3e4ea;border-radius:9px;padding:0 9px}.pn-v64-filterbar input,.pn-v64-filterbar select{height:36px;border:1px solid #e3e4ea;border-radius:9px;padding:0 9px;font-size:8px;background:#fff}.pn-v64-filterbar label input{border:0;width:100%;padding:0}.pn-v64-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pn-v64-opbox{margin-top:12px;padding:12px;border:1px solid #dcd7f7;background:#faf9ff;border-radius:12px}.pn-v64-opbox.danger{border-color:#f1c6ce;background:#fff8f9}.pn-v64-opbox strong,.pn-v64-opbox p{display:block}.pn-v64-opbox strong{font-size:9px}.pn-v64-opbox p{font-size:8px;color:var(--muted);margin:4px 0 9px}.pn-v64-opbox textarea{width:100%;min-height:70px;border:1px solid #e1d7da;border-radius:9px;padding:9px;font-size:8px;margin-bottom:8px}.pn-v64-timeline{display:grid;gap:10px}.pn-v64-timeline>div{display:flex;gap:10px}.pn-v64-timeline .dot{width:10px;height:10px;border-radius:50%;background:var(--pn);margin-top:4px;flex:0 0 auto}.pn-v64-timeline strong,.pn-v64-timeline small{display:block}.pn-v64-timeline strong{font-size:8px}.pn-v64-timeline small{font-size:7px;color:var(--muted);margin-top:2px}.pn-v64-timeline pre{font-size:7px;background:#f7f7fa;padding:7px;border-radius:8px;white-space:pre-wrap;word-break:break-word}.pn-v64-break{word-break:break-all;max-width:420px}
@media(max-width:1000px){.pn-v64-filterbar{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.pn-v64-filterbar{grid-template-columns:1fr}.pn-v64-actions{align-items:stretch}.pn-v64-actions>*{width:100%}.pn-v64-actions form button{width:100%}}

/* ===== PAYNUSA V7.0 CMS & OPERATIONS ===== */
.pn-v7-banner-slider{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:16px;padding-bottom:4px}.pn-v7-banner{position:relative;min-width:85%;min-height:105px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--pn),#7d55ee);color:#fff;text-decoration:none;scroll-snap-align:start;display:flex;align-items:flex-end}.pn-v7-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pn-v7-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#160d4299,transparent)}.pn-v7-banner span{position:relative;z-index:2;padding:16px}.pn-v7-banner strong,.pn-v7-banner small{display:block}.pn-v7-banner strong{font-size:14px}.pn-v7-banner small{font-size:9px;margin-top:4px}.pn-v7-content-card{background:#fff;border-radius:16px;padding:18px;font-size:12px;line-height:1.75;white-space:normal}.pn-v7-legal-links{display:grid;grid-template-columns:1fr;gap:8px;margin:16px}.pn-v7-legal-links a{background:#fff;border:1px solid #ececf1;padding:12px;border-radius:10px;text-decoration:none;color:#393a46;font-size:10px;font-weight:700}.pn-v7-content-form{border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:14px}.pn-v7-check{display:flex;gap:7px;align-items:center;font-size:8px;font-weight:700;margin:7px 0 10px}.pn-v7-banner-list{display:grid;gap:7px;margin-top:14px}.pn-v7-banner-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ececf1;border-radius:10px;padding:9px}.pn-v7-banner-list strong,.pn-v7-banner-list small{display:block}.pn-v7-banner-list strong{font-size:8px}.pn-v7-banner-list small{font-size:7px;color:var(--muted);margin-top:3px}.pn-v7-health-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pn-v7-health-row>div{background:#fff;border:1px solid #ececf1;border-radius:12px;padding:13px}.pn-v7-health-row span,.pn-v7-health-row strong{display:block}.pn-v7-health-row span{font-size:7px;color:var(--muted);text-transform:uppercase}.pn-v7-health-row strong{font-size:10px;margin-top:4px}@media(max-width:700px){.pn-v7-health-row{grid-template-columns:1fr}.pn-v7-banner{min-width:92%}}

/* ===== PAYNUSA V7.0.1 LOCAL MEDIA + RICH EDITOR ===== */
.pn-rich-editor{min-height:220px;background:#fff}.pn-v7-content-form .ql-toolbar{border-radius:10px 10px 0 0;border-color:#e2e3ea}.pn-v7-content-form .ql-container{border-radius:0 0 10px 10px;border-color:#e2e3ea;font-size:11px}.pn-v701-editor-note{font-size:7.5px;color:var(--muted);margin:7px 0 10px;display:flex;gap:6px;align-items:center}.pn-v701-rich-content{line-height:1.75}.pn-v701-rich-content img{display:block;max-width:100%;height:auto;border-radius:12px;margin:12px auto}.pn-v701-rich-content h1,.pn-v701-rich-content h2,.pn-v701-rich-content h3{line-height:1.3;margin:18px 0 8px}.pn-v701-rich-content p{margin:8px 0}.pn-v701-rich-content ul,.pn-v701-rich-content ol{padding-left:22px}.pn-v701-rich-content blockquote{border-left:3px solid var(--pn);margin:12px 0;padding:8px 12px;background:#f8f6ff}.pn-v701-banner-row img{width:72px;height:48px;object-fit:cover;border-radius:8px;flex:0 0 auto}.pn-v701-banner-row span{flex:1}.pn-v701-product-preview{display:block;width:100px;height:100px;object-fit:cover;border-radius:12px;margin-top:8px;border:1px solid #ececf1}.pn-v3-field small{display:block;font-size:7px;color:var(--muted);margin-top:5px}

/* ===== PAYNUSA V7.1 CUSTOMER EXPERIENCE ===== */
.pn-v71-fav-form{margin:0}.pn-v71-fav{width:38px;height:38px;border:1px solid #ececf1;background:#fff;border-radius:50%;display:grid;place-items:center;color:#7b7c88}.pn-v71-fav.active{color:#e93f69;background:#fff2f5;border-color:#ffd6df}.pn-v71-mini-heart{font-size:8px;color:#e93f69;margin-left:4px}.pn-v71-section-head{margin-top:18px}.pn-v71-section-head h2 i{color:var(--pn);margin-right:5px}.pn-v71-product-scroll{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.pn-v71-product-card{min-width:135px;max-width:135px;background:#fff;border:1px solid #ececf1;border-radius:14px;padding:10px;text-decoration:none;color:#30313a;scroll-snap-align:start}.pn-v71-product-img{height:70px;border-radius:10px;background:#f7f6fb;display:grid;place-items:center;overflow:hidden;margin-bottom:8px}.pn-v71-product-img img{width:100%;height:100%;object-fit:contain}.pn-v71-product-card strong,.pn-v71-product-card small,.pn-v71-product-card b{display:block}.pn-v71-product-card strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-v71-product-card small{font-size:7px;color:var(--muted);margin:3px 0 7px}.pn-v71-product-card b{font-size:9px;color:var(--pn)}

/* ===== PAYNUSA V7.2 LOYALTY & PROMO ===== */
.pn-v72-promo-input{margin-bottom:14px}.pn-v72-discount{display:flex;align-items:center;justify-content:space-between;background:#f4fff8;border:1px dashed #80d5a0;border-radius:10px;padding:10px;margin:10px 0 70px;font-size:9px}.pn-v72-discount span{font-weight:700;color:#24844a}.pn-v72-discount strong{color:#24844a}.pn-v72-promo-list{display:grid;gap:8px}.pn-v72-promo-list>div{display:flex;align-items:center;justify-content:space-between;border:1px solid #ececf1;border-radius:10px;padding:10px;gap:8px}.pn-v72-promo-list span{min-width:0}.pn-v72-promo-list strong,.pn-v72-promo-list small{display:block}.pn-v72-promo-list strong{font-size:9px}.pn-v72-promo-list small{font-size:7px;color:var(--muted);margin-top:4px}

/* ===== PAYNUSA V7.3 REFERRAL & REWARDS ===== */
.pn-v73-referral-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,#f6f2ff,#fff);border:1px solid #e8e0ff;border-radius:14px;padding:13px}.pn-v73-referral-card span,.pn-v73-referral-card strong{display:block}.pn-v73-referral-card span{font-size:8px;color:var(--muted)}.pn-v73-referral-card strong{font-size:15px;letter-spacing:1px;margin-top:3px}.pn-v73-referral-card button{border:0;background:var(--pn);color:#fff;border-radius:9px;padding:8px 10px;font-size:8px;font-weight:700}.pn-v73-ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.pn-v73-ref-stats div{background:#fff;border:1px solid #ececf1;border-radius:10px;padding:9px;text-align:center}.pn-v73-ref-stats strong,.pn-v73-ref-stats span{display:block}.pn-v73-ref-stats strong{font-size:9px}.pn-v73-ref-stats span{font-size:7px;color:var(--muted);margin-top:3px}.pn-v73-ref-form{margin-top:10px}.pn-v73-ref-form label,.pn-v73-ref-form small{display:block;font-size:8px}.pn-v73-ref-form>div{display:flex;gap:6px;margin:6px 0}.pn-v73-ref-form input{flex:1;border:1px solid #dedee7;border-radius:9px;padding:10px;font-size:9px;text-transform:uppercase}.pn-v73-ref-form button{border:0;border-radius:9px;background:var(--pn);color:#fff;font-size:8px;font-weight:700;padding:0 12px}.pn-v73-ref-form small{color:var(--muted)}.pn-v73-referrer{margin-top:9px;display:flex;gap:8px;align-items:center;background:#f7f7fb;border-radius:10px;padding:10px;font-size:8px}

/* ===== PAYNUSA V7.5 COHERENT GLOBAL THEME ===== */
:root{--pn-soft2:#e6ddff;--pn-border:#cfc0f7;--pn-rgb:90,43,226;--pn-on:#fff;--pn-radius:14px}
.pn-logo-mark{background:linear-gradient(135deg,var(--pn2),var(--pn));box-shadow:0 9px 24px rgba(var(--pn-rgb),.24)}
.pn-home-hero{background:radial-gradient(circle at 75% 15%,var(--pn-soft2),transparent 34%),linear-gradient(180deg,var(--purple-soft),#fff)}
.pn-balance-card{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.16),transparent 31%),radial-gradient(circle at 75% 90%,rgba(255,255,255,.10),transparent 30%),linear-gradient(135deg,var(--pn2),var(--pn) 60%,var(--pn-dark));box-shadow:0 18px 38px rgba(var(--pn-rgb),.24)}
.pn-service-icon,.pn-brand-strip,.pn-big-input,.pn-method-icon,.pn-history-icon{background:linear-gradient(145deg,var(--purple-soft),#fff);border-color:var(--pn-border)}
.pn-agent-banner{background:linear-gradient(105deg,var(--pn-soft2),var(--purple-soft))}.pn-purple-tag{background:var(--pn-soft2);color:var(--pn)}
.pn-product-choice.selected,.pn-method.selected{border-color:var(--pn2);box-shadow:0 0 0 3px var(--purple-soft)}.pn-radio{box-shadow:0 0 0 2px var(--pn-border)}
.pn-primary-btn{background:linear-gradient(135deg,var(--pn2),var(--pn-dark));color:var(--pn-on);box-shadow:0 10px 24px rgba(var(--pn-rgb),.18)}
.pn-outline-btn{border-color:var(--pn2)}.pn-pay-option{border-color:var(--pn2)}.pn-amount-grid button{border-color:var(--pn-border);background:var(--purple-soft)}
.pn-avatar,.pn-login-art>div{background:linear-gradient(135deg,var(--pn-soft2),var(--pn2))}.pn-login-body{background:linear-gradient(180deg,var(--purple-soft) 0,#fff 38%)}.pn-login-art{background:radial-gradient(circle at center,var(--pn-soft2),var(--purple-soft) 60%,#fff 61%)}
.pn-sidebar{background:radial-gradient(circle at 50% 0,var(--pn-dark),transparent 34%),linear-gradient(180deg,var(--pn-dark2),var(--pn-dark))}
.pn-side-nav a.active,.pn-side-nav a:hover{background:rgba(255,255,255,.11)}.pn-v3-btn.primary{background:var(--pn);border-color:var(--pn);color:var(--pn-on)}
.pn-admin-avatar,.pn-stat-card>b,.pn-v3-icon,.pn-v4-icon{background:var(--purple-soft);color:var(--pn)}
input:focus,select:focus,textarea:focus{border-color:var(--pn2)!important;box-shadow:0 0 0 3px rgba(var(--pn-rgb),.10)}
.pn-admin-panel,.pn-v3-btn,.pn-primary-btn,.pn-outline-btn,.pn-big-input,.pn-product-choice,.pn-method{border-radius:var(--pn-radius)}
.pn-v75-color{display:grid;grid-template-columns:54px 1fr}.pn-v75-color input[type=color]{width:54px;height:44px;padding:4px}.pn-v75-brand-preview{display:block;max-width:130px;max-height:54px;object-fit:contain;margin-top:9px;background:#f7f7fa;border:1px solid var(--line);border-radius:10px;padding:5px}.pn-v75-favicon-preview{display:block;width:42px;height:42px;object-fit:contain;margin-top:9px;border:1px solid var(--line);border-radius:9px;padding:4px}
.pn-v75-theme-preview{margin-top:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:150px 1fr;min-height:210px;background:#f8f8fb}.pn-v75-preview-sidebar{background:linear-gradient(180deg,var(--pn-dark2),var(--pn-dark));color:#fff;padding:18px;display:flex;flex-direction:column;gap:11px}.pn-v75-preview-logo{width:30px;height:30px;border-radius:9px;background:var(--pn);display:grid;place-items:center;font-weight:900}.pn-v75-preview-sidebar strong{font-size:10px}.pn-v75-preview-sidebar i{display:block;height:9px;border-radius:99px;background:rgba(255,255,255,.13)}.pn-v75-preview-sidebar i:nth-last-child(1){width:70%}.pn-v75-preview-main{padding:20px}.pn-v75-preview-card{max-width:300px;background:linear-gradient(135deg,var(--pn2),var(--pn),var(--pn-dark));color:var(--pn-on);padding:17px;border-radius:var(--pn-radius);box-shadow:0 12px 28px rgba(var(--pn-rgb),.18)}.pn-v75-preview-card small,.pn-v75-preview-card strong{display:block}.pn-v75-preview-card strong{font-size:18px;margin:7px 0 12px}.pn-v75-preview-card button,.pn-v75-preview-btn{border:0;background:#fff;color:var(--pn);font-size:8px;font-weight:800;padding:7px 10px;border-radius:8px}.pn-v75-preview-actions{display:flex;gap:8px;margin:14px 0}.pn-v75-preview-actions b{width:35px;height:35px;border-radius:10px;background:var(--purple-soft);color:var(--pn);display:grid;place-items:center}.pn-v75-preview-btn{display:inline-block;background:var(--pn);color:var(--pn-on)}
.pn-v75-savebar{position:sticky;bottom:12px;z-index:20;margin-top:18px;background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;backdrop-filter:blur(12px)}.pn-v75-savebar>div{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.pn-v75-savebar>div i{color:var(--pn)}
@media(max-width:700px){.pn-v75-theme-preview{grid-template-columns:105px 1fr}.pn-v75-savebar{align-items:stretch;flex-direction:column}}

/* ===== PAYNUSA V7.6 USER HOME REDESIGN ===== */
.pn-u76-home{margin:-18px -18px -96px;min-height:100vh;background:#f6f6f7;padding-bottom:92px}
.pn-u76-hero{background:linear-gradient(180deg,var(--pn-dark),var(--pn));padding:18px 18px 0;color:var(--pn-on);min-height:244px}
.pn-u76-topbar{height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}
.pn-u76-menu-btn{width:40px;height:40px;border:0;background:transparent;color:var(--pn-on);font-size:22px;display:grid;place-items:center}
.pn-u76-greeting{display:flex;gap:7px;align-items:baseline;min-width:0;font-size:17px}.pn-u76-greeting span{font-weight:500;opacity:.92}.pn-u76-greeting strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-u76-top-actions{display:flex;gap:4px}.pn-u76-top-actions a{width:40px;height:40px;display:grid;place-items:center;color:var(--pn-on);font-size:20px;position:relative}.pn-u76-top-actions .pn-dot{width:7px;height:7px;right:5px;top:7px;border:1px solid var(--pn-dark)}
.pn-u76-wallet-wrap{position:relative;z-index:4;margin-top:12px}
.pn-u76-wallet{background:#fff;color:var(--text);border-radius:22px;box-shadow:0 15px 35px rgba(0,0,0,.13);padding:16px 14px 13px}
.pn-u76-wallet-balance{height:92px;border-radius:16px;background:#f6f6f7;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:15px 16px;overflow:hidden}
.pn-u76-wallet-balance>div:first-child{border-right:1px solid #d9d9de;padding-right:12px}.pn-u76-wallet-balance span,.pn-u76-wallet-balance strong{display:block}.pn-u76-wallet-balance span{font-size:11px}.pn-u76-wallet-balance strong{font-size:20px;color:var(--pn);margin-top:9px;letter-spacing:.01em}
.pn-u76-wallet-brand{padding-left:14px;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.pn-u76-wallet-brand img{max-width:82px;max-height:35px;object-fit:contain}.pn-u76-wallet-brand small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-u76-wallet-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:15px 1px 1px}.pn-u76-wallet-actions a{text-align:center;color:var(--pn);font-size:10px;font-weight:650}.pn-u76-wallet-actions b{width:38px;height:38px;border-radius:13px;background:var(--pn);color:var(--pn-on);display:grid;place-items:center;margin:0 auto 7px;font-size:15px}.pn-u76-wallet-actions span{display:block;white-space:nowrap}
.pn-u76-main{padding-top:82px}
.pn-u76-banner-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 15px;scrollbar-width:none}.pn-u76-banner-strip::-webkit-scrollbar{display:none}.pn-u76-banner{flex:0 0 88%;height:132px;border-radius:14px;overflow:hidden;background:var(--purple-soft);scroll-snap-align:center;box-shadow:0 4px 13px rgba(0,0,0,.04)}.pn-u76-banner img{width:100%;height:100%;object-fit:cover;display:block}.pn-u76-banner-fallback{height:100%;padding:18px;background:linear-gradient(135deg,var(--pn2),var(--pn));color:var(--pn-on);display:flex;flex-direction:column;justify-content:flex-end}.pn-u76-banner-fallback strong{font-size:16px}.pn-u76-banner-fallback small{font-size:9px;margin-top:5px}
.pn-u76-section{background:#fff;margin-top:10px;padding:18px}.pn-u76-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pn-u76-section-head h2{margin:0;font-size:17px}.pn-u76-section-head a{border:1px solid var(--pn);color:var(--pn);border-radius:999px;padding:7px 12px;font-size:9px}
.pn-u76-product-grid,.pn-u76-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 8px}.pn-u76-product,.pn-u76-service{text-align:center;min-width:0}.pn-u76-product-icon,.pn-u76-service>span{width:55px;height:55px;border-radius:17px;background:linear-gradient(145deg,var(--purple-soft),var(--pn-soft2));color:var(--pn);display:grid;place-items:center;margin:0 auto 7px;overflow:hidden;border:1px solid var(--pn-border)}.pn-u76-product-icon img{width:100%;height:100%;object-fit:contain;padding:6px}.pn-u76-product-icon i,.pn-u76-service>span i{font-size:20px}.pn-u76-product strong,.pn-u76-service strong{display:block;font-size:9px;line-height:1.25;font-weight:650;max-height:2.5em;overflow:hidden}
.pn-u76-service-grid{margin-top:22px}.pn-u76-partner{margin-top:10px}.pn-u76-personal{overflow:hidden}.pn-u76-horizontal-products{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.pn-u76-horizontal-products::-webkit-scrollbar{display:none}.pn-u76-horizontal-products a{flex:0 0 145px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.pn-u76-horizontal-products i{color:var(--pn);font-size:14px;margin-bottom:10px}.pn-u76-horizontal-products strong,.pn-u76-horizontal-products small{display:block}.pn-u76-horizontal-products strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-u76-horizontal-products small{font-size:8px;color:var(--pn);font-weight:700;margin-top:5px}
.pn-u76-bottom-nav{height:78px;background:#fff;border-top:1px solid #e8e8ec;box-shadow:0 -8px 25px rgba(0,0,0,.05)}.pn-u76-bottom-nav a{font-size:9px;color:#777}.pn-u76-bottom-nav i{font-size:18px}.pn-u76-bottom-nav a.active{color:var(--pn)}
.pn-u76-drawer-overlay{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.56);opacity:0;visibility:hidden;transition:.22s}.pn-u76-drawer{position:fixed;z-index:91;left:0;top:0;bottom:0;width:min(82vw,350px);background:#fff;transform:translateX(-102%);transition:.25s ease;box-shadow:12px 0 38px rgba(0,0,0,.16);overflow:auto}.pn-user-drawer-open{overflow:hidden}.pn-user-drawer-open .pn-u76-drawer-overlay{opacity:1;visibility:visible}.pn-user-drawer-open .pn-u76-drawer{transform:translateX(0)}
.pn-u76-drawer-head{min-height:205px;padding:32px 24px 22px;background:linear-gradient(145deg,var(--pn-dark),var(--pn));color:var(--pn-on);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pn-u76-drawer-close{position:absolute;left:14px;top:14px;width:35px;height:35px;border:0;background:rgba(255,255,255,.12);color:var(--pn-on);border-radius:10px}.pn-u76-drawer-avatar{width:62px;height:62px;border-radius:18px;background:#fff;color:var(--pn);display:grid;place-items:center;font-size:28px;margin-bottom:10px}.pn-u76-drawer-head strong{font-size:16px;text-align:center}.pn-u76-drawer-head span{font-size:11px;margin-top:5px;opacity:.93}.pn-u76-drawer-head small{margin-top:7px;background:rgba(255,255,255,.15);border-radius:999px;padding:4px 8px;font-size:8px}
.pn-u76-drawer-nav{padding:14px 0}.pn-u76-drawer-nav a{height:56px;display:flex;align-items:center;gap:15px;padding:0 22px;color:#686a70}.pn-u76-drawer-nav a i{width:25px;text-align:center;font-size:18px;color:#7b7d84}.pn-u76-drawer-nav a span{font-size:12px;font-weight:600}.pn-u76-drawer-nav hr{border:0;border-top:1px solid #eee;margin:7px 0}
@media(max-width:360px){.pn-u76-product-grid,.pn-u76-service-grid{grid-template-columns:repeat(4,1fr);gap:15px 4px}.pn-u76-product-icon,.pn-u76-service>span{width:49px;height:49px}.pn-u76-wallet-actions span{font-size:9px}.pn-u76-greeting strong{font-size:16px}}

/* ===== PAYNUSA V7.7 HOME BANNER + CATEGORY ICON POLISH ===== */
.pn-u76-main{padding-top:72px}
.pn-u76-banner-strip{padding:0 14px 14px;gap:9px}
.pn-u76-banner{flex-basis:92%;height:auto;aspect-ratio:16/6;border-radius:16px;position:relative;background:linear-gradient(135deg,var(--purple-soft),var(--pn-soft2));box-shadow:0 8px 24px rgba(0,0,0,.08)}
.pn-u76-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pn-u76-banner-error{display:none!important;position:absolute;inset:0}.pn-u76-banner-error[style*="flex"]{display:flex!important}
.pn-u76-section{margin-top:8px;padding:17px 16px}.pn-u76-section-head{margin-bottom:16px}.pn-u76-section-head h2{font-size:16px}
.pn-u76-product-grid,.pn-u76-service-grid{gap:16px 6px}.pn-u76-product-icon,.pn-u76-service>span{width:58px;height:58px;border-radius:18px}.pn-u76-service>span img{width:100%;height:100%;object-fit:contain;padding:6px}
.pn-u76-product strong,.pn-u76-service strong{font-size:9px;line-height:1.3;margin:0 auto;max-width:78px}
.pn-u76-wallet{border-radius:20px}.pn-u76-wallet-balance{height:88px}.pn-u76-wallet-actions{padding-top:13px}
.pn-u76-bottom-nav{height:74px}
.pn-v77-category-icon-list{display:grid;gap:8px;margin-top:15px}.pn-v77-category-icon-list>div{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px}.pn-v77-category-icon-list strong,.pn-v77-category-icon-list small{display:block}.pn-v77-category-icon-list small{font-size:8px;color:var(--muted);margin-top:3px}.pn-v77-cat-preview{width:44px;height:44px;border-radius:12px;background:var(--purple-soft);color:var(--pn);display:grid;place-items:center;overflow:hidden}.pn-v77-cat-preview img{width:100%;height:100%;object-fit:contain;padding:5px}
@media(max-width:390px){.pn-u76-main{padding-top:62px}.pn-u76-banner{flex-basis:94%}.pn-u76-product-icon,.pn-u76-service>span{width:54px;height:54px}}

/* ===== PAYNUSA V7.8 HOME FINAL FIX ===== */
.pn-u76-main{padding-top:18px!important}
.pn-u76-banner-strip{margin-top:0;padding-top:0;padding-bottom:14px}
.pn-u76-banner{flex:0 0 calc(100% - 28px);aspect-ratio:16/6;min-height:0;border-radius:14px}
.pn-u76-banner-strip+.pn-u76-section{margin-top:0}
.pn-u76-section:first-of-type{margin-top:0}
.pn-u76-service>span,.pn-u76-product-icon{box-shadow:0 7px 18px rgba(var(--pn-rgb),.08)}
.pn-u76-service>span i{font-size:23px}
.pn-u76-service[class*="pn-cat-pulsa"]>span{background:linear-gradient(145deg,#e8fff4,#d7f7ea);color:#0a9b73;border-color:#bdebdc}
.pn-u76-service[class*="pn-cat-paket-data"]>span,.pn-u76-service[class*="pn-cat-data"]>span{background:linear-gradient(145deg,#eef8ff,#dcefff);color:#2987cb;border-color:#c5e2f6}
.pn-u76-service[class*="pn-cat-e-wallet"]>span,.pn-u76-service[class*="pn-cat-e-money"]>span{background:linear-gradient(145deg,#fff7df,#ffedbd);color:#d58b04;border-color:#f5d98f}
.pn-u76-service[class*="pn-cat-pln"]>span,.pn-u76-service[class*="pn-cat-token-pln"]>span{background:linear-gradient(145deg,#fff7cf,#ffea7a);color:#d28d00;border-color:#f5d35e}
.pn-u76-service[class*="pn-cat-pdam"]>span{background:linear-gradient(145deg,#e8fbff,#d7f5ff);color:#0799bd;border-color:#bce8f3}
.pn-u76-service[class*="pn-cat-bpjs"]>span{background:linear-gradient(145deg,#f1fff0,#dff8dd);color:#2f9b50;border-color:#caeacb}
.pn-u76-service[class*="pn-cat-internet"]>span,.pn-u76-service[class*="pn-cat-tv"]>span{background:linear-gradient(145deg,#f3efff,#e6dcff);color:#7250cc;border-color:#d7c8fa}
.pn-u76-service[class*="pn-cat-game"]>span,.pn-u76-service[class*="pn-cat-voucher"]>span{background:linear-gradient(145deg,#fff0f6,#ffe0ec);color:#d55386;border-color:#f5c8da}
@media(max-width:430px){
 .pn-u76-main{padding-top:14px!important}
 .pn-u76-banner-strip{padding-left:12px;padding-right:12px}
 .pn-u76-banner{flex-basis:100%}
 .pn-u76-section{padding:16px 14px}
 .pn-u76-product-grid,.pn-u76-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 5px}
 .pn-u76-product-icon,.pn-u76-service>span{width:56px;height:56px}
}


/* ===== PAYNUSA V7.8.1 MEMBER SHORTCUT ===== */
.pn-u781-member-card{padding-left:14px;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 12px;gap:9px;align-items:center;color:var(--text);text-decoration:none}
.pn-u781-member-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pn),var(--pn2));color:var(--pn-on);box-shadow:0 7px 18px rgba(var(--pn-rgb),.18)}
.pn-u781-member-info{display:block;min-width:0}.pn-u781-member-info small,.pn-u781-member-info strong,.pn-u781-member-info em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-u781-member-info small{font-size:7px;letter-spacing:.09em;color:var(--muted);font-weight:800}.pn-u781-member-info strong{font-size:12px;color:var(--pn);margin-top:2px}.pn-u781-member-info em{font-size:8px;color:var(--muted);font-style:normal;margin-top:2px}
.pn-u781-member-arrow{font-size:10px;color:var(--pn)}
.pn-u781-member-card:active{transform:scale(.98)}
@media(max-width:360px){.pn-u781-member-card{grid-template-columns:34px minmax(0,1fr) 10px;gap:6px;padding-left:9px}.pn-u781-member-avatar{width:34px;height:34px}.pn-u781-member-info strong{font-size:10px}.pn-u781-member-info em{font-size:7px}}


/* ===== PAYNUSA V7.8.2 MENU ICON ALIGNMENT ===== */
.pn-u76-wallet-balance{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:visible}
.pn-u76-wallet-balance>div:first-child{height:100%;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #d9d9de}
.pn-u781-member-card{height:100%;padding:0 2px 0 14px;grid-template-columns:42px minmax(0,1fr) 12px;align-items:center;overflow:hidden}
.pn-u781-member-avatar{width:42px;height:42px;border-radius:14px;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden;flex:0 0 42px}
.pn-u781-member-avatar i{position:static!important;inset:auto!important;display:block!important;margin:0!important;padding:0!important;line-height:1!important;font-size:16px!important;transform:none!important;color:var(--pn-on)!important}
.pn-u781-member-info{align-self:center}.pn-u781-member-arrow{align-self:center;justify-self:end}
.pn-u782-menu-section{padding:18px 14px 20px}.pn-u782-menu-head{margin-bottom:18px}
.pn-u782-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:8px;row-gap:22px;align-items:start}
.pn-u782-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-width:0}
.pn-u782-menu-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;background:#eef9ef;flex:0 0 64px}
.pn-u782-menu-icon img{display:block;width:100%;height:100%;object-fit:contain;padding:0!important;margin:0!important}
.pn-u782-menu-icon i{font-size:24px;color:var(--pn)}
.pn-u782-menu-item strong{display:block;width:100%;min-height:28px;margin-top:8px;font-size:10px;line-height:1.25;font-weight:650;color:#444;overflow:hidden;text-overflow:ellipsis}
@media(max-width:390px){
 .pn-u782-menu-grid{column-gap:4px;row-gap:19px}
 .pn-u782-menu-icon{width:58px;height:58px;flex-basis:58px;border-radius:18px}
 .pn-u782-menu-item strong{font-size:9px;min-height:24px}
 .pn-u781-member-card{grid-template-columns:38px minmax(0,1fr) 10px;gap:7px;padding-left:10px}
 .pn-u781-member-avatar{width:38px;height:38px;flex-basis:38px}
}

/* ===== PAYNUSA V7.8.3 MENU RECOVERY / CACHE FIX ===== */
.pn-u782-menu-section{min-height:0!important}
.pn-u782-menu-grid{min-height:0!important}
.pn-u783-menu-empty{grid-column:1/-1;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}
.pn-u783-menu-empty i{font-size:24px;color:var(--pn)}


/* ===== PAYNUSA V7.8.4 ADMIN PROVIDER / RECONCILIATION RECOVERY ===== */
.pn-v784-schema-warning{display:flex;gap:12px;align-items:flex-start;background:#fff8e7;border:1px solid #f1d58b;border-radius:14px;padding:13px 15px;margin-bottom:16px;color:#7a5b0b}.pn-v784-schema-warning>i{font-size:18px;margin-top:2px}.pn-v784-schema-warning>div{display:flex;flex-direction:column;gap:4px}.pn-v784-schema-warning strong{font-size:10px}.pn-v784-schema-warning span{font-size:8px;line-height:1.45}.pn-v784-schema-warning a{margin-top:4px;font-size:8px;font-weight:800;color:var(--pn);text-decoration:underline}.pn-v784-disabled-actions form button,.pn-v784-disabled-actions>button{opacity:.48;pointer-events:none}.pn-provider-online.warn{background:#fff5db!important;color:#9a6b00!important}.pn-v3-btn:disabled{opacity:.5;cursor:not-allowed}

/* PAYNUSA V7.8.5 Digiflazz credential panel */
.pn-v785-credential-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}.pn-v785-credential-form .pn-v3-field{margin:0}.pn-v785-credential-form input{width:100%}@media(max-width:780px){.pn-v785-credential-form{grid-template-columns:1fr}.pn-v785-credential-form .pn-v3-btn{width:100%;justify-content:center}}


/* ===== PAYNUSA V7.8.6 DIGIFLAZZ SECURITY RECOVERY ===== */
.pn-v786-vault{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;margin:0 0 13px;font-size:9px}
.pn-v786-vault i{font-size:17px}.pn-v786-vault span,.pn-v786-vault strong,.pn-v786-vault small{display:block}
.pn-v786-vault small{margin-top:2px;opacity:.8}.pn-v786-vault.ok{background:#ebfbf5;color:#168363;border:1px solid #c7eedf}
.pn-v786-vault.bad{background:#fff3e5;color:#99610c;border:1px solid #f0d29e}


/* ===== PAYNUSA V7.8.7 PULSA / SMS ORDER PAGE ===== */
.pn-v787-order-page{margin:-18px -18px -96px;min-height:100vh;background:#f7f7f8;padding-bottom:100px}
.pn-v787-order-header{height:174px;background:linear-gradient(180deg,var(--pn),var(--pn-dark));color:var(--pn-on);display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:start;padding:31px 22px 0;gap:10px}
.pn-v787-order-header h1{margin:8px 0 0;font-size:23px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-v787-back,.pn-v787-head-action{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:var(--pn-on);font-size:22px}
.pn-v787-number-card{position:relative;z-index:3;margin:-91px 17px 0;background:#fff;border-radius:17px;padding:22px 18px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.pn-v787-number-field{height:72px;border:2px solid var(--pn);border-radius:10px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;padding:10px 7px 7px 16px}
.pn-v787-number-field>span{position:absolute;left:15px;top:-10px;background:#fff;padding:0 5px;color:var(--pn);font-size:11px;font-weight:800;letter-spacing:.03em}
.pn-v787-number-field input{border:0!important;box-shadow:none!important;padding:0;background:transparent;font-size:18px;font-weight:650;letter-spacing:.02em;color:#47474c;min-width:0}
.pn-v787-number-field button{width:40px;height:46px;border:0;background:transparent;color:var(--pn);font-size:25px;display:grid;place-items:center}
.pn-v787-number-actions{height:48px;border:1px solid #e1e1e5;border-radius:999px;margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;background:#fafafa}
.pn-v787-number-actions button{border:0;border-right:1px solid #e5e5e9;background:transparent;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:650;color:#505055}.pn-v787-number-actions button:last-child{border-right:0}.pn-v787-number-actions i{font-size:16px}
.pn-v787-products{background:#f7f7f8;padding:24px 17px 30px}
.pn-v787-products-title{display:flex;justify-content:space-between;align-items:center;min-height:52px}.pn-v787-products-title h2{font-size:18px;margin:0;color:#3d3d42}.pn-v787-products-title>div{display:flex;gap:8px}.pn-v787-products-title button{width:38px;height:38px;border:0;background:transparent;color:#525258;font-size:20px;display:grid;place-items:center}
.pn-v787-search{display:none;height:45px;background:#fff;border:1px solid #dedee3;border-radius:12px;grid-template-columns:34px 1fr 36px;align-items:center;padding:0 5px;margin:6px 0 12px}.pn-v787-search.show{display:grid}.pn-v787-search>i{color:var(--pn);text-align:center}.pn-v787-search input{border:0!important;box-shadow:none!important;background:transparent;padding:0 5px}.pn-v787-search button{border:0;background:transparent;color:#777}
.pn-v787-brand-scroll{display:flex;gap:10px;overflow-x:auto;padding:8px 0 18px;scrollbar-width:none}.pn-v787-brand-scroll::-webkit-scrollbar{display:none}.pn-v787-brand-scroll a{flex:0 0 auto;border:1.5px solid var(--pn);border-radius:999px;padding:9px 17px;font-size:10px;font-weight:750;color:var(--pn);background:#fff}.pn-v787-brand-scroll a.active{background:var(--pn);color:var(--pn-on)}
.pn-v787-product-list{display:grid;gap:13px}.pn-v787-product-card{min-height:104px;background:#fff;border:1px solid #e7e7eb;border-radius:13px;padding:14px 17px;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;color:#34343a;box-shadow:0 2px 4px rgba(0,0,0,.08)}
.pn-v787-product-logo{width:68px;height:68px;display:grid;place-items:center;overflow:hidden}.pn-v787-product-logo img{max-width:100%;max-height:100%;object-fit:contain;opacity:.82}.pn-v787-product-logo>span{width:58px;height:58px;border-radius:18px;background:var(--purple-soft);color:var(--pn);display:grid;place-items:center;font-size:23px}
.pn-v787-product-copy{min-width:0}.pn-v787-product-copy strong,.pn-v787-product-copy small,.pn-v787-product-copy b{display:block}.pn-v787-product-copy strong{font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-v787-product-copy small{font-size:12px;color:#85858c;margin-top:3px}.pn-v787-product-copy b{font-size:14px;color:var(--pn);margin-top:10px;font-weight:760}
.pn-v787-product-list.no-logo .pn-v787-product-card{grid-template-columns:1fr}.pn-v787-product-list.no-logo .pn-v787-product-logo{display:none}
.pn-v787-product-card[hidden]{display:none!important}
@media(max-width:390px){
 .pn-v787-order-header{height:166px;padding-left:18px;padding-right:18px}.pn-v787-order-header h1{font-size:21px}
 .pn-v787-number-card{margin-left:14px;margin-right:14px;padding:20px 14px}
 .pn-v787-number-actions button{font-size:9px;gap:5px}
 .pn-v787-products{padding-left:14px;padding-right:14px}
 .pn-v787-product-card{grid-template-columns:66px minmax(0,1fr);padding:13px 14px}
 .pn-v787-product-logo{width:58px;height:58px}.pn-v787-product-copy strong{font-size:14px}
}


/* ===== PAYNUSA V7.8.8 OPERATOR LOGO + SMS/TELP FIX ===== */
.pn-v787-products{overflow:hidden}
.pn-v787-brand-scroll{margin-left:-2px;margin-right:-17px;padding-right:22px}
.pn-v787-brand-scroll a{min-width:max-content;line-height:1;display:flex;align-items:center;justify-content:center}
.pn-v787-product-card{grid-template-columns:86px minmax(0,1fr);min-height:112px;padding:13px 18px;gap:12px}
.pn-v787-product-logo{width:76px;height:76px;border-radius:20px;background:#f5f7f7;padding:9px}
.pn-v787-product-logo img{width:100%;height:100%;object-fit:contain;opacity:1}
.pn-v788-logo-fallback{width:100%!important;height:100%!important;border-radius:16px!important;background:linear-gradient(145deg,var(--purple-soft),var(--pn-soft2))!important;color:var(--pn)!important;font-size:18px!important;font-weight:900!important;letter-spacing:.03em;display:grid;place-items:center}
.pn-v787-product-copy strong{font-size:16px;font-weight:750;color:#2f3035}.pn-v787-product-copy small{font-size:11px;text-transform:none;color:#85868d}.pn-v787-product-copy b{font-size:15px}
.pn-v788-page-warning{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:11px;background:#fff5df;border:1px solid #efd598;color:#8e6512;font-size:9px;line-height:1.45}.pn-v788-page-warning i{margin-top:1px}
@media(max-width:390px){.pn-v787-product-card{grid-template-columns:72px minmax(0,1fr);padding:12px 13px}.pn-v787-product-logo{width:64px;height:64px;border-radius:18px;padding:8px}.pn-v787-product-copy strong{font-size:14px}}


/* ===== PAYNUSA V7.9.0 E-WALLET ORDER FLOW ===== */
.pn-v790-wallet-page{margin:-18px -18px -96px;min-height:100vh;background:#fff;padding-bottom:92px}
.pn-v790-wallet-header{height:96px;background:linear-gradient(180deg,var(--pn),var(--pn-dark));color:var(--pn-on);display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;padding:0 22px;gap:8px}
.pn-v790-wallet-header a{width:42px;height:42px;display:grid;place-items:center;color:var(--pn-on);font-size:21px}.pn-v790-wallet-header h1{margin:0;font-size:23px}
.pn-v790-wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 10px;padding:22px 18px 38px}
.pn-v790-wallet-item{display:flex;flex-direction:column;align-items:center;text-align:center;color:#444;min-width:0}
.pn-v790-wallet-item>span{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:#fff}
.pn-v790-wallet-item img{width:100%;height:100%;object-fit:contain}.pn-v790-wallet-item strong{font-size:10px;line-height:1.25;margin-top:8px;font-weight:650;max-width:76px}
.pn-v790-wallet-empty{grid-column:1/-1;margin-top:55px}.pn-v790-wallet-warning{margin:15px 18px 0}
.pn-v790-wallet-order{margin:-18px -18px -96px;min-height:100vh;background:#f7f7f8;padding-bottom:100px}
.pn-v790-wallet-order-header h1{font-size:22px}
.pn-v790-number-card{margin-top:-91px}
.pn-v790-number-field{height:68px;border:1.5px solid #aaa;border-radius:9px;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;padding:0 8px 0 16px}
.pn-v790-number-field input{border:0!important;box-shadow:none!important;background:transparent;font-size:16px;font-weight:650;padding:0;min-width:0}.pn-v790-number-field button{border:0;background:transparent;color:var(--pn);font-size:25px;width:44px;height:50px}
.pn-v790-wallet-products{padding-top:25px}
.pn-v790-wallet-product-card{grid-template-columns:86px minmax(0,1fr)}
.pn-v790-wallet-product-logo{width:76px;height:76px;display:grid;place-items:center}.pn-v790-wallet-product-logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:390px){
 .pn-v790-wallet-grid{gap:24px 6px;padding-left:12px;padding-right:12px}.pn-v790-wallet-item>span{width:60px;height:60px}.pn-v790-wallet-item strong{font-size:9px}
 .pn-v790-wallet-order-header h1{font-size:19px}.pn-v790-wallet-product-card{grid-template-columns:72px minmax(0,1fr)}.pn-v790-wallet-product-logo{width:64px;height:64px}
}


/* ===== PAYNUSA V7.9.1 DIGITAL FLOW ===== */
.pn-v791-digital-page{margin:-18px -18px -96px;min-height:100vh;background:#fff;padding-bottom:92px}
.pn-v791-digital-title{height:52px;background:linear-gradient(180deg,var(--pn),var(--pn-dark));display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid #f4c400}.pn-v791-digital-title span{color:#f4c400;font-size:13px;font-weight:800;padding-bottom:13px}
.pn-v791-digital-menu{padding:0 17px}.pn-v791-digital-menu>a{min-height:70px;display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:10px;border-bottom:1px solid #e5e5e5;color:#202124}.pn-v791-menu-icon{width:42px;height:42px}.pn-v791-menu-icon img{width:100%;height:100%;object-fit:contain}.pn-v791-digital-menu strong{font-size:15px;font-weight:680}.pn-v791-digital-menu>a>i{color:#555;font-size:14px}
.pn-v791-game-search{height:58px;margin:18px 17px;border:1px solid #ddd;border-radius:999px;display:grid;grid-template-columns:44px 1fr;align-items:center;padding:0 14px;background:#fff}.pn-v791-game-search i{font-size:18px;color:#777}.pn-v791-game-search input{border:0!important;box-shadow:none!important;background:transparent;font-size:13px}
.pn-v791-game-list{padding:0 17px}.pn-v791-game-list>a{min-height:64px;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid #e5e5e5;color:#222}.pn-v791-game-list>a>span{width:42px;height:42px;border-radius:12px;overflow:hidden}.pn-v791-game-list img{width:100%;height:100%;object-fit:contain}.pn-v791-game-list strong{font-size:15px;font-weight:680}
.pn-v791-game-product-icon{width:76px;height:76px;border-radius:18px;background:linear-gradient(145deg,#eefafa,#d7f1ef);color:var(--pn);display:grid;place-items:center;font-size:28px}
@media(max-width:390px){.pn-v791-digital-menu strong,.pn-v791-game-list strong{font-size:14px}.pn-v791-game-product-icon{width:64px;height:64px}}


/* ===== PAYNUSA V7.9.2 E-WALLET + DATA FLOW + COMPACT ORDER UI ===== */
.pn-v792-compact-header{height:82px!important;padding:0 18px!important}.pn-v792-compact-header h1{font-size:20px!important}
.pn-v792-wallet-page{background:linear-gradient(180deg,var(--pn) 0 175px,#fff 175px)}
.pn-v792-wallet-favorites{margin:16px 16px 22px;background:#fff;border-radius:20px;padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.13)}.pn-v792-wallet-favorites h2{font-size:16px;margin:0 0 16px}
.pn-v792-favorite-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pn-v792-favorite-card{height:82px;border:1.5px solid var(--pn);border-radius:17px;padding:12px;display:flex;align-items:flex-end;justify-content:space-between;color:var(--pn);background:#f8fefe}.pn-v792-favorite-card>span{width:48px;height:48px;border-radius:14px;background:#fff;box-shadow:0 7px 13px rgba(0,0,0,.1);display:grid;place-items:center;padding:6px}.pn-v792-favorite-card img{max-width:100%;max-height:100%;object-fit:contain}.pn-v792-favorite-card strong{font-size:11px}.pn-fav-ovo{border-color:#5a2786;color:#5a2786;background:#fbf8ff}.pn-fav-shopeepay{border-color:#ed5937;color:#ed5937;background:#fff9f6}.pn-fav-dana{border-color:#178fd1;color:#178fd1;background:#f5fbff}
.pn-v792-wallet-all{padding:0 2px}.pn-v792-section-title{display:flex;align-items:center;gap:12px;padding:0 17px}.pn-v792-section-title h2{font-size:16px;white-space:nowrap}.pn-v792-section-title span{height:1px;flex:1;background:repeating-linear-gradient(90deg,#d8d8dc 0 5px,transparent 5px 9px)}.pn-v792-wallet-all .pn-v790-wallet-grid{padding-top:12px}
.pn-v792-operator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 8px;padding:22px 15px}.pn-v792-operator-grid a{text-align:center;color:#333}.pn-v792-operator-grid span{width:62px;height:62px;margin:auto;border:1px solid #e4e4e8;border-radius:18px;display:grid;place-items:center;padding:8px;background:#fff}.pn-v792-operator-grid img{max-width:100%;max-height:100%;object-fit:contain}.pn-v792-operator-grid b{width:100%;height:100%;display:grid;place-items:center;background:var(--purple-soft);color:var(--pn);border-radius:13px}.pn-v792-operator-grid strong{display:block;font-size:9px;margin-top:7px}
.pn-v792-data-menu{padding:12px 17px}.pn-v792-data-menu>a{min-height:68px;display:grid;grid-template-columns:50px 1fr 20px;align-items:center;gap:10px;border-bottom:1px solid #e7e7ea;color:#222}.pn-v792-data-menu>a>span{width:42px;height:42px;display:grid;place-items:center;padding:5px}.pn-v792-data-menu img{max-width:100%;max-height:100%;object-fit:contain}.pn-v792-data-menu b{display:grid;place-items:center;width:100%;height:100%;background:var(--purple-soft);color:var(--pn);border-radius:12px;font-size:10px}.pn-v792-data-menu strong{font-size:14px}.pn-v792-data-menu>a>i{color:#555}
.pn-v792-order-header{height:138px!important;padding-top:22px!important}.pn-v792-order-header h1{font-size:20px!important;margin-top:7px!important}.pn-v792-target-card{margin-top:-64px!important;padding:18px 16px!important}.pn-v792-target-field{height:62px;border:1.5px solid #aaa;border-radius:9px;display:grid;grid-template-columns:1fr 44px;align-items:center;padding:0 8px 0 15px}.pn-v792-target-field input{border:0!important;box-shadow:none!important;font-size:15px;font-weight:650;background:transparent}.pn-v792-target-field button{border:0;background:transparent;color:var(--pn);font-size:22px}
.pn-v787-search{border:1px solid #cfcfd5!important;background:#fff!important;border-radius:12px!important;height:47px!important}.pn-v787-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}.pn-v787-search i{font-size:16px}.pn-v792-periods{display:flex;gap:9px;overflow:auto;padding:7px 0 17px;scrollbar-width:none}.pn-v792-periods a{flex:0 0 auto;border:1.5px solid var(--pn);border-radius:999px;padding:8px 16px;color:var(--pn);font-size:10px;font-weight:700}.pn-v792-periods a.active{background:var(--pn);color:var(--pn-on)}
.pn-v787-order-header{height:145px!important;padding-top:22px!important}.pn-v787-number-card{margin-top:-67px!important}.pn-v787-number-field{height:64px!important}.pn-v787-products{padding-top:20px!important}
@media(max-width:390px){.pn-v792-favorite-card{height:76px}.pn-v792-operator-grid span{width:56px;height:56px}.pn-v792-data-menu strong{font-size:13px}.pn-v787-order-header{height:138px!important}.pn-v787-number-card{margin-top:-63px!important}}


/* ===== PAYNUSA V7.9.4 PLN + CLEAN HEADER + OPERATOR DETECTION ===== */
.pn-v794-simple-header{height:72px;background:var(--pn);display:grid;grid-template-columns:38px 1fr 38px;align-items:center;padding:0 16px;color:var(--pn-on);border:0!important;box-shadow:none!important}
.pn-v794-simple-header:before,.pn-v794-simple-header:after{display:none!important}.pn-v794-simple-header a,.pn-v794-simple-header button{width:36px;height:36px;border:0;background:transparent;color:var(--pn-on);display:grid;place-items:center;font-size:18px}.pn-v794-simple-header h1{margin:0;font-size:18px;line-height:1.1}
.pn-v791-digital-title{height:42px!important;border-bottom:1px solid #e0b700!important;background:var(--pn)!important}.pn-v791-digital-title span{font-size:11px!important;padding-bottom:10px!important}.pn-v791-menu-icon{width:36px!important;height:36px!important}.pn-v791-digital-menu>a{min-height:62px!important}
.pn-v792-wallet-page{background:linear-gradient(180deg,var(--pn) 0 130px,#fff 130px)!important}.pn-v792-wallet-favorites{margin-top:12px!important}
.pn-v790-wallet-item>span{width:54px!important;height:54px!important}.pn-v790-wallet-item strong{font-size:9px!important}
.pn-v794-service-page{margin:-18px -18px -96px;min-height:100vh;background:#fff;padding-bottom:96px}.pn-v794-inline-target{padding:18px 16px 12px;background:#fff}.pn-v794-inline-target label{height:58px;border:1.5px solid var(--pn);border-radius:12px;display:grid;grid-template-columns:1fr 40px;align-items:center;padding:0 12px}.pn-v794-inline-target input{border:0!important;box-shadow:none!important;background:transparent;font-size:16px;font-weight:650}.pn-v794-inline-target i{color:var(--pn);font-size:20px}.pn-v794-inline-target small{display:block;margin-top:7px;color:#777;font-size:9px}
.pn-v794-service-list{padding:0 16px}.pn-v794-service-list>a{min-height:68px;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:10px;border-bottom:1px solid #e7e7ea;color:#222}.pn-v794-service-list>a>span{width:42px;height:42px;display:grid;place-items:center;padding:5px}.pn-v794-service-list img{max-width:100%;max-height:100%;object-fit:contain}.pn-v794-service-list b{width:100%;height:100%;display:grid;place-items:center;background:var(--purple-soft);color:var(--pn);border-radius:12px;font-size:10px}.pn-v794-service-list strong{display:block;font-size:14px}.pn-v794-service-list small{display:block;font-size:9px;color:#888;margin-top:2px}.pn-v794-service-list>a>i{font-size:12px;color:#777}
.pn-v794-detected{background:var(--pn)!important;color:var(--pn-on)!important}
.pn-v794-order-page{margin:-18px -18px -96px;min-height:100vh;background:#f7f7f8;padding-bottom:96px}.pn-v794-header{height:78px;background:var(--pn);display:grid;grid-template-columns:38px 1fr 38px;align-items:center;padding:0 16px;color:var(--pn-on)}.pn-v794-header a,.pn-v794-header button{width:36px;height:36px;border:0;background:transparent;color:var(--pn-on);display:grid;place-items:center;font-size:18px}.pn-v794-header h1{margin:0;font-size:18px}.pn-v794-target-card{background:#fff;padding:16px;margin:12px 16px;border-radius:16px;box-shadow:0 2px 7px rgba(0,0,0,.08)}.pn-v794-target-box{height:60px;border:1.5px solid #aaa;border-radius:10px;display:grid;grid-template-columns:1fr 42px;align-items:center;padding:0 8px 0 15px}.pn-v794-target-box input{border:0!important;box-shadow:none!important;background:transparent;font-size:15px;font-weight:650}.pn-v794-target-box button{border:0;background:transparent;color:var(--pn);font-size:20px}
.pn-v794-tabs{display:flex;justify-content:center;gap:10px;padding:0 16px 14px}.pn-v794-tabs a{min-width:110px;padding:9px 16px;border:1.5px solid var(--pn);border-radius:10px;color:var(--pn);font-size:10px;font-weight:750;text-align:center}.pn-v794-tabs a.active{background:var(--pn);color:var(--pn-on)}
.pn-v794-pln-products{padding:0 16px;display:grid;gap:12px}.pn-v794-pln-card{grid-template-columns:72px 1fr!important}.pn-v794-pln-logo{width:62px;height:62px;display:grid;place-items:center}.pn-v794-pln-logo img{max-width:100%;max-height:100%;object-fit:contain}.pn-v794-pln-logo span{width:54px;height:54px;border-radius:16px;background:#dff3f0;color:var(--pn);display:grid;place-items:center;font-size:24px}


/* ===== PAYNUSA V7.9.5 ORDER BOTTOM SHEET + ALERT SYSTEM ===== */
.pn-v795-checkout{position:fixed;inset:0;z-index:1600;background:rgba(10,24,24,.50);display:flex;align-items:flex-end;justify-content:center}
.pn-v795-checkout-backdrop{position:absolute;inset:0}
.pn-v795-sheet{position:relative;width:min(100%,560px);max-height:91vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -12px 38px rgba(0,0,0,.20);padding-bottom:max(16px,env(safe-area-inset-bottom));animation:pnV795Sheet .24s ease-out}
@keyframes pnV795Sheet{from{transform:translateY(18%);opacity:.65}to{transform:translateY(0);opacity:1}}
.pn-v795-sheet-head{height:64px;background:var(--pn);color:var(--pn-on);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.pn-v795-sheet-head>div{display:flex;align-items:center;gap:12px}.pn-v795-sheet-head i{font-size:18px}.pn-v795-sheet-head strong{font-size:15px}.pn-v795-sheet-head button{width:38px;height:38px;border:0;background:transparent;color:inherit;font-size:17px}
.pn-v795-detail-rows{padding:8px 17px 0}.pn-v795-detail-rows>div{min-height:55px;display:grid;grid-template-columns:42% 1fr;align-items:center;border-bottom:1px dashed #e5e5e8;gap:12px}.pn-v795-detail-rows span{font-size:12px;color:#777}.pn-v795-detail-rows strong{text-align:right;font-size:13px;color:#333}
.pn-v795-note{padding:13px 17px;margin-top:7px;background:#f7f7f8;color:#555;font-size:11px;line-height:1.5}
.pn-v795-payment{padding:17px}.pn-v795-payment h3{margin:0 0 13px;font-size:15px}.pn-v795-wallet-method{height:72px;border:1px solid #e2e2e5;border-radius:14px;padding:0 14px;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:10px}.pn-v795-wallet-icon{width:42px;height:42px;border-radius:12px;background:#e8f8f7;color:var(--pn);display:grid;place-items:center;font-size:19px}.pn-v795-wallet-method strong,.pn-v795-wallet-method small{display:block}.pn-v795-wallet-method strong{font-size:14px}.pn-v795-wallet-method small{font-size:9px;color:#888;margin-top:3px}.pn-v795-wallet-method>i{color:#777}
.pn-v795-inline-alert{margin:0 17px 8px;min-height:48px;border-radius:999px;padding:8px 15px;display:flex;align-items:center;gap:11px;color:#fff}.pn-v795-inline-alert>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15)}.pn-v795-inline-alert strong{font-size:11px}.pn-v795-inline-alert.error{background:#fa413b}.pn-v795-inline-alert.success{background:#20ae78}
.pn-v795-buy-form{padding:0 17px}.pn-v795-pin{margin:12px 0}.pn-v795-buybar{display:grid;grid-template-columns:1fr minmax(150px,42%);align-items:center;gap:13px;padding-top:12px}.pn-v795-buybar small,.pn-v795-buybar strong{display:block}.pn-v795-buybar small{font-size:9px;color:#888}.pn-v795-buybar strong{font-size:17px;color:var(--pn);margin-top:3px}.pn-v795-buybar button{height:48px;border:0;border-radius:8px;background:var(--pn);color:var(--pn-on);font-size:12px;font-weight:850;letter-spacing:.04em}.pn-v795-buybar button:disabled{background:#b7b7bb;color:#fff;cursor:not-allowed}
.pn-v795-toast{position:fixed;left:50%;bottom:82px;z-index:5000;transform:translate(-50%,22px);opacity:0;min-width:min(86vw,340px);max-width:90vw;min-height:49px;border-radius:999px;padding:9px 16px 9px 10px;display:flex;align-items:center;gap:10px;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:.24s ease}.pn-v795-toast.show{transform:translate(-50%,0);opacity:1}.pn-v795-toast>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:14px}.pn-v795-toast strong{font-size:11px;line-height:1.35;font-weight:750}.pn-v795-toast.success{background:#20ae78}.pn-v795-toast.error{background:#fa413b}.pn-v795-toast.info{background:#248bd8}.pn-v795-toast.warning{background:#f2a51a}.pn-v795-toast.pending{background:#7a63d2}
@media(max-width:390px){.pn-v795-sheet-head{height:58px}.pn-v795-detail-rows>div{min-height:51px}.pn-v795-payment{padding-top:14px}.pn-v795-wallet-method{height:66px}.pn-v795-buybar{grid-template-columns:1fr 46%}.pn-v795-toast{bottom:74px}}


/* ===== PAYNUSA V7.9.6 DIRECT ORDER + TRANSACTION FLOW FIX ===== */
.swal2-container{z-index:7000!important}
.pn-v795-buybar button{display:flex;align-items:center;justify-content:center;gap:9px}
.pn-v795-buybar button.loading{opacity:.78;cursor:wait}
.pn-v795-inline-alert.success{display:none!important}
.pn-v796-status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;margin:0 auto 12px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.04em}
.pn-v796-status-pill.success{background:#20ae78}.pn-v796-status-pill.error{background:#fa413b}.pn-v796-status-pill.pending{background:#7a63d2}


/* ===== PAYNUSA V7.9.7 COMPACT HEADER + PROFESSIONAL INVOICE ===== */
/* One compact navigation header for every service hierarchy. */
.pn-v797-nav-header{
  height:64px!important;min-height:64px!important;background:var(--pn)!important;
  color:var(--pn-on)!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;gap:8px!important;padding:0 14px!important;margin:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
.pn-v797-nav-header:before,.pn-v797-nav-header:after{display:none!important}
.pn-v797-nav-header h1{
  margin:0!important;padding:0!important;font-size:17px!important;line-height:1.15!important;
  font-weight:760!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  color:inherit!important;
}
.pn-v797-nav-header>a,.pn-v797-nav-header>button{
  width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;margin:0!important;
  display:grid!important;place-items:center!important;border:0!important;background:transparent!important;
  color:inherit!important;border-radius:9px!important;font-size:16px!important;box-shadow:none!important;
}
.pn-v797-nav-header i{font-size:16px!important;line-height:1!important}

/* Phone/SMS product pages: remove the oversized colored block completely. */
.pn-v787-order-page{padding-top:0!important}
.pn-v787-order-page>.pn-v797-nav-header{position:relative!important;z-index:5!important}
.pn-v787-order-page>.pn-v787-number-card{
  margin:10px 14px 0!important;padding:14px!important;border-radius:15px!important;
  box-shadow:0 2px 8px rgba(17,31,31,.08)!important;
}
.pn-v787-number-field{height:58px!important}
.pn-v787-number-field>span{font-size:10px!important}
.pn-v787-number-field input{font-size:15px!important}
.pn-v787-number-field button{font-size:20px!important;height:40px!important}
.pn-v787-number-actions{height:42px!important;margin-top:12px!important}
.pn-v787-number-actions i{font-size:14px!important}.pn-v787-number-actions button{font-size:10px!important}
.pn-v787-products{padding-top:14px!important}

/* Data hierarchy: old header rules must not create the tall gradient area. */
.pn-v791-digital-page>.pn-v797-nav-header{position:relative!important;z-index:3!important}
.pn-v792-data-menu{padding-top:4px!important}
.pn-v792-data-menu>a{min-height:60px!important}
.pn-v792-data-menu>a>span{width:36px!important;height:36px!important}
.pn-v792-data-menu strong{font-size:13px!important}

/* Digital recommendation and e-wallet start immediately under compact nav. */
.pn-v791-digital-title{height:36px!important;margin:0!important}
.pn-v791-digital-title span{padding-bottom:8px!important;font-size:10px!important}
.pn-v792-wallet-page{background:linear-gradient(180deg,var(--pn) 0 102px,#fff 102px)!important}
.pn-v792-wallet-favorites{margin-top:10px!important}

/* Professional transaction invoice/status */
.pn-v797-invoice-page{
  margin:-18px -18px -96px;min-height:100vh;background:#f6f7f9;padding-bottom:100px;color:#202229;
}
.pn-v797-invoice-nav{
  height:64px;background:#fff;border-bottom:1px solid #eceef1;display:grid;
  grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;padding:0 16px;
}
.pn-v797-invoice-nav a{width:32px;height:32px;display:grid;place-items:center;color:#272a31;font-size:15px}
.pn-v797-invoice-nav h1{margin:0;text-align:center;font-size:15px;font-weight:800}
.pn-v797-status-hero{
  margin:14px 14px 0;border-radius:18px;padding:18px;display:grid;grid-template-columns:50px 1fr;
  gap:13px;align-items:center;border:1px solid;
}
.pn-v797-status-hero.success{background:#effaf6;border-color:#c9eadc;color:#177a59}
.pn-v797-status-hero.error{background:#fff1f0;border-color:#ffd0cd;color:#ba3530}
.pn-v797-status-hero.pending{background:#fff8e7;border-color:#f2ddaa;color:#9a690b}
.pn-v797-status-mark{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.78);display:grid;place-items:center;font-size:25px}
.pn-v797-status-hero h2{margin:4px 0 3px;font-size:17px;color:#202229}
.pn-v797-status-hero p{margin:0;font-size:10px;line-height:1.45;color:#676b74}
.pn-v797-status-label{font-size:9px;font-weight:900;letter-spacing:.09em}
.pn-v797-invoice-card{margin:12px 14px 0;background:#fff;border:1px solid #e7e9ed;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px rgba(26,31,36,.04)}
.pn-v797-product-line{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:15px;border-bottom:1px solid #edf0f2}
.pn-v797-product-symbol{width:42px;height:42px;border-radius:12px;background:var(--pn-soft2);color:var(--pn);display:grid;place-items:center;font-size:17px}
.pn-v797-product-line small,.pn-v797-product-line strong{display:block}.pn-v797-product-line small{font-size:9px;color:#898d96;margin-bottom:3px}.pn-v797-product-line strong{font-size:12px}.pn-v797-product-line>b{font-size:12px;color:#202229}
.pn-v797-receipt-lines{padding:6px 15px}.pn-v797-receipt-lines>div{min-height:45px;display:grid;grid-template-columns:38% 1fr;align-items:center;gap:10px;border-bottom:1px dashed #eceef1}.pn-v797-receipt-lines>div:last-child{border-bottom:0}.pn-v797-receipt-lines span{font-size:10px;color:#898d96}.pn-v797-receipt-lines strong{text-align:right;font-size:10.5px;overflow-wrap:anywhere}.pn-v797-receipt-lines .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.pn-v797-receipt-lines .state{justify-self:end;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px}.pn-v797-receipt-lines .state.success{background:#e8f8f2;color:#17815e}.pn-v797-receipt-lines .state.error{background:#ffeded;color:#c43d37}.pn-v797-receipt-lines .state.pending{background:#fff3d7;color:#a06d0f}
.pn-v797-sn-row strong{font-size:12px!important;color:var(--pn)!important;font-weight:850!important}
.pn-v797-total-row{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;background:#fafbfc;border-top:1px solid #eceef1}.pn-v797-total-row span{font-size:11px;font-weight:700}.pn-v797-total-row strong{font-size:17px;color:var(--pn)}
.pn-v797-info-box{margin:11px 14px 0;padding:11px 12px;border-radius:12px;background:#eef6ff;color:#376b9a;display:flex;gap:8px;font-size:9.5px;line-height:1.45}.pn-v797-info-box.error{background:#fff1f0;color:#a84641}.pn-v797-info-box i{margin-top:2px}
.pn-v797-invoice-actions{margin:12px 14px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.pn-v797-invoice-actions>*{height:42px;border:1px solid #dfe3e7;border-radius:11px;background:#fff;color:#3d4149;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700}.pn-v797-invoice-actions>*:first-child:nth-last-child(3){grid-column:1/-1}.pn-v797-home-btn{height:46px;margin:10px 14px 0;border-radius:12px;background:var(--pn);color:var(--pn-on);display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;box-shadow:0 8px 19px color-mix(in srgb,var(--pn) 20%,transparent)}
.pn-v797-receipt-page{max-width:560px;margin:auto}
@media(max-width:390px){
  .pn-v797-nav-header{height:60px!important;min-height:60px!important}
  .pn-v797-nav-header h1{font-size:16px!important}.pn-v797-nav-header i{font-size:15px!important}
  .pn-v787-order-page>.pn-v787-number-card{margin-top:8px!important}
  .pn-v797-status-hero{padding:15px}.pn-v797-status-hero h2{font-size:16px}
}


/* ===== PAYNUSA V7.9.8 REMAINING HEADER UNIFY ===== */
/*
 * V7.9.7 fixed the generic/parent pages, but these child pages still used
 * legacy pn-v787/pn-v790 order headers with 138–166px height and negative
 * number-card margins. This block intentionally comes last.
 */
.pn-v798-compact-order{
  padding-top:0!important;
  background:#f7f7f8!important;
}
.pn-v798-compact-order>.pn-v797-nav-header{
  height:60px!important;
  min-height:60px!important;
  position:relative!important;
  z-index:5!important;
}
.pn-v798-compact-order>.pn-v797-nav-header h1{
  font-size:16px!important;
  font-weight:760!important;
}
.pn-v798-compact-order>.pn-v797-nav-header>a,
.pn-v798-compact-order>.pn-v797-nav-header>button{
  width:31px!important;
  height:31px!important;
  font-size:15px!important;
}
.pn-v798-compact-order>.pn-v797-nav-header i{
  font-size:15px!important;
}

/* Stop legacy overlap/huge teal header behavior on Data, Digital and e-Wallet. */
.pn-v798-compact-order>.pn-v787-number-card,
.pn-v798-compact-order>.pn-v790-number-card,
.pn-v798-compact-order>.pn-v792-target-card{
  margin:10px 14px 0!important;
  padding:14px!important;
  border-radius:15px!important;
  position:relative!important;
  top:auto!important;
  transform:none!important;
}
.pn-v798-compact-order .pn-v790-number-field,
.pn-v798-compact-order .pn-v792-target-field{
  height:58px!important;
}
.pn-v798-compact-order .pn-v790-number-field input,
.pn-v798-compact-order .pn-v792-target-field input{
  font-size:14px!important;
}
.pn-v798-compact-order .pn-v790-number-field button,
.pn-v798-compact-order .pn-v792-target-field button{
  font-size:19px!important;
  width:38px!important;
  height:38px!important;
}
.pn-v798-compact-order .pn-v787-number-actions{
  height:42px!important;
  margin-top:11px!important;
}
.pn-v798-compact-order .pn-v787-number-actions button{
  font-size:9.5px!important;
}
.pn-v798-compact-order .pn-v787-number-actions i{
  font-size:14px!important;
}
.pn-v798-compact-order .pn-v787-products,
.pn-v798-compact-order .pn-v790-wallet-products{
  padding-top:14px!important;
}

/* Digital game picker was also still using pn-v790-wallet-header. */
.pn-v791-digital-page>.pn-v797-nav-header{
  height:60px!important;
  min-height:60px!important;
}
.pn-v791-digital-page>.pn-v797-nav-header h1{
  font-size:16px!important;
}
.pn-v791-digital-page>.pn-v797-nav-header>a,
.pn-v791-digital-page>.pn-v797-nav-header>button{
  width:31px!important;height:31px!important;
}
.pn-v791-digital-page>.pn-v797-nav-header i{
  font-size:15px!important;
}
.pn-v791-game-search{
  height:48px!important;
  margin:12px 14px!important;
  padding:0 12px!important;
}
.pn-v791-game-search i{font-size:15px!important}
.pn-v791-game-search input{font-size:12px!important}

/* Keep hierarchy list compact too. */
.pn-v792-data-menu{padding-top:2px!important}
.pn-v792-data-menu>a{min-height:56px!important}
.pn-v792-data-menu>a>span{width:34px!important;height:34px!important}
.pn-v792-data-menu strong{font-size:12.5px!important}

@media(max-width:390px){
  .pn-v798-compact-order>.pn-v797-nav-header,
  .pn-v791-digital-page>.pn-v797-nav-header{
    height:58px!important;min-height:58px!important;
  }
  .pn-v798-compact-order>.pn-v797-nav-header h1,
  .pn-v791-digital-page>.pn-v797-nav-header h1{
    font-size:15px!important;
  }
  .pn-v798-compact-order>.pn-v787-number-card,
  .pn-v798-compact-order>.pn-v790-number-card,
  .pn-v798-compact-order>.pn-v792-target-card{
    margin-top:8px!important;
  }
}


/* ===== PAYNUSA V7.9.9 GLOBAL PRODUCT DETAIL ===== */
.pn-v799-detail-page{
  margin:-18px -18px -96px;
  min-height:100vh;
  background:#f6f7f9;
  padding-bottom:96px;
}
.pn-v799-detail-header{
  height:60px;
  background:#fff;
  border-bottom:1px solid #eceef1;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 34px;
  align-items:center;
  gap:8px;
  padding:0 14px;
}
.pn-v799-detail-header>a,
.pn-v799-favorite{
  width:32px;height:32px;border:0;background:transparent;
  display:grid;place-items:center;color:#262930;font-size:15px;
}
.pn-v799-detail-header h1{
  margin:0;text-align:center;font-size:15px;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pn-v799-favorite.active{color:#ef4560}
.pn-v799-product-summary{
  margin:12px 14px 0;background:#fff;border:1px solid #e7eaed;
  border-radius:16px;padding:13px;
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;gap:10px;
}
.pn-v799-product-logo{
  width:46px;height:46px;border-radius:13px;background:var(--pn-soft2);
  display:grid;place-items:center;overflow:hidden;
}
.pn-v799-product-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.pn-v799-product-logo span{width:100%;height:100%;display:grid;place-items:center;color:var(--pn);font-size:18px}
.pn-v799-product-meta small,.pn-v799-product-meta strong,.pn-v799-product-meta span{display:block}
.pn-v799-product-meta small{font-size:8px;color:#92969d;margin-bottom:2px}
.pn-v799-product-meta strong{font-size:12.5px;line-height:1.25}
.pn-v799-product-meta span{font-size:9px;color:#777d85;margin-top:2px}
.pn-v799-product-summary>b{font-size:12px;color:var(--pn);white-space:nowrap}
.pn-v799-detail-form{padding:10px 14px 0}
.pn-v799-form-card{
  background:#fff;border:1px solid #e7eaed;border-radius:15px;
  padding:13px;margin-bottom:10px;
}
.pn-v799-form-card>label{display:block;font-size:10px;color:#757a82;margin-bottom:8px;font-weight:650}
.pn-v799-form-card>label small{font-size:8px;font-weight:500;color:#a0a3aa}
.pn-v799-input-box{
  height:54px;border:1.5px solid #cfd5d8;border-radius:12px;
  display:grid;grid-template-columns:32px minmax(0,1fr) 34px;
  align-items:center;padding:0 10px;background:#fbfcfc;
}
.pn-v799-input-box>i{color:var(--pn);font-size:15px}
.pn-v799-input-box input{
  width:100%;border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;font-size:13px;font-weight:650;color:#2b2f35;
}
.pn-v799-input-box input::placeholder{color:#a2a6ad;font-weight:500}
.pn-v799-input-box button{
  width:32px;height:32px;border:0;background:transparent;color:#7b7f87;font-size:16px;
}
.pn-v799-target-actions{
  height:38px;margin-top:9px;border:1px solid #eceef0;border-radius:999px;
  display:grid;grid-template-columns:1fr 1fr;overflow:hidden;
}
.pn-v799-target-actions button{
  border:0;background:#fff;color:#555a62;display:flex;align-items:center;
  justify-content:center;gap:6px;font-size:9px;font-weight:700;
}
.pn-v799-target-actions button+button{border-left:1px solid #eceef0}
.pn-v799-target-actions i{font-size:12px}
.pn-v799-selected-product{
  min-height:62px;border:1px solid color-mix(in srgb,var(--pn) 55%,#d7dadd);
  border-radius:13px;padding:10px;
  display:grid;grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;gap:9px;
}
.pn-v799-radio{
  width:24px;height:24px;border-radius:50%;background:var(--pn);
  color:var(--pn-on);display:grid;place-items:center;font-size:10px;
}
.pn-v799-selected-product strong,.pn-v799-selected-product small{display:block}
.pn-v799-selected-product strong{font-size:11px;line-height:1.25}
.pn-v799-selected-product small{
  font-size:8.5px;color:#8d9198;margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.pn-v799-selected-product>b{font-size:11px;white-space:nowrap}
.pn-v799-info{
  border-radius:13px;background:#eef6ff;color:#376b9a;
  padding:11px 12px;display:grid;grid-template-columns:18px 1fr;gap:8px;
  margin-bottom:11px;
}
.pn-v799-info>i{font-size:13px;margin-top:1px}
.pn-v799-info strong,.pn-v799-info span{display:block}
.pn-v799-info strong{font-size:9.5px;margin-bottom:2px}
.pn-v799-info span{font-size:8.5px;line-height:1.4}
.pn-v799-continue{
  width:100%;height:48px;border:0;border-radius:13px;background:var(--pn);
  color:var(--pn-on);display:flex;align-items:center;justify-content:center;
  gap:9px;font-size:11px;font-weight:850;box-shadow:0 8px 18px color-mix(in srgb,var(--pn) 18%,transparent);
}
.pn-v799-continue:disabled{opacity:.72}
@media(max-width:390px){
  .pn-v799-detail-header{height:58px}
  .pn-v799-detail-header h1{font-size:14px}
  .pn-v799-product-summary{margin-top:10px}
  .pn-v799-input-box{height:51px}
}


/* ===== PAYNUSA V7.9.10 ANDROID INPUT FOCUS / BLACK BOX FIX ===== */
.pn-v787-number-field input,
.pn-v790-number-field input,
.pn-v792-target-field input,
.pn-v794-inline-target input,
.pn-v794-target-box input,
.pn-v799-input-box input,
.pn-v787-search input,
.pn-v791-game-search input,
.pn-big-input input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  border:0!important;
  border-width:0!important;
  border-style:none!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-color:transparent!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-border-radius:0!important;
  border-radius:0!important;
  -webkit-tap-highlight-color:transparent!important;
}

.pn-v787-number-field input:focus,
.pn-v787-number-field input:focus-visible,
.pn-v790-number-field input:focus,
.pn-v790-number-field input:focus-visible,
.pn-v792-target-field input:focus,
.pn-v792-target-field input:focus-visible,
.pn-v794-inline-target input:focus,
.pn-v794-inline-target input:focus-visible,
.pn-v794-target-box input:focus,
.pn-v794-target-box input:focus-visible,
.pn-v799-input-box input:focus,
.pn-v799-input-box input:focus-visible,
.pn-v787-search input:focus,
.pn-v787-search input:focus-visible,
.pn-v791-game-search input:focus,
.pn-v791-game-search input:focus-visible,
.pn-big-input input:focus,
.pn-big-input input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

.pn-v787-number-field:focus-within,
.pn-v790-number-field:focus-within,
.pn-v792-target-field:focus-within,
.pn-v794-inline-target label:focus-within,
.pn-v794-target-box:focus-within,
.pn-v799-input-box:focus-within,
.pn-v787-search:focus-within,
.pn-v791-game-search:focus-within,
.pn-big-input:focus-within{
  border-color:var(--pn)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--pn) 11%,transparent)!important;
}

.pn-v787-number-field input:-webkit-autofill,
.pn-v790-number-field input:-webkit-autofill,
.pn-v792-target-field input:-webkit-autofill,
.pn-v794-inline-target input:-webkit-autofill,
.pn-v794-target-box input:-webkit-autofill,
.pn-v799-input-box input:-webkit-autofill,
.pn-big-input input:-webkit-autofill{
  -webkit-text-fill-color:#2b2f35!important;
  -webkit-box-shadow:0 0 0 1000px transparent inset!important;
  transition:background-color 9999s ease-out 0s!important;
}


/* ===== PAYNUSA V7.9.11 SUPPORT + SOCIAL ===== */
.pn-v7911-chat-page{position:fixed;inset:0;background:#f6f2ea;z-index:1200;display:grid;grid-template-rows:68px auto 1fr 70px}
.pn-v7911-chat-head{background:#fff;display:grid;grid-template-columns:34px 48px 1fr 36px;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #ece8e1}.pn-v7911-chat-head>a{width:32px;height:32px;display:grid;place-items:center;color:#222}.pn-v7911-cs-avatar{width:43px;height:43px;border-radius:50%;background:#e9f7f6;color:var(--pn);display:grid;place-items:center;font-size:18px;border:1px solid #cfeceb}.pn-v7911-chat-head strong,.pn-v7911-chat-head small{display:block}.pn-v7911-chat-head strong{font-size:13px}.pn-v7911-chat-head small{font-size:9px;color:#555;margin-top:2px}.pn-v7911-chat-head small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1aaa87;margin-right:5px}
.pn-v7911-retention{margin:10px 12px 0;padding:11px 12px;border-radius:13px;background:#ffe1d5;color:#4d3830;display:grid;grid-template-columns:31px 1fr 18px;gap:9px;align-items:center}.pn-v7911-retention>span{width:30px;height:30px;border-radius:10px;background:#ffae31;color:#fff;display:grid;place-items:center}.pn-v7911-retention p{margin:0;font-size:10px;line-height:1.45}.pn-v7911-retention>i{color:#a88f87}
.pn-v7911-chat-body{overflow:auto;padding:14px 14px 20px;background-color:#f7f3eb;background-image:radial-gradient(circle at 10px 10px,rgba(15,141,135,.035) 1px,transparent 1.5px);background-size:28px 28px}.pn-v7911-chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b8b88}.pn-v7911-chat-empty>i{font-size:30px;color:#c0c8c4;margin-bottom:8px}.pn-v7911-chat-empty strong{font-size:13px}.pn-v7911-chat-empty span{font-size:9px;margin-top:4px;max-width:240px}
.pn-v7911-bubble{max-width:78%;margin:7px 0;padding:9px 11px;border-radius:13px;box-shadow:0 2px 7px rgba(0,0,0,.05)}.pn-v7911-bubble p{margin:0;font-size:10px;line-height:1.45}.pn-v7911-bubble small{display:block;font-size:7.5px;margin-top:4px;opacity:.68;text-align:right}.pn-v7911-bubble.user{margin-left:auto;background:var(--pn);color:var(--pn-on);border-bottom-right-radius:4px}.pn-v7911-bubble.admin{margin-right:auto;background:#fff;color:#333;border-bottom-left-radius:4px}
.pn-v7911-chat-compose{background:#fff;padding:9px 12px;display:grid;grid-template-columns:35px 1fr 48px;align-items:center;gap:7px;border-top:1px solid #ece8e1}.pn-v7911-chat-compose>button:not(.send){border:0;background:transparent;font-size:18px;color:#777}.pn-v7911-chat-compose input{height:45px;border:1px solid #e4e4e4!important;border-radius:999px!important;padding:0 15px!important;background:#fff!important;outline:0!important;box-shadow:none!important;font-size:11px}.pn-v7911-chat-compose .send{width:47px;height:47px;border:0;border-radius:50%;background:#21bf72;color:#fff;font-size:18px;box-shadow:0 7px 16px rgba(33,191,114,.25)}.pn-v7911-chat-compose .send:disabled{background:#bfc5c2}
.pn-v7911-social-page{margin:-18px -18px -96px;min-height:100vh;background:#fff;padding-bottom:96px}.pn-v7911-social-hero{height:165px;background:linear-gradient(145deg,var(--pn),var(--pn2));color:#fff;border-radius:0 0 24px 24px;padding:14px 18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.pn-v7911-social-nav{position:absolute;left:12px;top:11px}.pn-v7911-social-nav a{width:34px;height:34px;color:#fff;display:grid;place-items:center}.pn-v7911-social-hero h1{font-size:18px;margin:16px 0 8px}.pn-v7911-social-hero p{font-size:11px;margin:0;opacity:.9}
.pn-v7911-social-list{padding:8px 0}.pn-v7911-social-row{min-height:82px;display:grid;grid-template-columns:62px 1fr 20px;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid #ececef;color:#222}.pn-v7911-social-row.disabled{opacity:.42}.pn-v7911-social-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:26px}.pn-v7911-social-row.live .pn-v7911-social-icon{background:#e8f8f6;color:var(--pn);border:1px solid #cceae7}.pn-v7911-social-row.wa .pn-v7911-social-icon{background:#21c063}.pn-v7911-social-row.telegram .pn-v7911-social-icon{background:#2ca5e0}.pn-v7911-social-row.instagram .pn-v7911-social-icon{background:linear-gradient(135deg,#7b2be2,#f00075,#ff9e29)}.pn-v7911-social-row.tiktok .pn-v7911-social-icon{background:#080808}.pn-v7911-social-row.facebook .pn-v7911-social-icon{background:#1769e0}.pn-v7911-social-row.youtube .pn-v7911-social-icon{background:#f00}.pn-v7911-social-row strong,.pn-v7911-social-row small{display:block}.pn-v7911-social-row strong{font-size:13px}.pn-v7911-social-row small{font-size:10px;color:#888;margin-top:3px}.pn-v7911-social-row>i{font-size:11px;color:#888}
.pn-v7911-admin-chat{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:600px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.pn-v7911-admin-chat>aside{border-right:1px solid #e5e7eb;overflow:auto}.pn-v7911-admin-chat>aside h3{padding:17px;margin:0}.pn-v7911-admin-chat>aside a{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;padding:12px 14px;border-top:1px solid #f0f1f3;color:#333}.pn-v7911-admin-chat>aside a.active{background:var(--purple-soft)}.pn-v7911-admin-chat>aside a>span{width:36px;height:36px;border-radius:11px;background:#eff5f5;color:var(--pn);display:grid;place-items:center}.pn-v7911-admin-chat>aside strong,.pn-v7911-admin-chat>aside small{display:block}.pn-v7911-admin-chat>aside small{font-size:11px;color:#8a8f98;margin-top:2px}.pn-v7911-admin-chat>aside b{min-width:22px;height:22px;border-radius:999px;background:#ef4455;color:#fff;display:grid;place-items:center;font-size:10px}.pn-v7911-admin-chat>article{display:grid;grid-template-rows:1fr 72px;min-width:0}.pn-v7911-admin-messages{padding:20px;overflow:auto;max-height:600px;background:#f7f8fa}.pn-v7911-admin-messages>div{max-width:72%;padding:10px 12px;border-radius:13px;margin:8px 0}.pn-v7911-admin-messages .user{background:#fff;border:1px solid #e4e7ea}.pn-v7911-admin-messages .admin{margin-left:auto;background:var(--pn);color:var(--pn-on)}.pn-v7911-admin-messages p{margin:0;font-size:13px}.pn-v7911-admin-messages small{display:block;font-size:10px;opacity:.65;margin-top:5px}.pn-v7911-admin-compose{display:grid;grid-template-columns:1fr 110px;gap:10px;padding:12px;border-top:1px solid #e5e7eb}.pn-v7911-admin-compose input{border:1px solid #dfe3e8;border-radius:10px;padding:0 12px}
@media(max-width:760px){.pn-v7911-admin-chat{grid-template-columns:1fr}.pn-v7911-admin-chat>aside{max-height:250px;border-right:0;border-bottom:1px solid #e5e7eb}}


/* ===== PAYNUSA V7.9.12 PAYMENT GATEWAY RECOVERY ===== */
.pn-v7912-vault,.pn-v7912-recovery{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;margin-bottom:14px;border:1px solid}
.pn-v7912-vault>i,.pn-v7912-recovery>i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}
.pn-v7912-vault strong,.pn-v7912-vault small,.pn-v7912-recovery strong,.pn-v7912-recovery small{display:block}
.pn-v7912-vault strong,.pn-v7912-recovery strong{font-size:12px}.pn-v7912-vault small,.pn-v7912-recovery small{font-size:10px;line-height:1.4;margin-top:2px}
.pn-v7912-vault.ok{background:#eefaf5;border-color:#c9eadc;color:#187859}.pn-v7912-vault.ok>i{background:#dff5ec}
.pn-v7912-vault.warn,.pn-v7912-recovery{background:#fff8e8;border-color:#f0dcaa;color:#8a620d}.pn-v7912-vault.warn>i,.pn-v7912-recovery>i{background:#fff0c7}


/* ===== PAYNUSA V7.9.13 DEPOSIT PAYMENT UI ===== */
.pn-v7913-deposit-page,.pn-v7913-invoice-page{margin:-18px -18px -96px;min-height:100vh;background:#f6f7f9;padding-bottom:98px}
.pn-v7913-disabled{margin:14px;padding:14px;border:1px solid #f0d4a4;background:#fff7e6;border-radius:14px;display:grid;grid-template-columns:34px 1fr;gap:10px;color:#855d0c}.pn-v7913-disabled>i{font-size:20px}.pn-v7913-disabled strong,.pn-v7913-disabled small{display:block}.pn-v7913-disabled strong{font-size:12px}.pn-v7913-disabled small{font-size:9px;margin-top:3px}
.pn-v7913-balance-hero{margin:12px 14px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:#fff;border-radius:18px;padding:16px;display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center}.pn-v7913-balance-hero>span{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:19px}.pn-v7913-balance-hero small,.pn-v7913-balance-hero strong,.pn-v7913-balance-hero p{display:block}.pn-v7913-balance-hero small{font-size:8.5px;opacity:.82}.pn-v7913-balance-hero strong{font-size:15px;margin-top:2px}.pn-v7913-balance-hero p{margin:4px 0 0;font-size:8.7px;line-height:1.4;opacity:.87}
.pn-v7913-section{margin:12px 14px;background:#fff;border:1px solid #e7eaed;border-radius:17px;padding:14px}.pn-v7913-section-head h2{margin:0;font-size:14px}.pn-v7913-section-head p{margin:3px 0 0;color:#8b8f96;font-size:9px}
.pn-v7913-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.pn-v7913-method{min-height:82px;border:1.5px solid #e0e3e7;border-radius:14px;padding:10px;display:grid;grid-template-columns:48px 1fr 16px;align-items:center;gap:8px;position:relative;background:#fff}.pn-v7913-method input{position:absolute;opacity:0;pointer-events:none}.pn-v7913-method.selected{border-color:var(--pn);background:color-mix(in srgb,var(--pn) 5%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--pn) 8%,transparent)}.pn-v7913-method-logo{width:46px;height:46px;border-radius:12px;background:#f7f8fa;border:1px solid #eceef1;display:grid;place-items:center;overflow:hidden;padding:5px}.pn-v7913-method-logo img{max-width:100%;max-height:100%;object-fit:contain}.pn-v7913-method-logo b{width:100%;height:100%;border-radius:9px;background:#eef3f5;color:var(--pn);display:grid;place-items:center;font-size:9px}.pn-v7913-method strong,.pn-v7913-method small{display:block}.pn-v7913-method strong{font-size:10.5px;line-height:1.2}.pn-v7913-method small{font-size:7.5px;line-height:1.25;color:#8d9198;margin-top:3px}.pn-v7913-method>i{color:#d1d5da;font-size:13px}.pn-v7913-method.selected>i{color:var(--pn)}
.pn-v7913-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.pn-v7913-amount-grid button{height:40px;border:1.5px solid #dfe3e7;border-radius:11px;background:#fff;color:#4d525a;font-size:9px;font-weight:750}.pn-v7913-amount-grid button.active{border-color:var(--pn);background:var(--pn);color:var(--pn-on)}
.pn-v7913-custom-amount{display:block;margin-top:13px}.pn-v7913-custom-amount>span{display:block;font-size:9px;color:#7d8188;margin-bottom:6px}.pn-v7913-custom-amount>div{height:52px;border:1.5px solid #dfe3e7;border-radius:12px;display:grid;grid-template-columns:32px 1fr;align-items:center;padding:0 11px}.pn-v7913-custom-amount b{color:var(--pn);font-size:12px}.pn-v7913-custom-amount input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:14px;font-weight:700}
.pn-v7913-info,.pn-v7913-warning{margin:0 14px 11px;padding:11px 12px;border-radius:13px;display:grid;grid-template-columns:18px 1fr;gap:8px}.pn-v7913-info{background:#eef6ff;color:#3a6c98}.pn-v7913-warning{background:#fff7e5;color:#916410}.pn-v7913-info strong,.pn-v7913-info span,.pn-v7913-warning strong,.pn-v7913-warning small{display:block}.pn-v7913-info strong,.pn-v7913-warning strong{font-size:9.5px}.pn-v7913-info span,.pn-v7913-warning small{font-size:8.5px;line-height:1.4;margin-top:2px}
.pn-v7913-submit{height:48px;margin:0 14px;width:calc(100% - 28px);border:0;border-radius:13px;background:var(--pn);color:var(--pn-on);display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:850;box-shadow:0 8px 18px color-mix(in srgb,var(--pn) 18%,transparent)}
.pn-v7913-invoice-status{margin:12px 14px 0;border-radius:15px;padding:13px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.pn-v7913-invoice-status>span{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.75);display:grid;place-items:center;font-size:18px}.pn-v7913-invoice-status strong,.pn-v7913-invoice-status small{display:block}.pn-v7913-invoice-status strong{font-size:12px}.pn-v7913-invoice-status small{font-size:8.5px;margin-top:2px;line-height:1.35}.pn-v7913-invoice-status.pending{background:#fff7e2;color:#93650c}.pn-v7913-invoice-status.paid{background:#eaf9f2;color:#177b59}
.pn-v7913-invoice-card{margin:11px 14px;background:#fff;border:1px solid #e7e9ed;border-radius:17px;overflow:hidden}.pn-v7913-invoice-brand{padding:13px;display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;border-bottom:1px solid #eceef1}.pn-v7913-invoice-brand>span{width:46px;height:46px;border-radius:12px;background:#f7f8fa;border:1px solid #eceef1;display:grid;place-items:center;padding:5px;overflow:hidden}.pn-v7913-invoice-brand img{max-width:100%;max-height:100%;object-fit:contain}.pn-v7913-invoice-brand b{font-size:9px;color:var(--pn)}.pn-v7913-invoice-brand small,.pn-v7913-invoice-brand strong{display:block}.pn-v7913-invoice-brand small{font-size:8px;color:#8b8f96}.pn-v7913-invoice-brand strong{font-size:12px;margin-top:2px}
.pn-v7913-invoice-total{text-align:center;padding:17px 12px}.pn-v7913-invoice-total small{font-size:9px;color:#8b8f96}.pn-v7913-invoice-total h2{margin:4px 0 2px;color:var(--pn);font-size:23px}.pn-v7913-invoice-total span{font-size:8.5px;color:#898d94}
.pn-v7913-qris{padding:0 13px 16px;text-align:center}.pn-v7913-qris #qrisCanvas{width:230px;max-width:90%;margin:0 auto 10px;padding:10px;border:1px solid #e6e8eb;border-radius:15px;background:#fff;display:flex;justify-content:center}.pn-v7913-qris strong,.pn-v7913-qris small{display:block}.pn-v7913-qris strong{font-size:11px}.pn-v7913-qris small{font-size:8.5px;color:#888;margin-top:3px}
.pn-v7913-va{margin:0 13px 15px;padding:14px;border-radius:13px;background:#f7f9fa;border:1px solid #e6e9ec}.pn-v7913-va>small{font-size:8px;color:#8c9097}.pn-v7913-va>div{display:grid;grid-template-columns:1fr 32px;align-items:center;gap:8px;margin-top:5px}.pn-v7913-va strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.03em}.pn-v7913-va button{width:30px;height:30px;border:0;border-radius:9px;background:#fff;color:var(--pn)}.pn-v7913-va>span{display:block;font-size:8.5px;color:#777;margin-top:5px}
.pn-v7913-invoice-meta{border-top:1px solid #eceef1;padding:6px 13px}.pn-v7913-invoice-meta>div{min-height:39px;display:grid;grid-template-columns:40% 1fr;align-items:center;border-bottom:1px dashed #eceef1}.pn-v7913-invoice-meta>div:last-child{border-bottom:0}.pn-v7913-invoice-meta span{font-size:9px;color:#8d9198}.pn-v7913-invoice-meta strong{text-align:right;font-size:9.5px;overflow-wrap:anywhere}
.pn-v7913-secure{text-align:center;color:#90949a;font-size:8.5px;margin:12px 14px}.pn-v7913-secure i{color:var(--pn);margin-right:4px}
@media(max-width:390px){.pn-v7913-method-grid{grid-template-columns:1fr}.pn-v7913-method{min-height:70px}.pn-v7913-amount-grid{grid-template-columns:repeat(2,1fr)}}


/* ===== PAYNUSA V7.9.14 COMPACT DEPOSIT INVOICE ===== */
.pn-v7914-invoice-page{
  margin:-18px -18px -96px;
  min-height:100vh;
  background:#f6f7f9;
  padding-bottom:96px;
}
.pn-v7914-status{
  margin:12px 14px 0;
  padding:12px 13px;
  border-radius:15px;
  display:grid;
  grid-template-columns:40px 1fr;
  gap:10px;
  align-items:center;
  border:1px solid;
}
.pn-v7914-status-icon{
  width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.78);
  font-size:18px;
}
.pn-v7914-status strong,.pn-v7914-status small{display:block}
.pn-v7914-status strong{font-size:12px}
.pn-v7914-status small{font-size:8.7px;line-height:1.4;margin-top:2px}
.pn-v7914-status.pending{background:#fff7e5;border-color:#f0dca9;color:#8e620d}
.pn-v7914-status.paid{background:#ebfaf3;border-color:#ccebdd;color:#167b58}
.pn-v7914-status.failed{background:#fff0ef;border-color:#f2cfcc;color:#b33d37}

.pn-v7914-card{
  margin:10px 14px 0;
  background:#fff;
  border:1px solid #e6e9ed;
  border-radius:17px;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(26,31,36,.04);
}
.pn-v7914-method{
  padding:12px 13px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border-bottom:1px solid #edf0f2;
}
.pn-v7914-method-logo{
  width:44px;height:44px;border-radius:12px;
  background:#f7f8fa;border:1px solid #e8ebee;
  display:grid;place-items:center;overflow:hidden;padding:5px;
}
.pn-v7914-method-logo img{max-width:100%;max-height:100%;object-fit:contain}
.pn-v7914-method-logo b{font-size:9px;color:var(--pn)}
.pn-v7914-method small,.pn-v7914-method strong{display:block}
.pn-v7914-method small{font-size:8px;color:#8d9198}
.pn-v7914-method strong{font-size:11px;margin-top:2px}
.pn-v7914-method-state{
  padding:5px 7px;border-radius:999px;
  font-size:7.5px;font-weight:900;letter-spacing:.04em;
}
.pn-v7914-method-state.pending{background:#fff1ce;color:#93650c}
.pn-v7914-method-state.paid{background:#e5f8ef;color:#177c59}
.pn-v7914-method-state.failed{background:#ffebea;color:#b33d37}

.pn-v7914-total{
  text-align:center;
  padding:15px 12px 10px;
}
.pn-v7914-total span,.pn-v7914-total small{display:block}
.pn-v7914-total span{font-size:8.5px;color:#92969d}
.pn-v7914-total strong{
  display:block;margin:4px 0 2px;
  font-size:22px;line-height:1.1;color:var(--pn);
}
.pn-v7914-total small{font-size:8.2px;color:#8c9097}

.pn-v7914-qris{
  padding:2px 13px 14px;
  text-align:center;
}
.pn-v7914-qrbox{
  width:188px;height:188px;
  margin:0 auto 9px;
  padding:9px;
  background:#fff;
  border:1px solid #e5e8eb;
  border-radius:14px;
  display:grid;place-items:center;
}
.pn-v7914-qrbox canvas,.pn-v7914-qrbox img{max-width:168px!important;max-height:168px!important}
.pn-v7914-qris strong,.pn-v7914-qris small{display:block}
.pn-v7914-qris strong{font-size:10.5px}
.pn-v7914-qris small{
  max-width:280px;margin:3px auto 0;
  font-size:8px;line-height:1.4;color:#8a8e95;
}

.pn-v7914-va{
  margin:2px 13px 14px;
  padding:12px;
  border-radius:13px;
  background:#f8f9fa;
  border:1px solid #e5e8eb;
}
.pn-v7914-va>span{font-size:8px;color:#90949b}
.pn-v7914-va>div{
  margin-top:5px;
  display:grid;grid-template-columns:1fr 32px;
  gap:7px;align-items:center;
}
.pn-v7914-va strong{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:14px;letter-spacing:.03em;overflow-wrap:anywhere;
}
.pn-v7914-va button{
  width:31px;height:31px;border:0;border-radius:9px;
  background:#fff;color:var(--pn);
}
.pn-v7914-va small{display:block;margin-top:4px;font-size:8px;color:#80858c}

.pn-v7914-meta{
  border-top:1px solid #edf0f2;
  padding:5px 13px 7px;
}
.pn-v7914-meta>div{
  min-height:38px;
  display:grid;
  grid-template-columns:42% 1fr;
  gap:8px;align-items:center;
  border-bottom:1px dashed #eceef1;
}
.pn-v7914-meta>div:last-child{border-bottom:0}
.pn-v7914-meta span{font-size:8.7px;color:#8f939a}
.pn-v7914-meta strong{
  text-align:right;
  font-size:9px;
  color:#32363c;
  overflow-wrap:anywhere;
}

.pn-v7914-note{
  margin:10px 14px 0;
  padding:10px 11px;
  border-radius:12px;
  background:#eef6ff;
  color:#3a6c98;
  display:grid;
  grid-template-columns:18px 1fr;
  gap:8px;
}
.pn-v7914-note strong,.pn-v7914-note small{display:block}
.pn-v7914-note strong{font-size:9px}
.pn-v7914-note small{font-size:8px;line-height:1.4;margin-top:2px}

.pn-v7914-primary{
  width:calc(100% - 28px);
  height:46px;
  margin:10px 14px 0;
  border:0;border-radius:12px;
  background:var(--pn);
  color:var(--pn-on);
  display:flex;align-items:center;justify-content:center;
  gap:8px;
  font-size:10.5px;font-weight:850;
  box-shadow:0 8px 18px color-mix(in srgb,var(--pn) 17%,transparent);
}
.pn-v7914-secondary-actions{
  margin:9px 14px 0;
  display:grid;grid-template-columns:1fr 1fr;
  gap:8px;
}
.pn-v7914-secondary-actions>*{
  height:40px;border:1px solid #dfe3e7;border-radius:11px;
  background:#fff;color:#4b5057;
  display:flex;align-items:center;justify-content:center;
  gap:6px;font-size:9px;font-weight:700;
}
.pn-v7914-secure{
  margin:10px 14px 0;
  text-align:center;
  color:#92969d;
  font-size:8px;
}
.pn-v7914-secure i{color:var(--pn);margin-right:4px}

@media(max-width:390px){
  .pn-v7914-qrbox{width:176px;height:176px}
  .pn-v7914-qrbox canvas,.pn-v7914-qrbox img{max-width:156px!important;max-height:156px!important}
  .pn-v7914-total strong{font-size:20px}
}


/* ===== PAYNUSA V7.9.15 NOTIFICATION CENTER ===== */
.pn-v7915-inbox-page{
  margin:-18px -18px -96px;
  min-height:100vh;
  padding-bottom:96px;
  background:#f6f7f9;
}
.pn-v7915-inbox-head{
  height:66px;
  padding:0 14px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 34px;
  align-items:center;
  gap:9px;
  background:#fff;
  border-bottom:1px solid #eaedf0;
  position:sticky;
  top:0;
  z-index:15;
}
.pn-v7915-inbox-head>a,
.pn-v7915-inbox-head form button{
  width:32px;height:32px;
  border:0;border-radius:9px;
  background:transparent;
  color:#25292f;
  display:grid;place-items:center;
  font-size:14px;
}
.pn-v7915-inbox-head h1{
  margin:0;
  font-size:15px;
  line-height:1.15;
  font-weight:850;
}
.pn-v7915-inbox-head small{
  display:block;
  margin-top:2px;
  color:#8a8f97;
  font-size:8.5px;
}
.pn-v7915-inbox-head form button{color:var(--pn)}

.pn-v7915-summary{
  margin:11px 14px 0;
  padding:11px;
  background:linear-gradient(135deg,var(--pn),var(--pn2));
  border-radius:16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  color:#fff;
  box-shadow:0 7px 18px color-mix(in srgb,var(--pn) 16%,transparent);
}
.pn-v7915-summary>div{
  min-width:0;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.15);
}
.pn-v7915-summary>div:last-child{border-right:0}
.pn-v7915-summary span{
  width:29px;height:29px;
  margin:0 auto 5px;
  border-radius:9px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.14);
  font-size:12px;
}
.pn-v7915-summary small,.pn-v7915-summary strong{display:block}
.pn-v7915-summary small{font-size:7.5px;opacity:.82}
.pn-v7915-summary strong{font-size:14px;margin-top:1px}

.pn-v7915-filter{
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:none;
  padding:12px 14px 5px;
}
.pn-v7915-filter::-webkit-scrollbar{display:none}
.pn-v7915-filter button{
  flex:0 0 auto;
  height:34px;
  padding:0 13px;
  border:1.3px solid #dfe3e7;
  border-radius:999px;
  background:#fff;
  color:#686d75;
  display:flex;
  align-items:center;
  gap:5px;
  font-size:8.8px;
  font-weight:750;
}
.pn-v7915-filter button.active{
  border-color:var(--pn);
  background:var(--pn);
  color:var(--pn-on);
}
.pn-v7915-filter b{
  min-width:16px;height:16px;
  border-radius:999px;
  background:#ef4455;
  color:#fff;
  display:grid;place-items:center;
  font-size:7px;
}
.pn-v7915-filter button.active b{background:#fff;color:var(--pn)}

.pn-v7915-list{padding:2px 14px 12px}
.pn-v7915-date-label{
  padding:11px 2px 6px;
  font-size:8.5px;
  font-weight:800;
  color:#9a9ea5;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.pn-v7915-item{
  min-height:88px;
  margin-bottom:8px;
  padding:11px;
  border:1px solid #e7eaed;
  border-radius:15px;
  background:#fff;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 27px;
  gap:10px;
  align-items:start;
  box-shadow:0 3px 11px rgba(25,30,35,.035);
}
.pn-v7915-item.unread{
  border-color:color-mix(in srgb,var(--pn) 28%,#e7eaed);
  background:linear-gradient(135deg,color-mix(in srgb,var(--pn) 4%,#fff),#fff);
}
.pn-v7915-icon{
  width:40px;height:40px;
  border-radius:12px;
  display:grid;place-items:center;
  font-size:16px;
}
.pn-v7915-item.success .pn-v7915-icon{background:#e8f8f1;color:#1d9b70}
.pn-v7915-item.warning .pn-v7915-icon{background:#fff4d9;color:#d19516}
.pn-v7915-item.error .pn-v7915-icon{background:#ffebea;color:#d64b43}
.pn-v7915-item.pending .pn-v7915-icon{background:#f0ebff;color:#7157d9}
.pn-v7915-item.info .pn-v7915-icon{background:#e9f6f7;color:var(--pn)}
.pn-v7915-item-head{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.pn-v7915-item-head strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10.8px;
  line-height:1.25;
}
.pn-v7915-unread-dot{
  width:6px;height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#ef4455;
}
.pn-v7915-content p{
  margin:4px 0 7px;
  color:#747981;
  font-size:8.8px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.pn-v7915-item-foot{
  display:flex;
  align-items:center;
  gap:7px;
}
.pn-v7915-item-foot span{font-size:7.5px;color:#a0a4aa}
.pn-v7915-item-foot b{
  padding:3px 6px;
  border-radius:999px;
  background:#f1f3f5;
  color:#70757d;
  font-size:6.8px;
  font-weight:800;
}
.pn-v7915-item>form button,
.pn-v7915-read-mark{
  width:27px;height:27px;
  border:0;border-radius:9px;
  display:grid;place-items:center;
  background:#eef8f7;
  color:var(--pn);
  font-size:9px;
}
.pn-v7915-read-mark{
  background:transparent;
  color:#c4c8cc;
}

.pn-v7915-empty,.pn-v7915-no-result{
  min-height:380px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#92969d;
}
.pn-v7915-empty>span,.pn-v7915-no-result>i{
  width:58px;height:58px;
  border-radius:18px;
  background:#edf6f6;
  color:var(--pn);
  display:grid;place-items:center;
  font-size:22px;
  margin-bottom:10px;
}
.pn-v7915-empty strong,.pn-v7915-no-result strong{
  font-size:12px;color:#3b3f45;
}
.pn-v7915-empty p,.pn-v7915-no-result span{
  margin:4px 0 0;
  max-width:230px;
  font-size:8.7px;
  line-height:1.45;
}
.pn-v7915-empty a{
  margin-top:12px;
  padding:9px 14px;
  border-radius:10px;
  background:var(--pn);
  color:var(--pn-on);
  font-size:8.5px;
  font-weight:800;
}
.pn-v7915-no-result{min-height:220px}

@media(max-width:390px){
  .pn-v7915-inbox-head{height:62px}
  .pn-v7915-summary{margin-top:9px}
  .pn-v7915-item{grid-template-columns:39px minmax(0,1fr) 25px;padding:10px}
  .pn-v7915-icon{width:37px;height:37px}
}


/* ===== PAYNUSA V7.9.16 SERVICE LIST / PRICE LIST ===== */
.pn-v7916-service-page{margin:-18px -18px -96px;min-height:100vh;background:#f6f7f9;padding-bottom:96px}
.pn-v7916-head{height:68px;padding:0 14px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on);display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:9px}
.pn-v7916-head>a{width:32px;height:32px;display:grid;place-items:center;color:inherit;font-size:14px}.pn-v7916-head h1{margin:0;font-size:15px}.pn-v7916-head small{display:block;margin-top:2px;font-size:8px;opacity:.8}
.pn-v7916-tools{padding:11px 14px;background:#fff;border-bottom:1px solid #e8ebee;display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px}.pn-v7916-search{height:42px;border:1px solid #dfe3e7;border-radius:11px;display:grid;grid-template-columns:31px 1fr 27px;align-items:center;padding:0 7px;background:#fff}.pn-v7916-search>i{color:#8e9399;text-align:center}.pn-v7916-search input{min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:10px}.pn-v7916-search>a{color:#999;display:grid;place-items:center}.pn-v7916-tools>button{border:1px solid #dfe3e7;border-radius:11px;background:#fff;color:#4b5057;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.pn-v7916-tools>button i{color:var(--pn)}
.pn-v7916-active{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pn-v7916-active>div{min-width:0}.pn-v7916-active span{font-size:9px;font-weight:850;color:#444}.pn-v7916-active b{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:999px;background:#eaf7f6;color:var(--pn);font-size:7px}.pn-v7916-active>a{flex:0 0 auto;height:32px;padding:0 10px;border-radius:9px;background:#fff;border:1px solid #dfe3e7;color:var(--pn);display:flex;align-items:center;gap:5px;font-size:8px;font-weight:800}
.pn-v7916-list{padding:0 14px 14px}.pn-v7916-card{margin-bottom:9px;background:#fff;border:1px solid #e6e9ed;border-radius:15px;padding:11px 12px;box-shadow:0 4px 13px rgba(25,30,35,.035)}.pn-v7916-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding-bottom:9px;border-bottom:1px solid #eef0f2}.pn-v7916-card-top strong,.pn-v7916-card-top small{display:block}.pn-v7916-card-top strong{font-size:10.8px;color:#2f3338}.pn-v7916-card-top small{margin-top:3px;font-size:7.7px;color:#969aa1}.pn-v7916-card-top>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px;color:#777;padding:4px 6px;border-radius:7px;background:#f5f6f7}
.pn-v7916-card-bottom{padding-top:9px;display:grid;grid-template-columns:1fr 72px;gap:10px;align-items:end}.pn-v7916-prices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pn-v7916-prices>div+div{border-left:1px solid #eceef1;padding-left:9px}.pn-v7916-prices small,.pn-v7916-prices strong{display:block}.pn-v7916-prices small{font-size:7.5px;color:#a0a4aa}.pn-v7916-prices strong{font-size:10.5px;margin-top:2px;color:#34383d}.pn-v7916-card-bottom>a{height:34px;border-radius:9px;background:var(--pn);color:var(--pn-on);display:flex;align-items:center;justify-content:center;gap:5px;font-size:8.8px;font-weight:850}
.pn-v7916-limit{padding:10px;border-radius:11px;background:#eef6ff;color:#47729a;font-size:8px;line-height:1.4}.pn-v7916-empty{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#92969d}.pn-v7916-empty>span{width:58px;height:58px;border-radius:18px;background:#eaf6f5;color:var(--pn);display:grid;place-items:center;font-size:22px}.pn-v7916-empty strong{margin-top:10px;color:#34383d;font-size:12px}.pn-v7916-empty p{font-size:8.5px}.pn-v7916-empty a{margin-top:8px;padding:8px 12px;border-radius:9px;background:var(--pn);color:var(--pn-on);font-size:8px;font-weight:800}
.pn-v7916-overlay{position:fixed;inset:0;background:rgba(17,20,23,.58);z-index:1300;opacity:0;pointer-events:none;transition:.2s}.pn-v7916-overlay.show{opacity:1;pointer-events:auto}.pn-v7916-filter-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,105%);width:min(100%,520px);max-height:82vh;background:#fff;border-radius:20px 20px 0 0;z-index:1301;transition:.25s ease;display:grid;grid-template-rows:auto 1fr;box-shadow:0 -10px 30px rgba(0,0,0,.13)}.pn-v7916-filter-sheet.show{transform:translate(-50%,0)}.pn-v7916-filter-sheet>header{padding:14px 16px;border-bottom:1px solid #eceef1;display:grid;grid-template-columns:1fr 34px;align-items:center}.pn-v7916-filter-sheet>header strong,.pn-v7916-filter-sheet>header small{display:block}.pn-v7916-filter-sheet>header strong{font-size:13px}.pn-v7916-filter-sheet>header small{font-size:8px;color:#93979e;margin-top:2px}.pn-v7916-filter-sheet>header button{width:32px;height:32px;border:0;border-radius:9px;background:#f3f5f6;color:#777}.pn-v7916-sheet-body{overflow:auto;padding:7px 12px 18px}.pn-v7916-all,.pn-v7916-accordion-head,.pn-v7916-accordion-body a{min-height:45px;border-bottom:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#42474e;font-size:9.5px}.pn-v7916-all span,.pn-v7916-accordion-head span{display:flex;align-items:center;gap:8px}.pn-v7916-all span i,.pn-v7916-accordion-head span i{width:27px;height:27px;border-radius:8px;background:#eef7f6;color:var(--pn);display:grid;place-items:center}.pn-v7916-all.active{color:var(--pn);font-weight:850}.pn-v7916-accordion-head{width:100%;border:0;border-bottom:1px solid #edf0f2;background:#fff;padding:0}.pn-v7916-accordion-head>i{transition:.2s;color:#999}.pn-v7916-accordion.open .pn-v7916-accordion-head>i{transform:rotate(180deg)}.pn-v7916-accordion-body{display:none;padding-left:34px;background:#fafbfb}.pn-v7916-accordion.open .pn-v7916-accordion-body{display:block}.pn-v7916-accordion-body a{min-height:40px;font-size:9px;padding-right:5px}.pn-v7916-accordion-body a.active{color:var(--pn);font-weight:850}.pn-v7916-lock{overflow:hidden!important}
@media(max-width:390px){.pn-v7916-tools{grid-template-columns:minmax(0,1fr) 88px}.pn-v7916-card-bottom{grid-template-columns:1fr 66px}.pn-v7916-prices strong{font-size:9.7px}}


/* ===== PAYNUSA V7.9.17 REFERRAL & DOWNLINE ===== */
.pn-v7917-page{margin:-18px -18px -96px;min-height:100vh;background:#f7f8f9;padding-bottom:96px}
.pn-v7917-head{height:68px;padding:0 14px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on);display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:9px}
.pn-v7917-head>a{width:32px;height:32px;display:grid;place-items:center;color:inherit;font-size:14px}.pn-v7917-head h1{margin:0;font-size:15px}.pn-v7917-head small{display:block;margin-top:2px;font-size:8px;opacity:.8}
.pn-v7917-hero{margin-top:0;padding:14px;background:linear-gradient(180deg,var(--pn),var(--pn-dark));border-radius:0 0 28px 28px}.pn-v7917-code-card{background:#fff;border-radius:17px;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:0}.pn-v7917-code-card>div{padding:6px 12px}.pn-v7917-code-card>div+div{border-left:1px solid #e7e9ec}.pn-v7917-code-card small,.pn-v7917-code-card strong{display:block}.pn-v7917-code-card small{font-size:8px;color:#94989e}.pn-v7917-code-card strong{margin-top:5px;font-size:15px;color:#2f3439}
.pn-v7917-quick{margin-top:12px;background:#fff;border-radius:17px;padding:12px 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pn-v7917-quick a,.pn-v7917-quick button{border:0;background:transparent;color:#444;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px}.pn-v7917-quick span{width:42px;height:42px;border-radius:12px;background:var(--pn);color:var(--pn-on);display:grid;place-items:center;font-size:15px}.pn-v7917-quick b{font-weight:750}
.pn-v7917-section{padding:18px 14px 12px}.pn-v7917-title h2{margin:0;font-size:12px;text-transform:uppercase}.pn-v7917-title p{margin:3px 0 0;font-size:8px;color:#92969d}.pn-v7917-menu-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pn-v7917-menu-grid a{display:flex;flex-direction:column;align-items:center;text-align:center;color:#34383d;gap:7px}.pn-v7917-menu-grid span{position:relative;width:45px;height:45px;border-radius:12px;background:var(--pn);color:var(--pn-on);display:grid;place-items:center;font-size:15px}.pn-v7917-menu-grid em{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#fff;color:var(--pn);border:1px solid var(--pn);display:grid;place-items:center;font-size:6px;font-style:normal;font-weight:900}.pn-v7917-menu-grid strong{font-size:7.7px;line-height:1.25}
.pn-v7917-stats{margin:4px 14px 0;background:#fff;border:1px solid #e7eaed;border-radius:15px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.pn-v7917-stats>div{text-align:center;border-right:1px solid #eceef1}.pn-v7917-stats>div:last-child{border-right:0}.pn-v7917-stats span,.pn-v7917-stats strong{display:block}.pn-v7917-stats span{font-size:7px;color:#969aa1}.pn-v7917-stats strong{margin-top:3px;font-size:10px}
.pn-v7917-form-card{margin:14px;background:#fff;border:1px solid #e6e9ed;border-radius:18px;padding:16px;box-shadow:0 5px 18px rgba(25,30,35,.04)}.pn-v7917-form-icon{width:48px;height:48px;border-radius:14px;background:#eaf7f6;color:var(--pn);display:grid;place-items:center;font-size:18px}.pn-v7917-form-card h2{margin:12px 0 3px;font-size:14px}.pn-v7917-form-card>p{margin:0 0 14px;color:#858a91;font-size:8.5px}.pn-v7917-form-card label{display:block;margin:12px 0 5px;font-size:8.5px;font-weight:800;color:#4f545b}.pn-v7917-form-card input:not([type=checkbox]){width:100%;height:43px;border:1px solid #dfe3e7;border-radius:11px;padding:0 11px;outline:0!important;box-shadow:none!important;background:#fff!important;font-size:10px}.pn-v7917-form-card input:focus{border-color:var(--pn)!important}.pn-v7917-form-card form>small{display:block;margin-top:4px;font-size:7.5px;color:#969aa1}.pn-v7917-code-input{display:grid;grid-template-columns:1fr 42px;gap:7px}.pn-v7917-code-input button{border:0;border-radius:11px;background:#edf7f6;color:var(--pn)}
.pn-v7917-rules{margin-top:14px;padding:12px;border-radius:12px;background:#f8f9fa}.pn-v7917-rules strong{font-size:9px}.pn-v7917-rules ul{padding-left:17px;margin:7px 0 0}.pn-v7917-rules li{margin:4px 0;color:#777c83;font-size:8px;line-height:1.4}.pn-v7917-primary{width:100%;height:44px;margin-top:14px;border:0;border-radius:11px;background:var(--pn);color:var(--pn-on);display:flex;align-items:center;justify-content:center;gap:7px;font-size:9.5px;font-weight:850}.pn-v7917-check{display:grid!important;grid-template-columns:18px 1fr;gap:8px;align-items:start!important;margin-top:14px!important}.pn-v7917-check input{margin-top:2px}.pn-v7917-check span{font-size:8px;line-height:1.45;color:#696e75;font-weight:500}
.pn-v7917-list-toolbar{margin:12px 14px 0;padding:12px;background:#fff;border:1px solid #e7eaed;border-radius:15px;display:grid;grid-template-columns:1fr 36px;align-items:center}.pn-v7917-list-toolbar strong,.pn-v7917-list-toolbar small{display:block}.pn-v7917-list-toolbar strong{font-size:11px}.pn-v7917-list-toolbar small{font-size:7.5px;color:#969aa1;margin-top:2px}.pn-v7917-list-toolbar>a{width:34px;height:34px;border-radius:10px;background:var(--pn);color:var(--pn-on);display:grid;place-items:center}
.pn-v7917-chips{padding:10px 14px 5px;display:flex;gap:7px;overflow:auto;scrollbar-width:none}.pn-v7917-chips a{flex:0 0 auto;padding:8px 11px;border:1px solid #dde1e5;border-radius:999px;background:#fff;color:#72777f;font-size:8px;font-weight:750}.pn-v7917-chips a.active{background:var(--pn);color:var(--pn-on);border-color:var(--pn)}
.pn-v7917-downline-list,.pn-v7917-commission-list{padding:5px 14px 14px}.pn-v7917-downline-list article,.pn-v7917-commission-list article{margin-bottom:8px;background:#fff;border:1px solid #e6e9ed;border-radius:14px;padding:11px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center}.pn-v7917-avatar{width:40px;height:40px;border-radius:12px;background:#eaf7f6;color:var(--pn);display:grid;place-items:center;font-weight:900}.pn-v7917-downline-list article strong,.pn-v7917-downline-list article small,.pn-v7917-downline-list article em{display:block}.pn-v7917-downline-list article>div:nth-child(2) strong{font-size:9.5px}.pn-v7917-downline-list article>div:nth-child(2) small{font-size:7.5px;color:#868b92;margin-top:2px}.pn-v7917-downline-list article>div:nth-child(2) em{font-size:6.8px;color:#aaa;font-style:normal;margin-top:3px}.pn-v7917-downline-stats{text-align:right}.pn-v7917-downline-stats b{display:block;font-size:8.5px;color:var(--pn)}.pn-v7917-downline-stats small{display:block;font-size:7px;color:#888;margin-top:3px}
.pn-v7917-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#93979e}.pn-v7917-empty>span{width:56px;height:56px;border-radius:17px;background:#edf7f6;color:var(--pn);display:grid;place-items:center;font-size:20px}.pn-v7917-empty strong{margin-top:9px;color:#353a40;font-size:11px}.pn-v7917-empty p{max-width:220px;font-size:8px;line-height:1.4}.pn-v7917-empty a{margin-top:7px;padding:8px 12px;border-radius:9px;background:var(--pn);color:var(--pn-on);font-size:8px;font-weight:800}
.pn-v7917-balance-card{margin:14px;background:#fff;border:1px solid #e6e9ed;border-radius:18px;padding:14px}.pn-v7917-balance-grid{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;background:var(--pn);color:var(--pn-on);padding:13px}.pn-v7917-balance-grid>div{padding:4px 12px}.pn-v7917-balance-grid>div+div{border-left:1px solid rgba(255,255,255,.4)}.pn-v7917-balance-grid small,.pn-v7917-balance-grid strong,.pn-v7917-balance-total small,.pn-v7917-balance-total strong{display:block}.pn-v7917-balance-grid small{font-size:8px;opacity:.8}.pn-v7917-balance-grid strong{font-size:16px;margin-top:5px}.pn-v7917-balance-total{margin-top:10px;padding:13px;border-radius:14px;background:var(--pn);color:var(--pn-on)}.pn-v7917-balance-total.soft{background:#eef7f6;color:#34383d}.pn-v7917-balance-total small{font-size:8px;opacity:.8}.pn-v7917-balance-total strong{font-size:14px;margin-top:5px}
.pn-v7917-commission-summary{margin:14px;background:#fff;border:1px solid #e6e9ed;border-radius:15px;padding:13px;display:grid;grid-template-columns:1fr 115px;gap:10px;align-items:center}.pn-v7917-commission-summary small,.pn-v7917-commission-summary strong{display:block}.pn-v7917-commission-summary small{font-size:8px;color:#969aa1}.pn-v7917-commission-summary strong{font-size:14px;margin-top:3px;color:var(--pn)}.pn-v7917-commission-summary select{width:100%;height:38px;border:1px solid #dfe3e7;border-radius:10px;background:#fff;padding:0 9px;font-size:8.5px}.pn-v7917-commission-list article>span{width:40px;height:40px;border-radius:12px;background:#fff4d9;color:#d29a1c;display:grid;place-items:center}.pn-v7917-commission-list article>div strong,.pn-v7917-commission-list article>div small,.pn-v7917-commission-list article>div em{display:block}.pn-v7917-commission-list article>div strong{font-size:9.5px}.pn-v7917-commission-list article>div small{font-size:7.2px;color:#8e939a;margin-top:2px}.pn-v7917-commission-list article>div em{font-size:6.8px;color:#aaa;font-style:normal;margin-top:3px}.pn-v7917-commission-list article>b{font-size:8.5px;color:#17966d}
@media(max-width:390px){.pn-v7917-menu-grid{gap:5px}.pn-v7917-menu-grid span{width:42px;height:42px}.pn-v7917-code-card strong{font-size:13px}}


/* ===== PAYNUSA V7.9.18 TERMS / LEGAL EDITOR ===== */
.pn-v7918-terms-page{
  margin:-18px -18px -96px;min-height:100vh;background:#f5f6f7;padding-bottom:88px;color:#25292d;
}
.pn-v7918-terms-head{
  height:74px;padding:0 14px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on);
  display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;
  position:sticky;top:0;z-index:20;box-shadow:0 2px 0 rgba(255,255,255,.08);
}
.pn-v7918-terms-head>a{
  width:34px;height:34px;display:grid;place-items:center;color:inherit;border-radius:10px;font-size:15px;
}
.pn-v7918-terms-head h1{
  margin:0;font-size:16px;line-height:1.15;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pn-v7918-terms-head small{display:block;margin-top:3px;font-size:7.8px;opacity:.82}
.pn-v7918-terms-wrap{padding:12px 14px 20px}
.pn-v7918-terms-meta{
  min-height:35px;padding:0 3px 8px;display:flex;justify-content:space-between;align-items:center;gap:10px;
  color:#858a91;font-size:7.5px
}
.pn-v7918-terms-meta span{display:flex;align-items:center;gap:5px}
.pn-v7918-terms-meta i{color:var(--pn)}
.pn-v7918-terms-card{
  background:#fff;border:1px solid #e4e7ea;border-radius:18px;padding:18px 16px;
  box-shadow:0 5px 18px rgba(25,30,35,.045);font-size:10px;line-height:1.72;
  overflow-wrap:anywhere;
}
.pn-v7918-terms-card h1,.pn-v7918-terms-card h2,.pn-v7918-terms-card h3,.pn-v7918-terms-card h4{
  color:#25292d;line-height:1.3;margin:20px 0 8px;font-weight:850;
}
.pn-v7918-terms-card h1{font-size:16px}.pn-v7918-terms-card h2{font-size:14px}.pn-v7918-terms-card h3{font-size:12px}.pn-v7918-terms-card h4{font-size:11px}
.pn-v7918-terms-card p{margin:8px 0}.pn-v7918-terms-card ol,.pn-v7918-terms-card ul{padding-left:20px;margin:8px 0}
.pn-v7918-terms-card li{margin:5px 0}.pn-v7918-terms-card a{color:var(--pn);text-decoration:underline}
.pn-v7918-terms-card img{
  display:block;max-width:100%;height:auto;margin:12px auto;border-radius:12px;border:1px solid #eceef0;
}
.pn-v7918-terms-card blockquote{
  margin:12px 0;padding:10px 12px;border-left:3px solid var(--pn);background:#f3f9f8;border-radius:0 10px 10px 0;
}
.pn-v7918-terms-action{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:25;width:min(100%,520px);
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(245,246,247,.95);
  border-top:1px solid #e5e8ea;backdrop-filter:blur(8px);
}
.pn-v7918-terms-action button{
  width:100%;height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--pn),var(--pn2));
  color:var(--pn-on);display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:850;
  box-shadow:0 8px 20px color-mix(in srgb,var(--pn) 18%,transparent);
}
.pn-v7918-info-page .pn-v7-content-card{font-size:10px;line-height:1.72}

/* Admin legal editor improvements */
.pn-v7918-preview-all{
  display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e1e4e8;border-radius:9px;
  color:var(--pn);font-size:7.5px;font-weight:800;background:#fff;
}
.pn-v7918-editor-note{
  align-items:flex-start!important;padding:8px 10px;border-radius:9px;background:#f4f8fb;color:#68717a!important;
}
.pn-v7918-editor-note strong{color:#3e464d}
.pn-v7918-editor-actions{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-2px 0 10px;font-size:7px;color:#8b9096
}
.pn-v7918-editor-actions a{color:var(--pn);font-weight:800}
.pn-rich-editor.pn-v7918-uploading{position:relative;pointer-events:none;opacity:.72}
.pn-rich-editor.pn-v7918-uploading:after{
  content:"Mengupload gambar...";position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.76);
  color:var(--pn);font-size:10px;font-weight:850;z-index:5
}
@media(max-width:390px){
  .pn-v7918-terms-head{height:66px}.pn-v7918-terms-head h1{font-size:14px}
  .pn-v7918-terms-card{padding:15px 13px;font-size:9.5px}
}


/* ===== PAYNUSA V7.9.19 FAQ + HELP CENTER ===== */
.pn-v7919-help-page,.pn-v7919-faq-page{
  margin:-18px -18px -96px;min-height:100vh;background:#f7f8f9;padding-bottom:92px;color:#24282d;
}
.pn-v7919-help-head,.pn-v7919-faq-head{
  min-height:70px;padding:0 14px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on);
  display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;
  position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(255,255,255,.1);
}
.pn-v7919-help-head>a,.pn-v7919-faq-head>a{width:34px;height:34px;display:grid;place-items:center;color:inherit;border-radius:10px;font-size:14px}
.pn-v7919-help-head h1,.pn-v7919-faq-head h1{margin:0;font-size:15px;line-height:1.2;font-weight:850}
.pn-v7919-help-head small,.pn-v7919-faq-head small{display:block;margin-top:3px;font-size:7.5px;opacity:.82}
.pn-v7919-help-wrap,.pn-v7919-faq-wrap{padding:14px}
.pn-v7919-help-hero{
  background:linear-gradient(135deg,#fff,#f0faf8);border:1px solid #e2ecea;border-radius:18px;padding:17px;
  box-shadow:0 5px 18px rgba(25,40,40,.04)
}
.pn-v7919-help-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--pn-soft);color:var(--pn);font-size:14px}
.pn-v7919-help-hero h2{font-size:15px;margin:10px 0 4px}.pn-v7919-help-hero p{margin:0;color:#7b8086;font-size:8.5px}
.pn-v7919-help-search,.pn-v7919-faq-search{
  height:44px;margin-top:13px;border:1px solid #dfe4e7;border-radius:13px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;color:#83898f
}
.pn-v7919-help-search input,.pn-v7919-faq-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:10px;color:#25292d}
.pn-v7919-help-search button,.pn-v7919-faq-search button{display:none;width:28px;height:28px;border:0;background:transparent;color:#9a9fa4}
.pn-v7919-help-search button.show,.pn-v7919-faq-search button.show{display:grid;place-items:center}
.pn-v7919-help-section{margin-top:20px}.pn-v7919-help-title span{font-size:7px;font-weight:850;letter-spacing:.08em;color:var(--pn)}.pn-v7919-help-title h3{font-size:12px;margin:3px 0 8px}
.pn-v7919-help-grid{background:#fff;border:1px solid #e7eaec;border-radius:16px;overflow:hidden}
.pn-v7919-help-topic{min-height:62px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f1;color:#262a2f}
.pn-v7919-help-topic:last-child{border-bottom:0}.pn-v7919-help-topic[hidden]{display:none}
.pn-v7919-help-topic>span{width:37px;height:37px;flex:0 0 37px;border-radius:12px;display:grid;place-items:center;background:var(--pn-soft);color:var(--pn)}
.pn-v7919-help-topic>div{min-width:0;flex:1}.pn-v7919-help-topic strong,.pn-v7919-help-topic small{display:block}.pn-v7919-help-topic strong{font-size:9.5px}.pn-v7919-help-topic small{margin-top:3px;font-size:7.3px;color:#8a8e94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-v7919-help-topic>i{font-size:8px;color:#a2a6aa}
.pn-v7919-contact-card,.pn-v7919-help-legal{background:#fff;border:1px solid #e7eaec;border-radius:16px;overflow:hidden}
.pn-v7919-contact-card>a,.pn-v7919-help-legal>a{min-height:62px;padding:11px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f1;color:#262a2f}
.pn-v7919-contact-card>a:last-child,.pn-v7919-help-legal>a:last-child{border-bottom:0}
.pn-v7919-contact-card>a>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff}
.pn-v7919-contact-card .chat{background:linear-gradient(135deg,var(--pn),var(--pn2))}.pn-v7919-contact-card .social{background:linear-gradient(135deg,#33a6dc,#2a7dd0)}
.pn-v7919-contact-card div{flex:1}.pn-v7919-contact-card strong,.pn-v7919-contact-card small{display:block}.pn-v7919-contact-card strong{font-size:9.5px}.pn-v7919-contact-card small{font-size:7.3px;color:#8a8e94;margin-top:3px}
.pn-v7919-contact-card>a>i,.pn-v7919-help-legal>a>i:last-child{font-size:8px;color:#9ca1a6}
.pn-v7919-help-legal{margin-top:14px}.pn-v7919-help-legal>a>i:first-child{width:25px;color:var(--pn)}.pn-v7919-help-legal span{flex:1;font-size:9px;font-weight:750}
.pn-v7919-help-empty,.pn-v7919-faq-empty{text-align:center;padding:25px 12px;color:#858a90}.pn-v7919-help-empty i,.pn-v7919-faq-empty>i{font-size:20px;color:#b0b4b8}.pn-v7919-help-empty strong,.pn-v7919-help-empty small,.pn-v7919-faq-empty strong,.pn-v7919-faq-empty small{display:block}.pn-v7919-help-empty strong,.pn-v7919-faq-empty strong{font-size:10px;margin-top:7px}.pn-v7919-help-empty small,.pn-v7919-faq-empty small{font-size:7.5px;margin-top:4px}

/* FAQ */
.pn-v7919-faq-search{margin:0 0 12px;background:#fff}
.pn-v7919-faq-intro{display:flex;gap:10px;align-items:center;background:#eef8f6;border:1px solid #dcefeb;border-radius:14px;padding:11px 12px;margin-bottom:12px}
.pn-v7919-faq-intro>span{width:34px;height:34px;border-radius:11px;background:#fff;color:var(--pn);display:grid;place-items:center}
.pn-v7919-faq-intro strong,.pn-v7919-faq-intro small{display:block}.pn-v7919-faq-intro strong{font-size:9.5px}.pn-v7919-faq-intro small{font-size:7.3px;color:#7d8589;margin-top:3px}
.pn-v7919-faq-source{display:none}
.pn-v7919-faq-list{background:#fff;border:1px solid #e4e8ea;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(20,30,35,.035)}
.pn-v7919-faq-item{border-bottom:1px solid #e9ecee}.pn-v7919-faq-item:last-child{border-bottom:0}
.pn-v7919-faq-question{width:100%;min-height:60px;border:0;background:#fff;padding:12px 13px;display:flex;align-items:center;gap:10px;text-align:left;color:#34383d}
.pn-v7919-faq-question>i{width:18px;color:#afb4b8;font-size:8px;transition:transform .2s}.pn-v7919-faq-question strong{font-size:10px;line-height:1.35}
.pn-v7919-faq-item.open .pn-v7919-faq-question>i{transform:rotate(180deg);color:var(--pn)}
.pn-v7919-faq-answer{display:none;padding:0 16px 14px 41px;color:#6f757a;font-size:9px;line-height:1.65;background:#fff}
.pn-v7919-faq-item.open .pn-v7919-faq-answer{display:block}.pn-v7919-faq-answer p{margin:4px 0}.pn-v7919-faq-answer ul,.pn-v7919-faq-answer ol{padding-left:18px}
.pn-v7919-faq-answer img{max-width:100%;height:auto;border-radius:10px;margin:8px 0}
.pn-v7919-faq-plain{padding:15px;font-size:9px;line-height:1.65}
.pn-v7919-faq-empty a{display:inline-flex;margin-top:10px;padding:8px 12px;border-radius:10px;background:var(--pn);color:var(--pn-on);font-size:8px;font-weight:800}
.pn-v7919-faq-contact{margin-top:14px;min-height:60px;background:#fff;border:1px solid #e4e8ea;border-radius:15px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:#282c31}
.pn-v7919-faq-contact>span{width:38px;height:38px;border-radius:12px;background:var(--pn-soft);color:var(--pn);display:grid;place-items:center}.pn-v7919-faq-contact>div{flex:1}.pn-v7919-faq-contact strong,.pn-v7919-faq-contact small{display:block}.pn-v7919-faq-contact strong{font-size:9.5px}.pn-v7919-faq-contact small{font-size:7.2px;color:#858a90;margin-top:3px}.pn-v7919-faq-contact>i{font-size:8px;color:#999fa4}
.pn-v7919-faq-admin-note{display:flex;gap:7px;align-items:flex-start;padding:8px 10px;margin:7px 0;border-radius:9px;background:#fff9e8;border:1px solid #f2e5b4;color:#75652d;font-size:7.4px}
.pn-v7919-faq-admin-note>i{margin-top:1px;color:#c99a18}

@media(max-width:390px){
 .pn-v7919-help-head,.pn-v7919-faq-head{min-height:64px}
 .pn-v7919-help-head h1,.pn-v7919-faq-head h1{font-size:14px}
 .pn-v7919-help-wrap,.pn-v7919-faq-wrap{padding:12px}
}


/* ===== PAYNUSA V7.9.20 TRANSACTION HISTORY ===== */
.pn-v7920-history-page{margin:-18px -18px -96px;min-height:100vh;background:#f7f8fa;padding-bottom:105px;color:#20242a}
.pn-v7920-history-head{
  min-height:70px;padding:0 14px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on);
  display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;position:sticky;top:0;z-index:22
}
.pn-v7920-history-head>a,.pn-v7920-history-head>button{width:34px;height:34px;border:0;background:transparent;color:inherit;display:grid;place-items:center;border-radius:10px;font-size:14px;position:relative}
.pn-v7920-history-head>button b{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff4055;right:3px;top:3px;border:1px solid rgba(255,255,255,.8)}
.pn-v7920-history-head h1{font-size:15px;margin:0;font-weight:850}.pn-v7920-history-head small{display:block;margin-top:3px;font-size:7.4px;opacity:.82}
.pn-v7920-history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 14px 10px}
.pn-v7920-history-summary>div{min-width:0;background:#fff;border:1px solid #e7eaed;border-radius:13px;padding:9px;text-align:center}
.pn-v7920-history-summary span,.pn-v7920-history-summary strong{display:block}.pn-v7920-history-summary span{font-size:6.8px;color:#8c9197}.pn-v7920-history-summary strong{font-size:11px;margin-top:3px}
.pn-v7920-history-summary .success strong{color:#16a873}.pn-v7920-history-summary .pending strong{color:#d99b16}.pn-v7920-history-summary .failed strong{color:#e04d58}
.pn-v7920-history-tabs{height:46px;padding:0 14px;background:#fff;border-top:1px solid #edf0f1;border-bottom:1px solid #e4e7e9;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}
.pn-v7920-history-tabs a{position:relative;display:grid;place-items:center;color:#969ba1;font-size:8px;font-weight:750}
.pn-v7920-history-tabs a.active{color:var(--pn)}.pn-v7920-history-tabs a.active:after{content:"";position:absolute;height:2px;left:18%;right:18%;bottom:0;border-radius:2px;background:var(--pn)}
.pn-v7920-filter-chip{margin:10px 14px -1px;min-height:32px;padding:6px 8px 6px 10px;border-radius:10px;background:var(--pn-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--pn);font-size:7.5px}
.pn-v7920-filter-chip span{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-v7920-filter-chip a{width:24px;height:24px;display:grid;place-items:center;color:var(--pn)}
.pn-v7920-history-list{padding:12px 14px 24px;display:grid;gap:9px}
.pn-v7920-history-card{position:relative;min-height:92px;background:#fff;border:1px solid #e7eaed;border-radius:16px;padding:12px 30px 12px 10px;display:grid;grid-template-columns:43px minmax(0,1fr);gap:10px;align-items:center;color:#23272c;box-shadow:0 3px 12px rgba(25,30,35,.035)}
.pn-v7920-history-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:16px;background:#f2f5f6;color:#7e858c}
.pn-v7920-history-icon.success{background:#e9f8f2;color:#16a873}.pn-v7920-history-icon.pending{background:#fff6df;color:#d99b16}.pn-v7920-history-icon.failed{background:#ffedef;color:#e04d58}
.pn-v7920-history-main{min-width:0}.pn-v7920-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pn-v7920-history-top strong{font-size:9.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pn-v7920-history-top b{font-size:9.3px;white-space:nowrap;color:#20242a}
.pn-v7920-history-target{display:flex;align-items:center;gap:5px;color:#686f75;font-size:7.8px;margin-top:4px}.pn-v7920-history-target i{font-size:7px;color:var(--pn)}
.pn-v7920-history-meta{display:flex;align-items:center;gap:5px;color:#a0a5aa;font-size:6.8px;margin-top:5px;white-space:nowrap;overflow:hidden}.pn-v7920-history-meta span{overflow:hidden;text-overflow:ellipsis}.pn-v7920-history-meta em{font-style:normal}
.pn-v7920-history-state{position:absolute;right:29px;bottom:11px;font-size:6.8px;font-weight:850;padding:3px 7px;border-radius:99px}.pn-v7920-history-state.success{background:#e9f8f2;color:#139865}.pn-v7920-history-state.pending{background:#fff6df;color:#c98e10}.pn-v7920-history-state.failed{background:#ffedef;color:#d94350}
.pn-v7920-history-next{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:8px;color:#a9aeb3}
.pn-v7920-history-empty{text-align:center;padding:55px 20px}.pn-v7920-history-empty>span{width:58px;height:58px;margin:auto;border-radius:18px;background:var(--pn-soft);color:var(--pn);display:grid;place-items:center;font-size:22px}.pn-v7920-history-empty h3{font-size:12px;margin:10px 0 4px}.pn-v7920-history-empty p{font-size:8px;color:#8c9197;margin:0}.pn-v7920-history-empty a{display:inline-flex;margin-top:14px;padding:9px 13px;border-radius:10px;background:var(--pn);color:var(--pn-on);font-size:8px;font-weight:800}

/* Filter bottom sheet */
.pn-v7920-filter-backdrop{position:fixed;inset:0;z-index:90;background:rgba(10,15,20,.42);opacity:0;transition:opacity .22s}.pn-v7920-filter-backdrop.show{opacity:1}
.pn-v7920-filter-sheet{position:fixed;left:50%;bottom:0;z-index:91;width:min(100%,520px);transform:translate(-50%,105%);transition:transform .24s ease;background:#fff;border-radius:22px 22px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.15)}
.pn-v7920-filter-sheet.show{transform:translate(-50%,0)}.pn-v7920-filter-handle{width:38px;height:4px;border-radius:5px;background:#d8dcdf;margin:0 auto 10px}
.pn-v7920-filter-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pn-v7920-filter-title strong,.pn-v7920-filter-title small{display:block}.pn-v7920-filter-title strong{font-size:12px}.pn-v7920-filter-title small{font-size:7.2px;color:#8b9095;margin-top:3px}.pn-v7920-filter-title button{width:30px;height:30px;border:0;border-radius:9px;background:#f2f4f5;color:#747b81}
.pn-v7920-filter-search{height:43px;margin-top:14px;border:1px solid #dfe3e6;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#8b9095}.pn-v7920-filter-search input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;font-size:9px}
.pn-v7920-filter-group{margin-top:14px}.pn-v7920-filter-group>span{font-size:8px;font-weight:800}.pn-v7920-filter-group>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.pn-v7920-filter-group label input{display:none}.pn-v7920-filter-group label span{height:34px;border:1px solid #dfe3e6;border-radius:10px;display:grid;place-items:center;font-size:7.5px;color:#697076}.pn-v7920-filter-group label input:checked+span{border-color:var(--pn);background:var(--pn-soft);color:var(--pn);font-weight:800}
.pn-v7920-filter-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:16px}.pn-v7920-filter-actions a,.pn-v7920-filter-actions button{height:40px;border-radius:11px;display:grid;place-items:center;font-size:8.5px;font-weight:800}.pn-v7920-filter-actions a{border:1px solid #dfe3e6;color:#747a80}.pn-v7920-filter-actions button{border:0;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on)}
@media(max-width:390px){
 .pn-v7920-history-head{min-height:64px}.pn-v7920-history-head h1{font-size:14px}.pn-v7920-history-summary{padding-left:11px;padding-right:11px;gap:5px}.pn-v7920-history-list{padding-left:11px;padding-right:11px}
}


/* ===== PAYNUSA V7.9.21 PROFILE + SECURITY ===== */
.pn-v7921-profile-page,.pn-v7921-security-page{margin:-18px -18px -96px;min-height:100vh;background:#f7f8fa;padding-bottom:108px;color:#20242a}
.pn-v7921-profile-head,.pn-v7921-security-head{min-height:68px;padding:0 15px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on);display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px}
.pn-v7921-profile-head>div,.pn-v7921-security-head>div{text-align:center}.pn-v7921-profile-head h1,.pn-v7921-security-head h1{font-size:15px;margin:0;font-weight:850}.pn-v7921-profile-head small,.pn-v7921-security-head small{display:block;font-size:7px;margin-top:3px;opacity:.82}
.pn-v7921-profile-head>a,.pn-v7921-security-head>a{width:34px;height:34px;display:grid;place-items:center;color:inherit;font-size:14px}.pn-v7921-security-badge{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:12px}

.pn-v7921-profile-card{margin:12px 14px 0;padding:14px;background:#fff;border:1px solid #e7eaed;border-radius:18px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;box-shadow:0 4px 16px rgba(20,30,35,.035)}
.pn-v7921-avatar{width:58px;height:58px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,var(--pn-soft),#daf4ef);display:grid;place-items:center;color:var(--pn)}.pn-v7921-avatar img{width:100%;height:100%;object-fit:cover}.pn-v7921-avatar strong{font-size:23px}
.pn-v7921-profile-id{min-width:0}.pn-v7921-profile-id>div{display:flex;align-items:center;gap:7px;min-width:0}.pn-v7921-profile-id>div strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-v7921-profile-id>div span{font-size:6.5px;padding:3px 6px;border-radius:99px;background:var(--pn-soft);color:var(--pn);font-weight:800;white-space:nowrap}
.pn-v7921-profile-id small{display:flex;align-items:center;gap:5px;font-size:7.3px;color:#83898f;margin-top:4px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-v7921-profile-id small i{width:10px;color:var(--pn);font-size:7px}
.pn-v7921-profile-card>button{border:0;background:var(--pn-soft);color:var(--pn);border-radius:10px;height:33px;padding:0 9px;display:flex;align-items:center;gap:5px;font-size:7.2px;font-weight:850}

.pn-v7921-account-block{margin:16px 14px 0}.pn-v7921-account-block h2{font-size:11px;margin:0 0 8px;padding-left:2px}
.pn-v7921-account-list{background:#fff;border:1px solid #e7eaed;border-radius:16px;overflow:hidden}.pn-v7921-account-list>a{min-height:54px;display:grid;grid-template-columns:36px minmax(0,1fr) 15px;align-items:center;gap:9px;padding:8px 11px;color:#23272c;border-bottom:1px solid #edf0f1}.pn-v7921-account-list>a:last-child{border-bottom:0}
.pn-v7921-account-list .icon{width:34px;height:34px;border-radius:10px;background:var(--pn-soft);color:var(--pn);display:grid;place-items:center;font-size:12px}.pn-v7921-account-list>a>span:nth-child(2){min-width:0}.pn-v7921-account-list strong,.pn-v7921-account-list small{display:block}.pn-v7921-account-list strong{font-size:8.8px}.pn-v7921-account-list small{font-size:6.7px;color:#94999e;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-v7921-account-list>a>i{color:#b3b7bb;font-size:8px}

.pn-v7921-referral-card{margin-top:9px;border:1px solid #e6e3f1;border-radius:14px;background:linear-gradient(135deg,#fbf9ff,#fff);padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.pn-v7921-referral-card small,.pn-v7921-referral-card strong{display:block}.pn-v7921-referral-card small{font-size:6.8px;color:#8d9297}.pn-v7921-referral-card strong{font-size:11.5px;margin-top:3px;letter-spacing:.3px}.pn-v7921-referral-card button{border:0;background:var(--pn);color:var(--pn-on);height:32px;border-radius:10px;padding:0 10px;font-size:7.2px;font-weight:800}
.pn-v7921-ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.pn-v7921-ref-stats>div{background:#fff;border:1px solid #e7eaed;border-radius:12px;padding:8px 5px;text-align:center}.pn-v7921-ref-stats strong,.pn-v7921-ref-stats span{display:block}.pn-v7921-ref-stats strong{font-size:8px}.pn-v7921-ref-stats span{font-size:6.1px;color:#9a9fa4;margin-top:2px}
.pn-v7921-referrer{margin-top:8px;padding:9px 10px;background:#fff;border:1px solid #e7eaed;border-radius:11px;font-size:7.2px;display:flex;align-items:center;gap:7px}.pn-v7921-referrer i{color:var(--pn)}
.pn-v7921-ref-form{margin-top:9px}.pn-v7921-ref-form>label{font-size:7px;color:#767c82}.pn-v7921-ref-form>div{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:5px}.pn-v7921-ref-form input{height:38px;border:1px solid #dfe3e6!important;border-radius:11px!important;padding:0 11px!important;box-shadow:none!important;font-size:8px}.pn-v7921-ref-form button{height:38px;border:0;border-radius:11px;background:var(--pn);color:var(--pn-on);padding:0 13px;font-size:7.5px;font-weight:800}.pn-v7921-ref-form>small{font-size:6.3px;color:#a0a5aa}
.pn-v7921-logout{margin:16px 14px 0}.pn-v7921-logout button{width:100%;height:43px;border:1px solid #ffd9dd;border-radius:13px;background:#fff;color:#da4350;font-size:8.5px;font-weight:800}

.pn-v7921-sheet-backdrop{position:fixed;inset:0;z-index:94;background:rgba(10,15,20,.46);opacity:0;transition:opacity .22s}.pn-v7921-sheet-backdrop.show{opacity:1}
.pn-v7921-profile-sheet{position:fixed;left:50%;bottom:0;z-index:95;width:min(100%,520px);max-height:92vh;overflow:auto;transform:translate(-50%,105%);transition:transform .24s ease;background:#fff;border-radius:22px 22px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.16)}.pn-v7921-profile-sheet.show{transform:translate(-50%,0)}
.pn-v7921-sheet-handle{width:38px;height:4px;border-radius:5px;background:#d8dcdf;margin:0 auto 10px}.pn-v7921-sheet-title{display:flex;justify-content:space-between;align-items:flex-start}.pn-v7921-sheet-title strong,.pn-v7921-sheet-title small{display:block}.pn-v7921-sheet-title strong{font-size:12px}.pn-v7921-sheet-title small{font-size:7px;color:#8d9297;margin-top:2px}.pn-v7921-sheet-title button{width:30px;height:30px;border:0;background:#f1f3f4;border-radius:9px;color:#71777d}
.pn-v7921-profile-form{margin-top:13px}.pn-v7921-photo-picker{display:grid!important;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:10px;border:1px dashed #cfd7da;border-radius:14px;background:#fafcfc;cursor:pointer}.pn-v7921-photo-picker>span{width:58px;height:58px;border-radius:17px;overflow:hidden;background:var(--pn-soft);color:var(--pn);display:grid;place-items:center}.pn-v7921-photo-picker img{width:100%;height:100%;object-fit:cover}.pn-v7921-photo-picker b{font-size:20px}.pn-v7921-photo-picker strong,.pn-v7921-photo-picker small,.pn-v7921-photo-picker em{display:block}.pn-v7921-photo-picker strong{font-size:9px}.pn-v7921-photo-picker small{font-size:6.5px;color:#93989d;margin-top:2px}.pn-v7921-photo-picker em{font-style:normal;color:var(--pn);font-size:7px;font-weight:800;margin-top:5px}
.pn-v7921-profile-form>label:not(.pn-v7921-photo-picker){display:block;margin-top:10px}.pn-v7921-profile-form>label>span{font-size:7.2px;color:#767c82}.pn-v7921-profile-form>label>div{height:42px;margin-top:4px;border:1px solid #dfe3e6;border-radius:11px;display:grid;grid-template-columns:29px 1fr;align-items:center;padding:0 8px;background:#fff}.pn-v7921-profile-form>label>div>i{color:var(--pn);text-align:center;font-size:9px}.pn-v7921-profile-form input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;min-width:0;font-size:8.5px;padding:0 4px!important}
.pn-v7921-profile-note{margin-top:12px;padding:9px 10px;border-radius:11px;background:#eef7ff;color:#47718c;font-size:6.8px;display:flex;gap:7px;align-items:flex-start}.pn-v7921-save-profile{width:100%;height:43px;margin-top:12px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on);font-size:8.5px;font-weight:850}

/* security */
.pn-v7921-security-overview{margin:12px 14px;padding:11px 12px;border-radius:15px;background:linear-gradient(135deg,#e9f8f2,#f7fffc);border:1px solid #d8f0e7;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.pn-v7921-security-overview>span{width:38px;height:38px;border-radius:12px;background:#d7f2e8;color:#139866;display:grid;place-items:center;font-size:14px}.pn-v7921-security-overview strong,.pn-v7921-security-overview small{display:block}.pn-v7921-security-overview strong{font-size:9px}.pn-v7921-security-overview small{font-size:6.7px;color:#71817a;margin-top:2px}
.pn-v7921-security-card{margin:11px 14px 0;padding:13px;background:#fff;border:1px solid #e4e8ea;border-radius:17px}.pn-v7921-security-card-title{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:9px;align-items:center}.pn-v7921-security-card-title>span{width:39px;height:39px;border-radius:12px;background:var(--pn-soft);color:var(--pn);display:grid;place-items:center;font-size:13px}.pn-v7921-security-card-title strong,.pn-v7921-security-card-title small{display:block}.pn-v7921-security-card-title strong{font-size:9.5px}.pn-v7921-security-card-title small{font-size:6.5px;color:#959a9f;margin-top:2px}.pn-v7921-security-card-title em{font-style:normal;font-size:6.2px;padding:3px 6px;border-radius:99px;background:#f3f4f5;color:#8d9296}.pn-v7921-security-card-title em.active{background:#e9f8f2;color:#139866}
.pn-v7921-security-form{margin-top:12px}.pn-v7921-security-form label{display:block;margin-top:9px}.pn-v7921-security-form label>span{font-size:7px;color:#757b80}.pn-v7921-security-form label>div{height:42px;margin-top:4px;border:1px solid #dfe3e6;border-radius:11px;display:grid;grid-template-columns:1fr 36px;align-items:center;background:#fafbfc}.pn-v7921-security-form input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0 11px!important;font-size:8.5px;min-width:0}.pn-v7921-security-form label button{height:36px;border:0;background:transparent;color:#969ba0}.pn-v7921-security-form .pin input{letter-spacing:5px;font-size:11px}
.pn-v7921-password-strength{margin-top:6px;height:15px;display:grid;grid-template-columns:80px 1fr;gap:7px;align-items:center}.pn-v7921-password-strength:before{content:"";grid-column:1;grid-row:1;height:4px;border-radius:5px;background:#e7eaec}.pn-v7921-password-strength i{grid-column:1;grid-row:1;width:0;height:4px;border-radius:5px;background:#e04d58;z-index:1;transition:.2s}.pn-v7921-password-strength i[data-level="1"]{width:25%;background:#e04d58}.pn-v7921-password-strength i[data-level="2"]{width:50%;background:#d99b16}.pn-v7921-password-strength i[data-level="3"]{width:75%;background:#3a9ac4}.pn-v7921-password-strength i[data-level="4"]{width:100%;background:#16a873}.pn-v7921-password-strength span{font-size:6.2px;color:#94999e}
.pn-v7921-security-tip{margin-top:10px;padding:8px 9px;border-radius:10px;background:#fff8e8;color:#8f7228;font-size:6.5px;display:flex;align-items:center;gap:6px}.pn-v7921-security-submit{width:100%;height:42px;margin-top:11px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--pn),var(--pn2));color:var(--pn-on);font-size:8.5px;font-weight:850}
.pn-v7921-login-list{margin-top:10px}.pn-v7921-login-list article{min-height:52px;border-top:1px solid #edf0f1;display:grid;grid-template-columns:32px minmax(0,1fr) 16px;gap:8px;align-items:center}.pn-v7921-login-list article>span{width:31px;height:31px;border-radius:10px;background:#f3f5f6;color:#777f85;display:grid;place-items:center;font-size:10px}.pn-v7921-login-list article strong,.pn-v7921-login-list article small,.pn-v7921-login-list article em{display:block}.pn-v7921-login-list article strong{font-size:7.8px}.pn-v7921-login-list article small{font-size:6.4px;color:#8d9297;margin-top:2px}.pn-v7921-login-list article em{font-style:normal;font-size:6px;color:#afb3b7;margin-top:2px}.pn-v7921-login-list article>i{color:#1aaa73;font-size:8px}.pn-v7921-login-empty{padding:20px;text-align:center;color:#959a9f;font-size:7px}

@media(max-width:390px){
 .pn-v7921-profile-head,.pn-v7921-security-head{min-height:63px}
 .pn-v7921-profile-card{grid-template-columns:52px minmax(0,1fr) auto}.pn-v7921-avatar{width:52px;height:52px}
 .pn-v7921-profile-id>div strong{font-size:10.5px}.pn-v7921-account-block{margin-left:11px;margin-right:11px}.pn-v7921-security-card,.pn-v7921-security-overview{margin-left:11px;margin-right:11px}
}


/* ===== PAYNUSA V7.9.22 catalog/logo + profile polish ===== */
.pn-v7921-security-overview>span i{display:block!important;font-size:14px!important;line-height:1!important;color:#139866!important}
.pn-v7921-photo-picker{grid-template-columns:62px minmax(0,1fr)!important;min-height:84px!important;padding:11px!important}
.pn-v7921-photo-picker>div{height:auto!important;margin:0!important;border:0!important;border-radius:0!important;display:block!important;padding:0!important;background:transparent!important}
.pn-v7921-photo-picker>div strong{font-size:9px!important;line-height:1.25!important;margin:0!important}
.pn-v7921-photo-picker>div small{font-size:6.5px!important;line-height:1.4!important;margin:3px 0 0!important}
.pn-v7921-photo-picker>div em{display:inline-flex!important;align-items:center!important;gap:4px!important;margin-top:7px!important;padding:5px 8px!important;border-radius:8px!important;background:var(--pn-soft)!important;color:var(--pn)!important}
.pn-v7921-photo-picker>span{width:62px!important;height:62px!important}
.pn-v7922-real-logo img,.pn-v7922-game-logo img,.pn-v7922-product-real-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.pn-v791-menu-icon.pn-v7922-real-logo{padding:7px!important;background:#fff!important;border:1px solid #edf0f1}
.pn-v7922-game-logo{padding:5px!important;background:#fff!important;border:1px solid #edf0f1!important}
.pn-v7922-game-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.pn-v791-game-product-icon.pn-v7922-product-real-logo{background:#fff!important;border:1px solid #e8eeee!important;padding:8px!important}
.pn-v791-game-product-icon.pn-v7922-product-real-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.pn-v791-game-product-icon.pn-v7922-product-real-logo>span{width:100%;height:100%;display:grid;place-items:center;background:var(--pn-soft);border-radius:12px;color:var(--pn)}


/* ===== PAYNUSA V7.9.23 profile/deposit/logo hardening ===== */
.pn-u76-drawer-avatar{overflow:hidden!important}
.pn-u76-drawer-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.pn-u76-drawer-avatar>span{width:100%;height:100%;place-items:center}

.pn-v7922-real-logo,.pn-v7922-game-logo,.pn-v7922-product-real-logo{overflow:hidden!important}
.pn-v7923-brand-img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:contain!important;object-position:center!important;
  margin:0!important;padding:5px!important;box-sizing:border-box!important;background:#fff!important;
}
.pn-v7923-brand-fallback{display:grid;width:100%;height:100%;place-items:center}
.pn-v7923-brand-fallback[hidden]{display:none!important}
.pn-v7923-brand-fallback img{
  width:70%!important;height:70%!important;object-fit:contain!important;margin:0!important;
}
.pn-v791-game-list>a>span{width:48px!important;height:48px!important;border-radius:13px!important}
.pn-v791-menu-icon{width:48px!important;height:48px!important;border-radius:13px!important}
.pn-v791-digital-menu>a{min-height:74px!important}
.pn-v791-digital-menu>a strong{align-self:center!important}

.pn-v7923-deposit-history{min-height:100vh;background:#f7f8fa;padding-bottom:110px}
.pn-v7923-deposit-summary{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px;
  background:#fff;border:1px solid #e7e9ec;border-radius:18px;padding:14px;
}
.pn-v7923-deposit-summary>div{min-width:0;text-align:center}
.pn-v7923-deposit-summary>div+div{border-left:1px solid #eceef0}
.pn-v7923-deposit-summary span{display:block;font-size:11px;color:#8a8f98}
.pn-v7923-deposit-summary strong{display:block;margin-top:4px;font-size:18px;color:#171923}
.pn-v7923-deposit-list{margin:0 16px;background:#fff;border:1px solid #e7e9ec;border-radius:20px;overflow:hidden}
.pn-v7923-deposit-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:16px;text-decoration:none;color:#171923}
.pn-v7923-deposit-row+.pn-v7923-deposit-row{border-top:1px solid #eceef0}
.pn-v7923-deposit-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef7f7;color:var(--pn)}
.pn-v7923-deposit-icon.success{background:#e8f8f0;color:#18a86b}.pn-v7923-deposit-icon.pending{background:#fff5dd;color:#d99b11}.pn-v7923-deposit-icon.failed{background:#fff0f0;color:#e54d4d}.pn-v7923-deposit-icon.muted{background:#f1f3f5;color:#848b94}
.pn-v7923-deposit-main{min-width:0}.pn-v7923-deposit-main strong{display:block;font-size:15px}.pn-v7923-deposit-main small,.pn-v7923-deposit-main em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-v7923-deposit-main small{font-size:10px;color:#777f88;margin-top:3px}.pn-v7923-deposit-main em{font-size:9px;color:#a0a6ad;font-style:normal;margin-top:4px}
.pn-v7923-deposit-side{text-align:right;display:grid;justify-items:end;gap:4px}.pn-v7923-deposit-side b{font-size:12px}.pn-v7923-deposit-side small{font-size:9px;font-weight:800}.pn-v7923-deposit-side small.success{color:#18a86b}.pn-v7923-deposit-side small.pending{color:#d99b11}.pn-v7923-deposit-side small.failed{color:#e54d4d}.pn-v7923-deposit-side small.muted{color:#848b94}.pn-v7923-deposit-side i{font-size:9px;color:#adb3ba}


/* ===== PAYNUSA V7.9.24 by.U / deposit / digital polish ===== */
.pn-v7923-brand-img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  padding:1px!important;margin:0!important;background:#fff!important;
  transform:scale(var(--pn-logo-scale,1.12));
  transform-origin:center;
}
.pn-v791-menu-icon{
  width:58px!important;height:58px!important;min-width:58px!important;
  border-radius:16px!important;background:#fff!important;border:1px solid #e7eaed!important;
  padding:4px!important;overflow:hidden!important;
}
.pn-v791-digital-menu>a{
  grid-template-columns:58px 1fr auto!important;
  gap:16px!important;min-height:82px!important;padding:12px 2px!important;
}
.pn-v791-digital-menu>a strong{font-size:16px!important;line-height:1.2!important}
.pn-v7922-game-logo{
  width:58px!important;height:58px!important;min-width:58px!important;
  border-radius:16px!important;background:#fff!important;border:1px solid #e7eaed!important;
  padding:4px!important;
}
.pn-v791-game-list>a{min-height:84px!important;gap:16px!important}
.pn-v791-game-list>a strong{font-size:15px!important}

.pn-v7924-deposit-tools{
  margin:18px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px
}
.pn-v7924-deposit-tools strong{font-size:15px}
.pn-v7924-deposit-tools a{
  display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:12px;
  background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);font-size:10px;font-weight:800
}
.pn-v7923-deposit-list{box-shadow:0 10px 28px rgba(0,0,0,.035)}
.pn-v7923-deposit-icon{position:relative}
.pn-v7923-deposit-icon>b{
  position:absolute;right:-3px;bottom:-3px;width:19px;height:19px;border-radius:50%;
  display:grid;place-items:center;background:#fff;border:2px solid #fff;font-size:9px
}
.pn-v7923-deposit-icon.success>b{color:#18a86b}
.pn-v7923-deposit-icon.pending>b{color:#d99b11}
.pn-v7923-deposit-icon.failed>b{color:#e54d4d}
.pn-v7923-deposit-icon.muted>b{color:#848b94}


/* ===== PAYNUSA V7.9.25 deposit layout + strict operator page ===== */
.pn-v7923-deposit-history{
  background:#f7f8fa!important;min-height:calc(100vh - 77px)!important;
  padding-bottom:28px!important;
}
.pn-v7923-deposit-history>.pn-v797-nav-header{margin-bottom:16px!important}
.pn-v7923-deposit-summary{
  margin:0 16px 14px!important;border-radius:20px!important;
  padding:15px 8px!important;box-shadow:none!important;background:#fff!important;
}
.pn-v7923-deposit-summary>div{padding:0 8px!important}
.pn-v7923-deposit-summary span{font-size:11px!important}
.pn-v7923-deposit-summary strong{font-size:18px!important;margin-top:3px!important}
.pn-v7925-deposit-section-title{
  margin:0 18px 10px!important;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
}
.pn-v7925-deposit-section-title strong{font-size:14px!important;line-height:1.2}
.pn-v7925-deposit-section-title small{font-size:8px!important;color:#9aa0a6;text-align:right}
.pn-v7923-deposit-list{
  margin:0 16px!important;border-radius:20px!important;background:#fff!important;
  overflow:hidden!important;border:1px solid #e9ebee!important;box-shadow:none!important;
}
.pn-v7923-deposit-row{
  min-height:84px!important;padding:12px 14px!important;gap:11px!important;
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
}
.pn-v7923-deposit-icon{
  width:48px!important;height:48px!important;border-radius:15px!important;font-size:18px!important;
}
.pn-v7923-deposit-main{min-width:0!important}
.pn-v7923-deposit-main strong{font-size:15px!important;line-height:1.15!important}
.pn-v7923-deposit-main small{
  display:block!important;max-width:100%!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;font-size:9px!important;margin-top:4px!important;
}
.pn-v7923-deposit-main em{font-size:8px!important;margin-top:3px!important}
.pn-v7923-deposit-side{
  min-width:82px!important;max-width:96px!important;text-align:right!important;
  display:grid!important;grid-template-columns:1fr 10px!important;
  grid-template-areas:"amount amount" "status arrow"!important;align-items:center!important;
}
.pn-v7923-deposit-side b{grid-area:amount;font-size:13px!important;white-space:nowrap!important}
.pn-v7923-deposit-side small{grid-area:status;font-size:9px!important;margin-top:4px!important}
.pn-v7923-deposit-side>i{grid-area:arrow;font-size:9px!important;margin:4px 0 0 4px!important;color:#aeb3b8!important}
@media(max-width:360px){
 .pn-v7923-deposit-row{grid-template-columns:44px minmax(0,1fr) auto!important;padding:11px 10px!important;gap:9px!important}
 .pn-v7923-deposit-icon{width:44px!important;height:44px!important}
 .pn-v7923-deposit-side{min-width:70px!important;max-width:82px!important}
 .pn-v7923-deposit-side b{font-size:11px!important}
 .pn-v7925-deposit-section-title small{display:none}
}


/* ===== PAYNUSA V7.9.26 - Saldo / Mutasi ===== */
.pn-v7926-wallet-history{
  min-height:calc(100vh - 76px);
  background:#fff;
  padding-bottom:28px;
}
.pn-v7926-wallet-head{
  height:92px;
  padding:20px 22px 28px;
  background:var(--pn);
  color:#fff;
  display:grid;
  grid-template-columns:38px 1fr auto;
  align-items:center;
  gap:10px;
}
.pn-v7926-wallet-head h1{
  margin:0;
  font-size:20px;
  font-weight:800;
  letter-spacing:.01em;
}
.pn-v7926-head-btn,
.pn-v7926-head-actions a,
.pn-v7926-head-actions button{
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:21px;
  padding:0;
}
.pn-v7926-head-actions{
  display:flex;
  gap:12px;
  align-items:center;
}
.pn-v7926-head-actions a,
.pn-v7926-head-actions button{font-size:22px}

.pn-v7926-balance-card{
  margin:-4px 16px 0;
  padding:22px 18px;
  min-height:112px;
  border-radius:18px;
  border:1px solid #e7e8eb;
  background:#fff;
  box-shadow:0 2px 6px rgba(20,25,32,.06);
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.pn-v7926-balance-card span{
  display:block;
  color:#74777e;
  font-size:13px;
  margin-bottom:9px;
}
.pn-v7926-balance-card strong{
  display:block;
  color:#272a30;
  font-size:25px;
  line-height:1;
  font-weight:700;
}
.pn-v7926-topup-fab{
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--pn);
  color:#fff;
  font-size:27px;
  box-shadow:0 5px 12px rgba(0,0,0,.14);
}

.pn-v7926-ledger-filter{
  height:68px;
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #e6e7e9;
}
.pn-v7926-ledger-filter button{
  position:relative;
  border:0;
  background:transparent;
  color:#777a80;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
}
.pn-v7926-ledger-filter button.active{color:var(--pn)}
.pn-v7926-ledger-filter button.active:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:3px;
  background:var(--pn);
}

.pn-v7926-date-panel{
  margin:12px 16px 0;
  padding:10px 12px;
  border:1px solid #e5e7ea;
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:flex-end;
  gap:10px;
}
.pn-v7926-date-panel[hidden]{display:none!important}
.pn-v7926-date-panel label{flex:1}
.pn-v7926-date-panel span{
  display:block;
  font-size:10px;
  color:#8d9298;
  margin-bottom:4px;
}
.pn-v7926-date-panel input{
  width:100%;
  height:38px;
  border:1px solid #dfe2e5;
  border-radius:9px;
  padding:0 10px;
  outline:none;
}
.pn-v7926-date-panel button{
  height:38px;
  border:0;
  border-radius:9px;
  padding:0 14px;
  background:#eef7f7;
  color:var(--pn);
  font-weight:800;
}

.pn-v7926-ledger-list{
  padding:0 16px;
}
.pn-v7926-ledger-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:88px;
  border-bottom:1px solid #e9eaec;
}
.pn-v7926-ledger-row[hidden]{display:none!important}
.pn-v7926-ledger-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:17px;
}
.pn-v7926-ledger-icon.credit{
  background:#e8f8f1;
  color:#16a46f;
}
.pn-v7926-ledger-icon.debit{
  background:#fff0ed;
  color:#e35a45;
}
.pn-v7926-ledger-main{min-width:0}
.pn-v7926-ledger-main strong{
  display:block;
  color:#25282e;
  font-size:13px;
  line-height:1.25;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.pn-v7926-ledger-main small{
  display:block;
  color:#9a9da3;
  font-size:9px;
  margin-top:4px;
}
.pn-v7926-ledger-main em{
  display:block;
  margin-top:3px;
  font-style:normal;
  font-size:8px;
  color:#b2b5ba;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pn-v7926-ledger-amount{
  text-align:right;
  max-width:120px;
}
.pn-v7926-ledger-amount strong{
  display:block;
  font-size:12px;
  white-space:nowrap;
}
.pn-v7926-ledger-amount strong.credit{color:#14a06b}
.pn-v7926-ledger-amount strong.debit{color:#df5948}
.pn-v7926-ledger-amount small{
  display:block;
  color:#9b9ea4;
  font-size:8px;
  margin-top:4px;
  white-space:nowrap;
}

.pn-v7926-ledger-empty{
  min-height:520px;
  padding:120px 22px 50px;
  text-align:center;
  color:#7c8187;
}
.pn-v7926-ledger-empty[hidden]{display:none!important}
.pn-v7926-empty-illustration{
  width:118px;
  height:118px;
  margin:0 auto 24px;
  position:relative;
  display:grid;
  place-items:center;
  color:#9199a0;
}
.pn-v7926-empty-illustration>.fa-file-lines{
  font-size:92px;
  font-weight:400;
}
.pn-v7926-empty-illustration>.fa-magnifying-glass{
  position:absolute;
  right:3px;
  bottom:4px;
  width:48px;
  height:48px;
  border:6px solid #fff;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:31px;
  background:#fff;
}
.pn-v7926-ledger-empty h2{
  margin:0 0 7px;
  color:#202329;
  font-size:18px;
}
.pn-v7926-ledger-empty p{
  margin:0 auto;
  max-width:330px;
  color:#8a8e94;
  font-size:12px;
  line-height:1.55;
}

@media(max-width:360px){
 .pn-v7926-wallet-head{height:84px;padding-left:17px;padding-right:17px}
 .pn-v7926-wallet-head h1{font-size:18px}
 .pn-v7926-balance-card{margin-left:12px;margin-right:12px}
 .pn-v7926-balance-card strong{font-size:22px}
 .pn-v7926-ledger-row{grid-template-columns:42px minmax(0,1fr) auto;gap:9px}
 .pn-v7926-ledger-icon{width:42px;height:42px}
 .pn-v7926-ledger-amount{max-width:102px}
}


/* ===== PAYNUSA V7.9.27 - Saldo Full Bleed Mobile Precision Fix ===== */
body:has(.pn-v7926-wallet-history){background:#fff!important}
body:has(.pn-v7926-wallet-history) .pn-mobile-main,
body:has(.pn-v7926-wallet-history) main,
body:has(.pn-v7926-wallet-history) .pn-page,
body:has(.pn-v7926-wallet-history) .pn-content,
body:has(.pn-v7926-wallet-history) .container,
body:has(.pn-v7926-wallet-history) .container-fluid{
  width:100%!important;max-width:none!important;margin:0!important;
  padding-left:0!important;padding-right:0!important;
}
.pn-v7926-wallet-history{
  width:100%;max-width:none;margin:0!important;padding:0 0 88px!important;
  min-height:100vh;overflow-x:hidden;background:#fff;
}
.pn-v7926-wallet-head{
  width:100%;height:104px;margin:0!important;padding:22px 18px 34px!important;
  border-radius:0!important;box-shadow:none!important;
}
.pn-v7926-balance-card{
  width:calc(100% - 32px);margin:-20px 16px 0!important;min-height:118px;
  padding:22px 18px!important;border-radius:18px;box-sizing:border-box;
}
.pn-v7926-ledger-filter{
  width:100%;margin:10px 0 0!important;padding:0!important;height:72px;
  box-sizing:border-box;background:#fff;
}
.pn-v7926-ledger-list{width:100%;padding:0 16px!important;box-sizing:border-box}
.pn-v7926-ledger-row{width:100%;box-sizing:border-box}
@media(max-width:768px){
 body:has(.pn-v7926-wallet-history) .pn-mobile-shell,
 body:has(.pn-v7926-wallet-history) .mobile-shell,
 body:has(.pn-v7926-wallet-history) .app-shell,
 body:has(.pn-v7926-wallet-history) .page-wrapper,
 body:has(.pn-v7926-wallet-history) .content-wrapper{
   width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
   border:0!important;border-radius:0!important;box-shadow:none!important;
 }
 .pn-v7926-wallet-head h1{font-size:21px}
 .pn-v7926-balance-card strong{font-size:26px}
}
@media(max-width:360px){
 .pn-v7926-wallet-head{height:98px;padding:20px 14px 32px!important}
 .pn-v7926-balance-card{width:calc(100% - 24px);margin:-18px 12px 0!important}
 .pn-v7926-ledger-list{padding:0 12px!important}
}

/* PAYNUSA V7.10 Auth & Onboarding */
.pn-a710{margin:0;background:#f7f7f8;color:#20212a;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}.pn-a710 *{box-sizing:border-box}.pn-a710 a{color:inherit;text-decoration:none}.pn-a710-head{height:112px;background:var(--pn);color:#fff;display:flex;align-items:center;gap:24px;padding:28px 22px;font-size:25px}.pn-a710-head>b{font-size:24px}.pn-a710-head>a{font-size:34px}.pn-a710-head span{margin-left:auto;display:flex;gap:28px;font-size:26px}.pn-a710 main{max-width:520px;margin:auto}.pn-a710-slider{text-align:center;padding:32px 20px 30px}.pn-a710-hero{height:180px;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--pn);font-size:58px}.pn-a710-hero i:nth-child(2){font-size:100px}.pn-a710-slider h2{font-size:22px}.pn-a710-dots{display:flex;justify-content:center;gap:7px}.pn-a710-dots>*{width:9px;height:9px;background:#bbb;border-radius:9px}.pn-a710-dots b{width:20px;background:var(--pn)}.pn-a710-card,.pn-a710-legal{background:#fff;border:1px solid #e3e3e3;border-radius:26px;padding:28px 26px;margin:0 16px 30px;box-shadow:0 1px 2px #0001}.pn-a710-card label{display:block;font-weight:700;margin:0 0 8px;color:#4a5261}.pn-a710-card input{width:100%;height:58px;border:1.5px solid #dedfe2;border-radius:16px;padding:0 18px;font-size:17px;margin-bottom:24px;outline:none}.pn-a710-card input:focus{border-color:var(--pn)}.pn-a710-pass{position:relative}.pn-a710-pass input{padding-right:55px}.pn-a710-pass button{position:absolute;right:8px;top:5px;width:46px;height:46px;border:0;background:transparent;font-size:20px;color:#777}.pn-a710-forgot{display:block;text-align:right;color:var(--pn)!important;margin:-12px 8px 28px;font-weight:700}.pn-a710-primary,.pn-a710-fixed-btn{display:flex;width:100%;height:58px;border:0;border-radius:28px;background:var(--pn);color:#fff!important;align-items:center;justify-content:center;font-size:18px;font-weight:800}.pn-a710-center{text-align:center;color:#888;margin:28px 0}.pn-a710-center a{color:var(--pn);font-weight:800}.pn-a710-or{text-align:center;color:#888;margin:20px}.pn-a710-google{margin:auto;display:flex;width:150px;height:48px;border:2px solid #222;border-radius:26px;align-items:center;justify-content:center;gap:12px;font-weight:700}.pn-a710-google b{color:#4285f4;font-size:22px}.pn-a710-legal{font-size:17px;line-height:1.7;max-height:68vh;overflow:auto;margin-top:20px}.pn-a710-fixed-btn{width:calc(100% - 32px);margin:18px 16px}.pn-a710-reg{margin-top:20px}.pn-a710-mailart{height:260px;background:#e7f7f6;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--pn);font-size:80px;margin-bottom:32px}.pn-a710-reg>p{color:#606774;font-size:18px}.pn-a710-phone{display:flex}.pn-a710-phone input{border-radius:16px 0 0 16px}.pn-a710-phone button{height:58px;border:0;background:var(--pn);color:#fff;font-weight:800;padding:0 18px;border-radius:0 16px 16px 0}.pn-a710-verified{display:block;color:var(--pn);margin:-18px 0 20px}.pn-a710-suggestions{display:flex;gap:8px;margin:-12px 0 18px;flex-wrap:wrap}.pn-a710-suggestions button{border:0;border-radius:18px;padding:9px 14px}.pn-a710-waotp{padding:14px;background:#f3f8f8;border-radius:16px;margin:-12px 0 20px}.pn-a710-waotp button{border:0;background:var(--pn);color:#fff;padding:10px 14px;border-radius:12px}.pn-a710-primary:disabled{background:#d8d8d8}.pn-a710-otp-page{background:#083f3d}.pn-a710-shade{position:fixed;inset:0;background:#063d3bd9}.pn-a710-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;min-height:68vh;padding:26px 24px;text-align:center}.pn-a710-sheet h2{text-transform:uppercase}.pn-a710-sheet p{color:#666;font-size:17px}.pn-a710-otp-dots{display:flex;justify-content:center;gap:18px;margin:34px 0}.pn-a710-otp-dots i{width:28px;height:28px;border:2px solid var(--pn,#168c88);border-radius:50%}.pn-a710-otp-dots i.on{background:var(--pn,#168c88)}.pn-a710-keypad{display:grid;grid-template-columns:repeat(3,1fr);max-width:420px;margin:auto}.pn-a710-keypad button{height:76px;border:0;background:transparent;font-size:34px}.pn-a710-cancel{border:0;background:transparent;color:var(--pn,#168c88);font-size:18px;font-weight:800;margin-top:18px}
@media(max-width:380px){.pn-a710-head{height:96px}.pn-a710-hero{height:145px}.pn-a710-card{margin-left:10px;margin-right:10px;padding:22px 18px}}


/* ===== PAYNUSA V7.10.1 - Login compact header + auto slider ===== */
.pn-a710-login{
  background:#f7f7f8;
  min-height:100vh;
}
.pn-a710-login-head{
  height:78px!important;
  min-height:78px!important;
  padding:14px 18px!important;
  gap:14px!important;
}
.pn-a710-login-head>b{
  font-size:21px!important;
  line-height:1!important;
}
.pn-a710-login-head span{
  gap:18px!important;
  font-size:20px!important;
}
.pn-a710-login-head span a{
  width:34px;height:34px;
  display:grid;place-items:center;
  color:#fff!important;
}
.pn-a710-login-main{
  width:100%;
  max-width:430px!important;
  margin:0 auto!important;
  padding-bottom:32px;
}

.pn-a710-login .pn-a710-slider{
  position:relative;
  padding:16px 16px 14px!important;
  min-height:230px;
  overflow:hidden;
}
.pn-a710-slides{
  position:relative;
  min-height:190px;
}
.pn-a710-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:translateX(18px);
  transition:opacity .42s ease,transform .42s ease,visibility .42s;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.pn-a710-slide.active{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}
.pn-a710-slide-art{
  height:108px;
  width:100%;
  max-width:270px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin:0 auto 6px;
}
.pn-a710-slide-art>span{
  width:62px;height:62px;
  border-radius:19px;
  display:grid;place-items:center;
  color:var(--pn);
  background:color-mix(in srgb,var(--pn) 10%,#fff);
  font-size:27px;
}
.pn-a710-slide-art>span.main{
  width:88px;height:88px;
  border-radius:26px;
  color:#fff;
  background:var(--pn);
  font-size:40px;
  box-shadow:0 12px 24px color-mix(in srgb,var(--pn) 22%,transparent);
}
.pn-a710-slide h2{
  margin:5px 0 4px!important;
  font-size:19px!important;
  line-height:1.25;
}
.pn-a710-slide p{
  max-width:330px;
  margin:0!important;
  color:#858991;
  font-size:10px;
  line-height:1.45;
}
.pn-a710-login .pn-a710-dots{
  position:absolute;
  left:0;right:0;bottom:10px;
  display:flex;
  justify-content:center;
  gap:6px;
}
.pn-a710-login .pn-a710-dots button{
  width:7px;height:7px;
  min-width:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#c6c8cb;
  transition:width .25s,background .25s;
}
.pn-a710-login .pn-a710-dots button.active{
  width:22px;
  background:var(--pn);
}

.pn-a710-login-card{
  margin:4px 14px 24px!important;
  padding:22px 20px 20px!important;
  border-radius:22px!important;
}
.pn-a710-login-card label{
  margin-bottom:7px!important;
  font-size:13px;
}
.pn-a710-login-card input{
  height:52px!important;
  border-radius:14px!important;
  font-size:14px!important;
  margin-bottom:18px!important;
}
.pn-a710-login-card .pn-a710-pass button{
  top:3px!important;
}
.pn-a710-login-card .pn-a710-forgot{
  margin:-6px 4px 18px!important;
  font-size:12px;
}
.pn-a710-login-card .pn-a710-primary{
  height:52px!important;
  border-radius:26px!important;
  font-size:15px!important;
}
.pn-a710-login-card .pn-a710-center{
  margin:20px 0 16px!important;
  font-size:12px;
}
.pn-a710-login-separator{
  position:relative;
  height:20px;
  margin:0 0 13px;
  text-align:center;
}
.pn-a710-login-separator:before{
  content:"";
  position:absolute;left:0;right:0;top:50%;
  height:1px;background:#eceef0;
}
.pn-a710-login-separator span{
  position:relative;
  display:inline-block;
  background:#fff;
  padding:0 10px;
  color:#a0a4aa;
  font-size:10px;
}
.pn-a710-login .pn-a710-google{
  width:100%!important;
  max-width:none!important;
  height:48px!important;
  border:1.5px solid #dfe1e4!important;
  border-radius:24px!important;
  gap:10px!important;
  font-size:13px;
  background:#fff;
}
.pn-a710-login .pn-a710-google b{
  font-size:19px!important;
}
@media(max-width:380px){
 .pn-a710-login-head{height:72px!important;min-height:72px!important}
 .pn-a710-login .pn-a710-slider{min-height:218px;padding-top:10px!important}
 .pn-a710-slides{min-height:182px}
 .pn-a710-slide-art{height:100px}
 .pn-a710-slide-art>span{width:56px;height:56px}
 .pn-a710-slide-art>span.main{width:80px;height:80px}
 .pn-a710-login-card{margin-left:10px!important;margin-right:10px!important}
}


/* ===== PAYNUSA V7.10.2 - Unified Auth UI + SMTP Admin ===== */
.pn-a7102-auth{background:#f5f6f8!important;min-height:100vh;color:#252830}
.pn-a7102-top{
  height:76px;background:var(--pn);color:#fff;display:grid;grid-template-columns:42px 1fr 42px;
  align-items:center;padding:0 16px;gap:8px
}
.pn-a7102-top h1{font-size:20px;margin:0;text-align:left;font-weight:800}
.pn-a7102-top>a,.pn-a7102-top>button,.pn-a7102-top>.info{
  width:38px;height:38px;border:0;background:transparent;color:#fff;display:grid;place-items:center;font-size:20px
}
.pn-a7102-main{max-width:430px;margin:0 auto;padding:16px 14px 32px}
.pn-a7102-form-card,.pn-a7102-legal-card,.pn-a7102-otp-card{
  background:#fff;border:1px solid #e5e7ea;border-radius:22px;padding:20px;box-shadow:0 4px 14px rgba(25,32,40,.04)
}
.pn-a7102-art{
  height:155px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--pn) 8%,#fff),#fff);
  position:relative;display:grid;place-items:center;margin-bottom:18px;overflow:hidden
}
.pn-a7102-art span{position:absolute;display:grid;place-items:center;color:var(--pn)}
.pn-a7102-art .phone{width:82px;height:112px;border:4px solid var(--pn);border-radius:18px;font-size:38px}
.pn-a7102-art .mail{left:52px;top:48px;font-size:42px;transform:rotate(-9deg)}
.pn-a7102-art .send{right:54px;top:40px;font-size:34px;transform:rotate(12deg)}
.pn-a7102-copy{text-align:center;margin-bottom:20px}.pn-a7102-copy.left{text-align:left}
.pn-a7102-copy h2{font-size:20px;margin:0 0 7px}.pn-a7102-copy p{margin:0;color:#7a8089;font-size:12px;line-height:1.55}
.pn-a7102-form-card label{display:block;font-size:12px;font-weight:800;margin:0 0 7px;color:#4a5260}
.pn-a7102-form-card label small{font-weight:500;color:#9a9fa6}
.pn-a7102-input-icon{position:relative;margin-bottom:17px}
.pn-a7102-input-icon>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#969ba3;z-index:2}
.pn-a7102-input-icon input{
  width:100%;height:52px;border:1.5px solid #dfe2e5;border-radius:14px;padding:0 42px;font-size:14px;outline:none;background:#fff
}
.pn-a7102-input-icon input:focus{border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 9%,transparent)}
.pn-a7102-input-icon>button{position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;background:transparent;color:#747a82}
.pn-a7102-input-icon.verified input{background:#f8fbfb;padding-right:48px}
.pn-a7102-input-icon.verified>b{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--pn)}
.pn-a7102-footnote{display:block;text-align:center;color:#989da4;font-size:9px;margin-top:14px}
.pn-a7102-footnote i{margin-right:4px}
.pn-a7102-profile-card{padding-top:17px}
.pn-a7102-step{display:grid;grid-template-columns:24px 1fr 24px 1fr 24px;align-items:center;margin:0 8px 24px}
.pn-a7102-step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--pn);color:#fff;font-size:10px}
.pn-a7102-step i{height:2px;background:#dde1e4}.pn-a7102-step i.done{background:var(--pn)}
.pn-a7102-step span{font-size:8px;color:#9ba0a7;text-align:center;margin-top:31px;transform:translateX(-4px)}
.pn-a7102-step span:nth-of-type(1){grid-column:1}.pn-a7102-step span:nth-of-type(2){grid-column:3}.pn-a7102-step span:nth-of-type(3){grid-column:5}
.pn-a7102-phone{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.pn-a7102-phone .pn-a7102-input-icon{margin:0}
.pn-a7102-phone>button{height:52px;border:0;border-radius:14px;background:var(--pn);color:#fff;padding:0 14px;font-weight:800;font-size:11px}
.pn-a7102-field-state{font-size:9px;min-height:12px;margin:-12px 0 11px;color:#90959c}
.pn-a7102-field-state .ok{color:#15986a}.pn-a7102-field-state .bad{color:#d9534f}
.pn-a710-suggestions{margin:-7px 0 15px!important}.pn-a710-suggestions button{font-size:9px!important;background:#eef1f3}
.pn-a7102-wa-box{padding:12px;border-radius:14px;background:#eff9f6;margin:9px 0 17px}
.pn-a7102-wa-box>div:first-child{display:flex;gap:7px;align-items:center;color:#238b69;font-size:10px;margin-bottom:9px}
.pn-a7102-wa-input{display:grid;grid-template-columns:1fr auto;gap:7px}
.pn-a7102-wa-input input{height:42px;border:1px solid #d9dfdf;border-radius:10px;padding:0 11px;min-width:0}
.pn-a7102-wa-input button{border:0;border-radius:10px;background:var(--pn);color:#fff;padding:0 12px;font-weight:800}
.pn-a7102-hint{display:block;color:#9aa0a6;font-size:9px;margin:-9px 0 16px}
.pn-a7102-legal-card{padding:0;overflow:hidden}
.pn-a7102-legal-intro{display:flex;gap:12px;padding:18px;border-bottom:1px solid #eceef0;background:#fbfcfc}
.pn-a7102-legal-intro>span{width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);display:grid;place-items:center;font-size:20px}
.pn-a7102-legal-intro strong,.pn-a7102-legal-intro small{display:block}.pn-a7102-legal-intro strong{font-size:13px}.pn-a7102-legal-intro small{font-size:9px;color:#92979e;margin-top:4px}
.pn-a7102-legal-scroll{padding:18px;max-height:62vh;overflow:auto}.pn-a7102-legal-scroll h2{font-size:15px;margin:18px 0 7px}.pn-a7102-legal-scroll h2:first-child{margin-top:0}.pn-a7102-legal-scroll p{font-size:11px;line-height:1.65;color:#59606a;margin:0}
.pn-a7102-bottom-action{padding:14px 0 0}.pn-a7102-bottom-action .pn-a710-primary{height:52px!important}
.pn-a7102-otp-page .pn-a7102-main{padding-top:28px}.pn-a7102-otp-card{text-align:center}
.pn-a7102-otp-icon{width:60px;height:60px;border-radius:20px;margin:0 auto 12px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);display:grid;place-items:center;font-size:26px}
.pn-a7102-otp-card h2{font-size:19px;margin:0 0 7px}.pn-a7102-otp-card>p{font-size:11px;color:#858a92;line-height:1.5;margin:0 auto;max-width:320px}
.pn-a7102-otp-boxes{display:flex;justify-content:center;gap:8px;margin:24px 0 16px}
.pn-a7102-otp-boxes button{width:47px;height:52px;border:1.5px solid #d8dcdf;border-radius:12px;background:#fff;font-size:25px;color:var(--pn)}
.pn-a7102-otp-boxes button.filled{border-color:var(--pn);background:color-mix(in srgb,var(--pn) 4%,#fff)}
.pn-a7102-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;max-width:310px;margin:auto}
.pn-a7102-keypad button{height:57px;border:0;background:transparent;font-size:24px;color:#222}.pn-a7102-keypad button:active{background:#f1f3f4;border-radius:14px}.pn-a7102-keypad button:disabled{visibility:hidden}
.pn-a7102-otp-actions{display:flex;justify-content:center;gap:18px;margin-top:12px}.pn-a7102-link{border:0;background:transparent;color:var(--pn);font-weight:800;font-size:11px}.pn-a7102-link.muted{color:#92979d}

/* SMTP admin */
.pn-v7102-smtp-status{margin-top:16px;padding:12px 14px;border-radius:12px;background:#f3f7f8;color:#59626c;font-size:12px}
.pn-v7102-smtp-test{margin-top:14px;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}
.pn-v7102-smtp-test .pn-v3-field{margin:0}.pn-v7102-smtp-test .pn-v3-btn{height:42px}
@media(max-width:700px){.pn-v7102-smtp-test{grid-template-columns:1fr}.pn-v7102-smtp-test .pn-v3-btn{width:100%}}
@media(max-width:360px){
 .pn-a7102-top{height:70px}.pn-a7102-top h1{font-size:18px}
 .pn-a7102-main{padding:12px 10px 28px}.pn-a7102-form-card,.pn-a7102-legal-card,.pn-a7102-otp-card{border-radius:19px;padding:17px}
 .pn-a7102-art{height:132px}.pn-a7102-otp-boxes button{width:42px;height:48px}
}


/* ===== PAYNUSA V7.10.3 - Unified Auth Alert + Managed Terms ===== */
.pn-a7103-flash{
  position:fixed;
  z-index:9999;
  top:86px;
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - 28px);
  max-width:400px;
  min-height:48px;
  padding:10px 10px 10px 12px;
  border-radius:16px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 32px;
  gap:8px;
  align-items:center;
  background:#fff;
  box-shadow:0 10px 30px rgba(20,28,36,.14);
  border:1px solid #eceff1;
  transition:opacity .25s ease,transform .25s ease;
}
.pn-a7103-flash.error{
  border-color:#ffd7d9;
  background:#fffafb;
}
.pn-a7103-flash.success{
  border-color:#cdeedf;
  background:#fbfffd;
}
.pn-a7103-flash-icon{
  width:30px;height:30px;border-radius:10px;
  display:grid;place-items:center;font-size:15px;
}
.pn-a7103-flash.error .pn-a7103-flash-icon{background:#ffebec;color:#df4e56}
.pn-a7103-flash.success .pn-a7103-flash-icon{background:#e7f8ef;color:#159a67}
.pn-a7103-flash-copy{
  min-width:0;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
  color:#444b54;
}
.pn-a7103-flash button{
  width:32px;height:32px;border:0;background:transparent;
  display:grid;place-items:center;color:#9aa0a6;font-size:13px;
}
.pn-a7103-flash.hide{
  opacity:0;
  transform:translate(-50%,-8px);
  pointer-events:none;
}

/* Content from Admin -> Konten & Banner */
.pn-a7103-rich-terms{
  word-break:break-word;
}
.pn-a7103-rich-terms h1,
.pn-a7103-rich-terms h2,
.pn-a7103-rich-terms h3,
.pn-a7103-rich-terms h4{
  color:#282c32;
  line-height:1.35;
  margin:18px 0 8px;
}
.pn-a7103-rich-terms h1{font-size:17px}
.pn-a7103-rich-terms h2{font-size:15px}
.pn-a7103-rich-terms h3{font-size:13px}
.pn-a7103-rich-terms h4{font-size:12px}
.pn-a7103-rich-terms p,
.pn-a7103-rich-terms li,
.pn-a7103-rich-terms blockquote{
  color:#59616a;
  font-size:11px;
  line-height:1.7;
}
.pn-a7103-rich-terms ul,
.pn-a7103-rich-terms ol{
  padding-left:22px;
  margin:8px 0 14px;
}
.pn-a7103-rich-terms blockquote{
  margin:12px 0;
  padding:10px 12px;
  border-left:3px solid var(--pn);
  background:#f7f9f9;
  border-radius:0 10px 10px 0;
}
.pn-a7103-rich-terms img{
  display:block;
  max-width:100%;
  height:auto;
  margin:12px auto;
  border-radius:12px;
}
.pn-a7103-rich-terms a{
  color:var(--pn);
  text-decoration:underline;
}
@media(max-width:360px){
 .pn-a7103-flash{top:78px;width:calc(100% - 20px)}
}


/* ===== PAYNUSA V7.10.4 - WA Gateway Device Check ===== */
.pn-v7104-wa-result{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:9px;
  padding:10px 12px;
  border-radius:12px;
  font-size:11px;
  line-height:1.45;
}
.pn-v7104-wa-result.loading{background:#f3f6f7;color:#7c838a}
.pn-v7104-wa-result.success{display:block;background:#edf9f4;color:#217a5e}
.pn-v7104-wa-result.warning{background:#fff8e8;color:#9a7115}
.pn-v7104-wa-result.error{background:#fff0f1;color:#b3474d}
.pn-v7104-device{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:7px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.pn-v7104-device:last-child{border-bottom:0}
.pn-v7104-device .dot{width:8px;height:8px;border-radius:50%;background:#aeb5bb}
.pn-v7104-device .dot.ready{background:#1aaa72;box-shadow:0 0 0 3px rgba(26,170,114,.11)}
.pn-v7104-device strong,.pn-v7104-device small{display:block}
.pn-v7104-device strong{font-size:11px;color:#333a40}
.pn-v7104-device small{font-size:9px;color:#80878e;margin-top:2px}
.pn-v7104-device>b{
  font-size:9px;text-transform:uppercase;padding:4px 7px;border-radius:999px;
  background:#eef0f2;color:#747b82
}
.pn-v7104-device>b.ready{background:#dff5ea;color:#17865d}
#checkWaDevice:disabled{opacity:.7;cursor:not-allowed}


/* ===== PAYNUSA V7.10.5 - WA Gateway diagnostic ===== */
.pn-v7105-api-ok{
  display:flex;align-items:center;gap:7px;
  padding:7px 0 9px;margin-bottom:3px;
  border-bottom:1px solid rgba(0,0,0,.06);
  font-size:10px;font-weight:800;color:#16865d
}


/* ===== PAYNUSA V7.10.6 - Registration OTP / CSRF Fix ===== */
.pn-a7106-inline-notice{
  display:flex;align-items:flex-start;gap:8px;
  padding:10px 12px;margin:9px 0 13px;
  border-radius:12px;font-size:10px;font-weight:700;line-height:1.45
}
.pn-a7106-inline-notice.success{background:#eaf8f1;color:#15825d}
.pn-a7106-inline-notice.error{background:#fff0f1;color:#b84249}
.pn-a7106-inline-notice.info{background:#eef6f8;color:#39727d}
.pn-a7106-inline-notice>i{margin-top:1px}
#verifyWa:disabled,#sendWa:disabled{opacity:.65;cursor:not-allowed}


/* ===== PAYNUSA V7.10.7 - Auth flow stability ===== */
.pn-a7103-flash{
  box-sizing:border-box!important;
}
.pn-a7103-flash-copy{
  overflow-wrap:anywhere;
}
.pn-a7102-link.muted{
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}


/* ===== PAYNUSA V7.10.8 - Profile avatar + confirmation dialog ===== */
.pn-u76-drawer-avatar{
  position:relative!important;
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--pn)!important;
  border:3px solid rgba(255,255,255,.34)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
.pn-u76-drawer-avatar .pn-v7108-avatar-fallback{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  opacity:1!important;
  font-size:26px!important;
  font-weight:900!important;
  line-height:1!important;
  color:var(--pn)!important;
  background:#fff!important;
}
.pn-u76-drawer-avatar img{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#fff!important;
}
.pn-u76-drawer-avatar:not(.photo-ready) img{opacity:0}
.pn-u76-drawer-avatar.photo-ready img{opacity:1}

.pn-u781-member-avatar{
  position:relative!important;
  overflow:hidden!important;
}
.pn-u781-member-avatar>b{
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:10px;color:var(--pn);background:#fff;
}
.pn-u781-member-avatar>img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;padding:0!important;margin:0!important;z-index:2!important
}

.pn-v7921-avatar{position:relative!important;overflow:hidden!important}
.pn-v7921-avatar>strong{
  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important
}
.pn-v7921-avatar>img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;z-index:2!important
}

/* Custom confirmation inspired by the supplied mobile reference. */
.pn-v7108-confirm-overlay{
  position:fixed;z-index:12000;inset:0;
  display:grid;place-items:center;
  padding:20px;
  background:rgba(25,28,31,.48);
  opacity:0;
  transition:opacity .18s ease;
}
.pn-v7108-confirm-overlay.show{opacity:1}
.pn-v7108-confirm{
  width:min(100%,360px);
  padding:24px 22px 20px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 22px 60px rgba(0,0,0,.22);
  text-align:center;
  transform:scale(.97);
  transition:transform .18s ease;
}
.pn-v7108-confirm-overlay.show .pn-v7108-confirm{transform:scale(1)}
.pn-v7108-confirm h2{
  margin:0 0 14px;
  font-size:22px;
  line-height:1.2;
  color:#3a3d42;
  font-weight:800;
}
.pn-v7108-confirm-desc,
.pn-v7108-confirm-question{
  margin:0 auto;
  max-width:300px;
  color:#666b72;
  font-size:13px;
  line-height:1.55;
}
.pn-v7108-confirm-question{
  margin-top:14px;
  color:#4a4e54;
  font-size:14px;
}
.pn-v7108-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}
.pn-v7108-confirm-actions button{
  height:52px;
  border-radius:15px;
  font-size:14px;
  font-weight:800;
}
.pn-v7108-confirm-no{
  border:1px solid #ebedef;
  background:#f5f6f7;
  color:#3a3d42;
}
.pn-v7108-confirm-yes{
  border:0;
  background:var(--pn);
  color:#fff;
}
@media(max-width:360px){
 .pn-v7108-confirm{padding:21px 18px 18px;border-radius:18px}
 .pn-v7108-confirm h2{font-size:20px}
 .pn-v7108-confirm-actions button{height:48px}
}


/* =====================================================================
   PAYNUSA V7.11.0 - Global Professional UI / WebView normalization
   ===================================================================== */
:root{
  --pn-ui-xs:10px;
  --pn-ui-sm:11px;
  --pn-ui-base:13px;
  --pn-ui-label:12px;
  --pn-ui-title:18px;
  --pn-ui-touch:44px;
}
.pn-mobile-body{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
.pn-mobile-shell{
  width:100%!important;
  max-width:480px!important;
  padding-bottom:max(92px,calc(82px + env(safe-area-inset-bottom)))!important;
}
.pn-mobile-shell input,
.pn-mobile-shell select,
.pn-mobile-shell textarea,
.pn-mobile-shell button{
  font-size:max(12px,1em);
}
.pn-mobile-shell input,
.pn-mobile-shell select{
  min-height:44px;
}
.pn-page-header h1,
.pn-v7921-profile-head h1,
.pn-v797-nav-header h1{
  font-size:18px!important;
  line-height:1.25!important;
}
.pn-page-header>a,
.pn-page-header>button{
  min-width:44px!important;
  min-height:44px!important;
}

/* Previously several late-version pages used 6-9px labels. Normalize them for APK/WebView. */
.pn-v7921-account-block h2{font-size:13px!important}
.pn-v7921-account-list a{min-height:56px!important}
.pn-v7921-account-list strong{font-size:12px!important;line-height:1.3!important}
.pn-v7921-account-list small{font-size:10px!important;line-height:1.35!important}
.pn-v7921-profile-id>div>strong{font-size:15px!important}
.pn-v7921-profile-id>div>span{font-size:9px!important}
.pn-v7921-profile-id>small{font-size:10px!important}
.pn-v7921-referral-card small{font-size:9px!important}
.pn-v7921-referral-card strong{font-size:13px!important}
.pn-v7921-referral-card button{font-size:10px!important;min-height:36px}
.pn-v7921-ref-stats strong{font-size:11px!important}
.pn-v7921-ref-stats span{font-size:9px!important}
.pn-v7921-referrer{font-size:10px!important}
.pn-v7921-ref-form>label{font-size:10px!important}
.pn-v7921-ref-form input{font-size:11px!important}
.pn-v7921-ref-form button{font-size:10px!important}
.pn-v7921-ref-form>small{font-size:9px!important}
.pn-v7921-logout button{font-size:11px!important;min-height:46px!important}
.pn-v7921-profile-form>label>span{font-size:10px!important}
.pn-v7921-profile-form input{font-size:12px!important}
.pn-v7921-photo-picker strong{font-size:11px!important}
.pn-v7921-photo-picker small{font-size:9px!important}
.pn-v7921-photo-picker em{font-size:9px!important}
.pn-v7921-profile-note{font-size:9px!important;line-height:1.45}
.pn-v7921-save-profile{font-size:11px!important;min-height:46px!important}
.pn-v7921-security-overview strong{font-size:12px!important}
.pn-v7921-security-overview small{font-size:9px!important}

/* Home text and icons normalized. */
.pn-u76-greeting span{font-size:11px!important}
.pn-u76-greeting strong{font-size:17px!important}
.pn-u76-service strong,
.pn-u76-product strong,
.pn-u782-menu-item strong{font-size:10.5px!important;line-height:1.3!important}
.pn-u76-section-head h2{font-size:16px!important}
.pn-u76-section-head a{font-size:10px!important}
.pn-u76-wallet-actions span{font-size:10px!important}
.pn-u76-drawer-nav a{min-height:56px}
.pn-u76-drawer-nav a span{font-size:12px!important}

/* Tables/forms remain usable in a WebView. */
.pn-admin-content input,
.pn-admin-content select,
.pn-admin-content textarea{
  font-size:13px!important;
}
.pn-admin-content button,
.pn-admin-content .pn-v3-btn{
  min-height:40px;
}
@media(max-width:760px){
  .pn-admin-content{padding-left:14px!important;padding-right:14px!important}
  .pn-admin-panel{border-radius:16px!important}
  .pn-v3-titlebar h2{font-size:20px!important}
  .pn-v3-titlebar p{font-size:11px!important}
  .pn-admin-table-wrap,
  .pn-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}

/* Reliable user avatar */
.pn-u76-drawer-avatar{
  position:relative!important;width:72px!important;height:72px!important;
  border-radius:22px!important;overflow:hidden!important;background:#fff!important;
  border:3px solid rgba(255,255,255,.35)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important
}
.pn-u76-drawer-avatar .pn-v711-avatar-fallback{
  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
  margin:0!important;font-size:25px!important;font-weight:900!important;color:var(--pn)!important;background:#fff!important
}
.pn-u76-drawer-avatar img{
  position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;
  padding:0!important;margin:0!important;object-fit:cover!important;opacity:0
}
.pn-u76-drawer-avatar.photo-ready img{opacity:1}
.pn-u781-member-avatar{position:relative!important;overflow:hidden!important}
.pn-u781-member-avatar>b{position:absolute;inset:0;display:grid;place-items:center;background:#fff;color:var(--pn)}
.pn-u781-member-avatar>img{position:absolute!important;inset:0!important;z-index:2;width:100%!important;height:100%!important;object-fit:cover!important}

/* Professional confirmation modal used globally for forms with data-confirm. */
.pn-v711-confirm-overlay{
  position:fixed;z-index:12000;inset:0;padding:20px;display:grid;place-items:center;
  background:rgba(23,27,31,.5);opacity:0;transition:opacity .18s ease
}
.pn-v711-confirm-overlay.show{opacity:1}
.pn-v711-confirm{
  width:min(100%,360px);padding:24px 22px 20px;border-radius:20px;background:#fff;
  box-shadow:0 24px 65px rgba(0,0,0,.22);text-align:center;transform:scale(.97);transition:transform .18s ease
}
.pn-v711-confirm-overlay.show .pn-v711-confirm{transform:scale(1)}
.pn-v711-confirm h2{margin:0 0 13px;font-size:21px;color:#30343a}
.pn-v711-confirm p{margin:0 auto;max-width:300px;font-size:13px;line-height:1.55;color:#70757d}
.pn-v711-confirm p.question{margin-top:14px;font-size:14px;color:#444950}
.pn-v711-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}
.pn-v711-confirm button{height:50px;border-radius:15px;font-size:13px;font-weight:800}
.pn-v711-confirm .no{border:1px solid #e8eaed;background:#f5f6f7;color:#33383e}
.pn-v711-confirm .yes{border:0;background:var(--pn);color:#fff}

/* Security Health */
.pn-v711-security-health{display:grid;grid-template-columns:190px 1fr;gap:14px;margin-top:16px}
.pn-v711-security-score,.pn-v711-security-checks{background:#fff;border:1px solid #e7e9ed;border-radius:16px;padding:16px}
.pn-v711-security-score span,.pn-v711-security-score small{display:block;color:#7a8189;font-size:10px}
.pn-v711-security-score strong{display:block;font-size:34px;margin:7px 0;color:var(--pn)}
.pn-v711-security-checks>div{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eef0f2;font-size:11px}
.pn-v711-security-checks>div:last-child{border-bottom:0}
.pn-v711-security-checks .ok i,.pn-v711-security-checks .ok b{color:#16996a}
.pn-v711-security-checks .warn i,.pn-v711-security-checks .warn b{color:#d79515}
.pn-v711-security-checks b{font-size:9px}
@media(max-width:700px){.pn-v711-security-health{grid-template-columns:1fr}}

/* WebView readability floor */
.pn-mobile-shell label{font-size:11px}
.pn-mobile-shell small{font-size:10px}
.pn-mobile-shell button{font-size:11.5px}
.pn-mobile-shell p{line-height:1.5}


/* =====================================================================
   PAYNUSA V7.11.1 - Full Auth UI Audit / WebView Professional Layout
   ===================================================================== */
.pn-a7111-auth-page{
  min-height:100vh;
  background:#f5f7f8!important;
  color:#252a31;
}
.pn-a7111-auth-head{
  min-height:76px;
  padding:12px 16px;
  background:var(--pn);
  color:#fff;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:9px;
}
.pn-a7111-auth-head>a,
.pn-a7111-auth-head>button{
  width:44px;height:44px;border:0;background:transparent;color:#fff;
  display:grid;place-items:center;font-size:19px;border-radius:14px
}
.pn-a7111-auth-head>div{min-width:0}
.pn-a7111-auth-head h1{margin:0;font-size:19px;line-height:1.2;font-weight:800}
.pn-a7111-auth-head small{display:block;margin-top:3px;color:rgba(255,255,255,.78);font-size:10px}
.pn-a7111-step-badge{
  justify-self:end;min-width:34px;height:34px;padding:0 8px;border-radius:12px;
  background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:11px;font-weight:800
}
.pn-a7111-info{justify-self:end}
.pn-a7111-auth-main{
  width:100%;max-width:430px;margin:0 auto;padding:14px 12px 34px;
}
.pn-a7111-card{
  background:#fff;border:1px solid #e4e7ea;border-radius:22px;padding:20px;
  box-shadow:0 7px 22px rgba(30,38,46,.045);
}
.pn-a7111-copy{text-align:center;margin:0 0 20px}
.pn-a7111-copy.left{text-align:left}
.pn-a7111-copy h2{margin:0 0 7px;font-size:20px;line-height:1.25;color:#22272e}
.pn-a7111-copy p{margin:0;color:#737a83;font-size:12px;line-height:1.6}
.pn-a7111-illustration{
  position:relative;height:150px;margin-bottom:18px;border-radius:20px;overflow:hidden;
  background:linear-gradient(145deg,color-mix(in srgb,var(--pn) 10%,#fff),#fff);
}
.pn-a7111-illustration span{position:absolute;color:var(--pn);display:grid;place-items:center}
.pn-a7111-illustration .phone{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:80px;height:108px;border:4px solid var(--pn);border-radius:20px;font-size:37px;background:#fff
}
.pn-a7111-illustration .mail{left:18%;top:41%;font-size:37px;transform:rotate(-9deg)}
.pn-a7111-illustration .send{right:19%;top:31%;font-size:31px;transform:rotate(12deg)}
.pn-a7111-form label{
  display:block;margin:0 0 7px;color:#474e57;font-size:12px;font-weight:800;
}
.pn-a7111-form label small{color:#91979e;font-weight:500}
.pn-a7111-input{
  position:relative;margin-bottom:16px
}
.pn-a7111-input>i{
  position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;color:#969ca4;font-size:15px
}
.pn-a7111-input input{
  width:100%;height:52px;border:1.5px solid #dde1e5;border-radius:14px;
  padding:0 44px;font-size:14px!important;outline:none;background:#fff;color:#252a31
}
.pn-a7111-input input:focus{
  border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 9%,transparent)
}
.pn-a7111-input input::placeholder{color:#b0b5bb}
.pn-a7111-input>button{
  position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;background:transparent;color:#777e86
}
.pn-a7111-input.verified input{background:#f8fbfb;padding-right:48px}
.pn-a7111-input.verified>b{
  position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--pn)
}
.pn-a7111-primary{
  width:100%;height:52px;border:0;border-radius:15px;background:var(--pn);color:#fff;
  display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800
}
.pn-a7111-primary:disabled{background:#d9dde0;color:#959ba1}
.pn-a7111-secondary{
  min-height:50px;border:1px solid #e0e3e6;border-radius:15px;background:#fff;color:#3c4249;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800
}
.pn-a7111-secure-note{
  margin-top:14px;padding:10px 12px;border-radius:12px;background:#f5f9f9;
  display:flex;gap:8px;align-items:flex-start;color:#727980;font-size:10px;line-height:1.45
}
.pn-a7111-secure-note i{color:var(--pn);margin-top:1px}
.pn-a7111-progress{
  display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin:0 2px 22px
}
.pn-a7111-progress span{
  min-width:48px;padding:6px 8px;border-radius:999px;background:#f0f2f4;color:#91979e;text-align:center;font-size:9px;font-weight:800
}
.pn-a7111-progress span.done{background:#e8f7f1;color:#16865f}
.pn-a7111-progress span.active{background:color-mix(in srgb,var(--pn) 12%,#fff);color:var(--pn)}
.pn-a7111-progress i{height:2px;background:#e2e5e8}.pn-a7111-progress i.done{background:#53b596}
.pn-a7111-phone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.pn-a7111-phone-row .pn-a7111-input{margin-bottom:0}
.pn-a7111-phone-row>button{
  height:52px;padding:0 14px;border:0;border-radius:14px;background:var(--pn);color:#fff;font-size:11px;font-weight:800
}
.pn-a7111-wa-box{
  margin:10px 0 16px;padding:12px;border-radius:14px;background:#edf9f4;border:1px solid #d9f1e7
}
.pn-a7111-wa-head{display:flex;align-items:center;gap:8px;color:#16855f;font-size:10px;margin-bottom:9px}
.pn-a7111-wa-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.pn-a7111-wa-row input{
  min-width:0;height:42px;border:1px solid #d8dfdf;border-radius:10px;padding:0 11px;font-size:13px
}
.pn-a7111-wa-row button{
  border:0;border-radius:10px;background:var(--pn);color:#fff;padding:0 12px;font-size:10px;font-weight:800
}
.pn-a7111-field-state{min-height:14px;margin:-9px 0 10px;font-size:10px}
.pn-a7111-field-state .ok{color:#178760}.pn-a7111-field-state .bad{color:#d54c52}
.pn-a7111-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 14px}
.pn-a7111-suggestions button{
  border:0;border-radius:999px;padding:8px 11px;background:#eef1f3;color:#565d65;font-size:10px
}
.pn-a7111-hint{display:block;margin:-8px 0 15px;color:#92989f;font-size:10px;line-height:1.45}
.pn-a7111-login-link{text-align:center;color:#8b9198;font-size:11px;margin:18px 0 0}
.pn-a7111-login-link a{color:var(--pn);font-weight:800}

/* OTP */
.pn-a7111-otp-card{text-align:center}
.pn-a7111-otp-icon{
  width:62px;height:62px;border-radius:20px;margin:0 auto 14px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);font-size:27px
}
.pn-a7111-otp-boxes{display:flex;justify-content:center;gap:8px;margin:24px 0 18px}
.pn-a7111-otp-boxes span{
  width:48px;height:54px;border:1.5px solid #d9dde1;border-radius:13px;background:#fff;
  display:grid;place-items:center;color:var(--pn);font-size:26px;font-weight:800
}
.pn-a7111-otp-boxes span.filled{border-color:var(--pn);background:color-mix(in srgb,var(--pn) 4%,#fff)}
.pn-a7111-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:310px;margin:0 auto}
.pn-a7111-keypad button{
  height:58px;border:0;background:transparent;border-radius:14px;color:#22272d;font-size:24px
}
.pn-a7111-keypad button:active{background:#f0f2f4}
.pn-a7111-keypad button:disabled{visibility:hidden}
.pn-a7111-otp-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}
.pn-a7111-otp-actions button,.pn-a7111-otp-actions a{
  border:0;background:transparent;color:var(--pn);font-size:11px;font-weight:800;text-decoration:none
}
.pn-a7111-otp-actions a{color:#8d939a}

/* Terms */
.pn-a7111-sticky-action{
  display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:12px;
}
.pn-a7111-sticky-action .pn-a7111-primary{height:50px;text-decoration:none}

/* Auth flash */
.pn-a7111-flash{
  position:fixed;z-index:15000;top:86px;left:50%;transform:translateX(-50%);
  width:calc(100% - 24px);max-width:400px;min-height:48px;padding:10px 10px 10px 12px;
  border-radius:15px;background:#fff;border:1px solid #e8ebee;box-shadow:0 13px 35px rgba(20,28,36,.16);
  display:grid;grid-template-columns:30px minmax(0,1fr) 32px;align-items:center;gap:8px;
  transition:opacity .25s ease,transform .25s ease
}
.pn-a7111-flash.error{background:#fffafa;border-color:#ffd7da}
.pn-a7111-flash.success{background:#fbfffd;border-color:#caeedf}
.pn-a7111-flash-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center}
.pn-a7111-flash.error .pn-a7111-flash-icon{background:#ffebed;color:#d94f57}
.pn-a7111-flash.success .pn-a7111-flash-icon{background:#e7f7ef;color:#168d64}
.pn-a7111-flash-copy{font-size:11px;font-weight:700;line-height:1.4;color:#444b53;overflow-wrap:anywhere}
.pn-a7111-flash button{width:32px;height:32px;border:0;background:transparent;color:#9ba0a6}
.pn-a7111-flash.hide{opacity:0;transform:translate(-50%,-8px);pointer-events:none}

/* AJAX inline notice */
.pn-a7111-inline-notice{
  display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin:9px 0 13px;border-radius:12px;
  font-size:10px;font-weight:700;line-height:1.45
}
.pn-a7111-inline-notice.success{background:#eaf8f1;color:#15825d}
.pn-a7111-inline-notice.error{background:#fff0f1;color:#b84249}
.pn-a7111-inline-notice.info{background:#eef6f8;color:#39727d}

/* Existing login receives proportional adjustments too. */
.pn-a710-login-head{height:72px!important;min-height:72px!important;padding:12px 16px!important}
.pn-a710-login-head>b{font-size:20px!important}
.pn-a710-login .pn-a710-slider{min-height:208px!important;padding-top:8px!important;padding-bottom:10px!important}
.pn-a710-login .pn-a710-slides{min-height:175px!important}
.pn-a710-login .pn-a710-slide-art{height:94px!important}
.pn-a710-login .pn-a710-slide h2{font-size:18px!important}
.pn-a710-login .pn-a710-slide p{font-size:11px!important}
.pn-a710-login-card{padding:20px!important}
.pn-a710-login-card label{font-size:12px!important}
.pn-a710-login-card input{height:50px!important;font-size:14px!important}
.pn-a710-login-card .pn-a710-primary{height:50px!important}
.pn-a710-login .pn-a710-google{height:46px!important}

/* Make all auth pages WebView safe */
.pn-a710 input,.pn-a710 select,.pn-a710 textarea{font-size:16px!important}
.pn-a710 button,.pn-a710 a{-webkit-tap-highlight-color:transparent}
.pn-a710 input:focus,.pn-a710 button:focus-visible,.pn-a710 a:focus-visible{outline:2px solid color-mix(in srgb,var(--pn) 45%,transparent);outline-offset:2px}

@media(max-width:360px){
  .pn-a7111-auth-head{min-height:70px;padding:10px 12px}
  .pn-a7111-auth-head h1{font-size:18px}
  .pn-a7111-auth-main{padding:10px 9px 28px}
  .pn-a7111-card{padding:17px;border-radius:19px}
  .pn-a7111-illustration{height:128px}
  .pn-a7111-copy h2{font-size:18px}
  .pn-a7111-otp-boxes span{width:42px;height:48px}
  .pn-a7111-keypad button{height:53px}
  .pn-a7111-flash{top:77px;width:calc(100% - 18px)}
}


/* V7.11.1 Terms polish */
.pn-a7111-terms-card{padding:0;overflow:hidden}
.pn-a7111-terms-intro{
  display:flex;align-items:center;gap:11px;padding:16px 17px;background:#fbfcfc;border-bottom:1px solid #eceef0
}
.pn-a7111-terms-intro>span{
  width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);font-size:18px
}
.pn-a7111-terms-intro strong,.pn-a7111-terms-intro small{display:block}
.pn-a7111-terms-intro strong{font-size:12px;color:#30353b}
.pn-a7111-terms-intro small{font-size:9.5px;color:#8d939a;margin-top:3px}
.pn-a7111-terms-scroll{
  max-height:62vh;overflow:auto;padding:17px 18px;-webkit-overflow-scrolling:touch
}
.pn-a7111-terms-scroll h1{font-size:17px}
.pn-a7111-terms-scroll h2{font-size:15px}
.pn-a7111-terms-scroll h3{font-size:13px}
.pn-a7111-terms-scroll p,.pn-a7111-terms-scroll li{
  font-size:11.5px!important;line-height:1.7!important;color:#545b64!important
}


/* =====================================================================
   PAYNUSA V7.12.0 - Public/Member Information Hub
   Isolated namespace: pn-v712-*
   ===================================================================== */
.pn-v712-info-page,.pn-v712-list-page{min-height:100vh;background:#f5f7f8;padding-bottom:92px}
.pn-v712-page-head{
  min-height:76px;padding:12px 15px;background:var(--pn);color:#fff;
  display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px
}
.pn-v712-page-head>a{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:18px}
.pn-v712-page-head h1{margin:0;font-size:18px;font-weight:800}
.pn-v712-page-head small{display:block;margin-top:3px;font-size:10px;color:rgba(255,255,255,.76)}
.pn-v712-head-notif{position:relative}.pn-v712-head-notif>b{
  position:absolute;right:2px;top:1px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ef5e63;
  display:grid;place-items:center;font-size:8px
}
.pn-v712-info-main,.pn-v712-list-main{padding:14px 12px 24px}
.pn-v712-info-hero{
  padding:16px;border-radius:19px;background:#fff;border:1px solid #e7e9eb;
  display:flex;align-items:center;gap:12px;box-shadow:0 5px 18px rgba(20,30,38,.035)
}
.pn-v712-info-hero>span{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);font-size:21px}
.pn-v712-info-hero strong,.pn-v712-info-hero small{display:block}.pn-v712-info-hero strong{font-size:13px}.pn-v712-info-hero small{margin-top:4px;color:#80878e;font-size:10px;line-height:1.45}
.pn-v712-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0 18px}
.pn-v712-quick-grid>a{padding:14px;border-radius:17px;background:#fff;border:1px solid #e7e9eb;text-decoration:none;color:#333;min-width:0}
.pn-v712-quick-grid>a>span{position:relative;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--pn) 9%,#fff);color:var(--pn);font-size:16px}
.pn-v712-quick-grid>a>span>b{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;border-radius:99px;background:#ef5e63;color:#fff;display:grid;place-items:center;font-size:8px}
.pn-v712-quick-grid strong,.pn-v712-quick-grid small{display:block}.pn-v712-quick-grid strong{margin-top:9px;font-size:12px}.pn-v712-quick-grid small{margin-top:3px;color:#92989f;font-size:9.5px}
.pn-v712-info-block{margin-top:16px}.pn-v712-info-block>h2{margin:0 0 8px 3px;font-size:13px;color:#333}
.pn-v712-info-list{background:#fff;border:1px solid #e7e9eb;border-radius:18px;overflow:hidden}
.pn-v712-info-list>a{min-height:66px;padding:10px 13px;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:10px;text-decoration:none;color:#333;border-bottom:1px solid #eef0f1}
.pn-v712-info-list>a:last-child{border-bottom:0}.pn-v712-info-list>a>span{position:relative;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#f2f7f7;color:var(--pn)}
.pn-v712-info-list>a>span>b{position:absolute;right:2px;top:2px;width:7px;height:7px;border-radius:50%;background:#ef5e63}
.pn-v712-info-list strong,.pn-v712-info-list small{display:block}.pn-v712-info-list strong{font-size:11.5px}.pn-v712-info-list small{margin-top:3px;font-size:9.5px;color:#92989f}.pn-v712-info-list>a>i{color:#b4b9be;font-size:10px}
.pn-v712-empty{margin-top:28px;padding:34px 20px;text-align:center;background:#fff;border:1px solid #e7e9eb;border-radius:20px}
.pn-v712-empty>span{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;background:#f1f7f7;color:var(--pn);display:grid;place-items:center;font-size:23px}
.pn-v712-empty strong{display:block;font-size:14px}.pn-v712-empty p{margin:7px auto 15px;max-width:280px;font-size:10.5px;line-height:1.55;color:#858c93}.pn-v712-empty>a{display:inline-flex;min-height:42px;padding:0 16px;border-radius:13px;align-items:center;background:var(--pn);color:#fff;text-decoration:none;font-size:11px;font-weight:800}
.pn-v712-product-list{background:#fff;border:1px solid #e7e9eb;border-radius:18px;overflow:hidden}
.pn-v712-product-list>a{min-height:70px;padding:10px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 14px;gap:9px;align-items:center;text-decoration:none;color:#333;border-bottom:1px solid #eef0f1}
.pn-v712-product-list>a:last-child{border-bottom:0}.pn-v712-product-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff1f2;color:#e45463}
.pn-v712-product-list strong,.pn-v712-product-list small{display:block}.pn-v712-product-list div>strong{font-size:11.5px}.pn-v712-product-list div>small{font-size:9px;color:#92989f;margin-top:3px}.pn-v712-product-list>a>b{font-size:10.5px;color:var(--pn);white-space:nowrap}.pn-v712-product-list>a>i{font-size:9px;color:#b7bcc1}
.pn-v712-promo-list{display:grid;gap:10px}.pn-v712-promo-list>article{padding:14px;border-radius:18px;background:#fff;border:1px solid #e6e9eb}.pn-v712-promo-list>article.unavailable{opacity:.65}
.pn-v712-promo-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.pn-v712-promo-top>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn)}
.pn-v712-promo-top strong,.pn-v712-promo-top small{display:block}.pn-v712-promo-top strong{font-size:12px}.pn-v712-promo-top small{font-size:9px;color:#90969c;margin-top:3px}.pn-v712-promo-top>b{font-size:11px;color:var(--pn);white-space:nowrap}
.pn-v712-promo-code{margin-top:12px;padding:10px 11px;border-radius:13px;background:#f7f9f9;display:flex;align-items:center;justify-content:space-between;gap:10px}.pn-v712-promo-code small,.pn-v712-promo-code strong{display:block}.pn-v712-promo-code small{font-size:8px;color:#999}.pn-v712-promo-code strong{font-size:13px;letter-spacing:.05em}.pn-v712-promo-code button{min-height:36px;padding:0 11px;border:0;border-radius:11px;background:var(--pn);color:#fff;font-size:9.5px;font-weight:800}.pn-v712-promo-code>span{font-size:9px;color:#9a9fa5}
.pn-v712-promo-meta{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:10px;color:#777e86;font-size:9px}.pn-v712-promo-list article>p{margin:9px 0 0;font-size:9px;color:#8c9298}.pn-v712-promo-note{margin-top:12px;padding:11px 12px;border-radius:13px;background:#eef6f7;color:#60777a;display:flex;gap:8px;font-size:9.5px;line-height:1.45}.pn-v712-promo-note i{color:var(--pn)}
@media(max-width:360px){.pn-v712-info-main,.pn-v712-list-main{padding:11px 9px 22px}.pn-v712-quick-grid{gap:7px}.pn-v712-quick-grid>a{padding:12px}.pn-v712-product-list>a{grid-template-columns:40px minmax(0,1fr) auto}}


/* =====================================================================
   PAYNUSA V7.12.1 - Public Fullscreen / WebView Fit
   Scope only V7.12 public pages so legacy screens are not affected.
   ===================================================================== */

/* Modern browsers/WebView: public pages consume the complete viewport. */
body:has(.pn-v712-info-page) .pn-mobile-shell,
body:has(.pn-v712-list-page) .pn-mobile-shell{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  background:#f5f7f8!important;
  box-shadow:none!important;
}

/* The bottom navigation must follow the same full viewport width. */
body:has(.pn-v712-info-page) .pn-bottom-nav,
body:has(.pn-v712-list-page) .pn-bottom-nav{
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  transform:none!important;
}

/* Full viewport page canvas. */
.pn-v712-info-page,
.pn-v712-list-page{
  width:100%;
  max-width:none;
  min-height:100dvh;
  margin:0;
  padding-bottom:calc(78px + env(safe-area-inset-bottom));
  background:#f5f7f8;
  overflow-x:hidden;
}

/* Header is edge-to-edge, but content receives safe horizontal spacing. */
.pn-v712-page-head{
  width:100%;
  margin:0;
  padding:
    max(12px,env(safe-area-inset-top))
    max(16px,env(safe-area-inset-right))
    12px
    max(16px,env(safe-area-inset-left));
  min-height:82px;
  border-radius:0;
  box-shadow:none;
}

/* Keep readable content width on tablets/desktop without creating an outer white frame. */
.pn-v712-info-main,
.pn-v712-list-main{
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:16px 16px 30px;
}

/* Empty states should feel intentional, not like a huge floating blank card. */
.pn-v712-empty{
  width:100%;
  min-height:310px;
  margin:18px 0 0;
  padding:34px 24px;
  border-radius:22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.pn-v712-empty>span{
  width:64px;
  height:64px;
  margin:0 0 15px;
}
.pn-v712-empty strong{font-size:15px}
.pn-v712-empty p{
  margin:8px auto 18px;
  max-width:330px;
  font-size:11.5px;
}
.pn-v712-empty>a{
  min-width:150px;
  min-height:46px;
  justify-content:center;
  font-size:11.5px;
}

/* Information cards now use the available width cleanly. */
.pn-v712-info-hero,
.pn-v712-info-list,
.pn-v712-product-list,
.pn-v712-promo-list>article{
  width:100%;
}
.pn-v712-quick-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

/* WebView/phone tuning */
@media(max-width:600px){
  .pn-v712-info-main,
  .pn-v712-list-main{
    max-width:none;
    padding:14px 14px 28px;
  }
  .pn-v712-page-head{
    min-height:78px;
    padding-left:14px;
    padding-right:14px;
  }
  .pn-v712-empty{
    min-height:280px;
    margin-top:12px;
    padding:30px 18px;
  }
}

/* Very narrow Android devices */
@media(max-width:360px){
  .pn-v712-info-main,
  .pn-v712-list-main{
    padding:11px 10px 24px;
  }
  .pn-v712-empty{
    min-height:260px;
    border-radius:18px;
  }
}

/* Fallback for older WebViews without :has(). The wrappers themselves still
   stay full width; shell changes above simply remove the legacy outer frame. */
@supports not selector(body:has(*)){
  .pn-v712-info-page,
  .pn-v712-list-page{
    margin:-18px -18px 0;
    width:calc(100% + 36px);
  }
}


/* PAYNUSA V7.13.0 - Security Center + Password Recovery */
.pn-v713-auth-page{margin:0;min-height:100dvh;background:#f5f7f8;color:#292d32;font-family:Arial,sans-serif}
.pn-v713-auth-shell{width:100%;max-width:480px;min-height:100dvh;margin:auto;padding:0 15px 30px}
.pn-v713-auth-shell>header{min-height:72px;display:flex;align-items:center;gap:11px}.pn-v713-auth-shell>header>a,.pn-v713-auth-shell>header>span{width:42px;height:42px;border-radius:13px;background:#eaf5f5;color:var(--pn);display:grid;place-items:center;text-decoration:none}.pn-v713-auth-shell>header strong,.pn-v713-auth-shell>header small{display:block}.pn-v713-auth-shell>header strong{font-size:14px}.pn-v713-auth-shell>header small{font-size:9.5px;color:#969ca2;margin-top:3px}
.pn-v713-auth-hero{text-align:center;padding:24px 12px 18px}.pn-v713-auth-hero>span{width:62px;height:62px;margin:auto;border-radius:20px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);display:grid;place-items:center;font-size:24px}.pn-v713-auth-hero h1{font-size:20px;margin:14px 0 6px}.pn-v713-auth-hero p{max-width:350px;margin:auto;color:#8b9299;font-size:11px;line-height:1.55}
.pn-v713-auth-card{padding:20px 17px;background:#fff;border:1px solid #e5e9eb;border-radius:21px}.pn-v713-auth-card>label{display:block;margin:0 0 7px;font-size:11px;font-weight:800}.pn-v713-auth-card>label:not(:first-child){margin-top:14px}.pn-v713-auth-input{min-height:48px;border:1px solid #dfe3e6;border-radius:14px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;padding:0 8px;color:#a0a5aa}.pn-v713-auth-input input{width:100%;height:44px!important;min-height:44px!important;border:0!important;outline:0!important;background:transparent!important;font-size:12px!important;box-shadow:none!important}.pn-v713-auth-card>button{width:100%;min-height:48px;margin-top:18px;border:0;border-radius:14px;background:var(--pn);color:#fff;font-size:11.5px;font-weight:800}.pn-v713-auth-note{display:flex;gap:7px;margin-top:13px;color:#8b9299;font-size:9.5px;line-height:1.45}
.pn-v713-device-card form{margin:0}.pn-v713-revoke-all{width:100%;min-height:42px;margin:4px 0 10px;border:1px solid #f0cfd2;border-radius:12px;background:#fff5f5;color:#cf4853;font-size:10px;font-weight:800}.pn-v713-device-list{border-top:1px solid #eef0f1}.pn-v713-device-list>article{min-height:68px;display:grid;grid-template-columns:40px minmax(0,1fr) 38px;align-items:center;gap:9px;border-bottom:1px solid #eef0f1}.pn-v713-device-list>article>span{width:40px;height:40px;border-radius:12px;background:#eef7f7;color:var(--pn);display:grid;place-items:center}.pn-v713-device-list strong,.pn-v713-device-list small,.pn-v713-device-list em{display:block}.pn-v713-device-list strong{font-size:10.5px}.pn-v713-device-list small{font-size:9px;color:#8f969c;margin-top:2px}.pn-v713-device-list em{font-size:8.5px;color:#a0a5aa;margin-top:2px;font-style:normal}.pn-v713-device-list>article>form button{width:34px;height:34px;min-height:34px!important;border:0;border-radius:10px;background:#fff0f1;color:#d84f59}.pn-v713-device-list>article>i{color:#28a66d;text-align:center}

/* V7.13.1 - System Upgrade rate-limit repair */
.pn-v7131-rate-repair{margin:14px 0;padding:14px;border:1px solid #f0dca7;border-radius:16px;background:#fffaf0;display:flex;align-items:center;justify-content:space-between;gap:12px}.pn-v7131-rate-repair strong,.pn-v7131-rate-repair small{display:block}.pn-v7131-rate-repair strong{font-size:12px;color:#704d00}.pn-v7131-rate-repair small{font-size:10px;color:#8a7a58;margin-top:4px;line-height:1.45}.pn-v7131-rate-repair button{min-height:40px;border:0;border-radius:11px;background:var(--pn);color:#fff;padding:0 13px;font-size:10px;font-weight:800;white-space:nowrap}@media(max-width:600px){.pn-v7131-rate-repair{align-items:stretch;flex-direction:column}.pn-v7131-rate-repair button{width:100%}}

/* =====================================================================
   PAYNUSA V7.12.2 - Member Experience
   Global search + recent purchase + buy again + favorite management
   ===================================================================== */
.pn-v7122-home-tools{padding:12px 14px 2px}
.pn-v7122-home-search{min-height:48px;padding:0 13px;border-radius:16px;background:#fff;border:1px solid #e5e9eb;display:grid;grid-template-columns:20px minmax(0,1fr) 30px;align-items:center;gap:9px;text-decoration:none;color:#8a9198;box-shadow:0 4px 15px rgba(20,30,38,.035)}
.pn-v7122-home-search>i{color:var(--pn);font-size:14px}.pn-v7122-home-search>span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-v7122-home-search>b{width:30px;height:30px;border-radius:10px;background:#f1f6f6;color:var(--pn);display:grid;place-items:center;font-size:11px}
.pn-v7122-recent-buy{margin-top:15px}.pn-v7122-home-section-title{display:flex;align-items:flex-end;justify-content:space-between;padding:0 2px 8px}.pn-v7122-home-section-title strong,.pn-v7122-home-section-title small{display:block}.pn-v7122-home-section-title strong{font-size:13px}.pn-v7122-home-section-title small{font-size:9px;color:#9a9fa5;margin-top:2px}.pn-v7122-home-section-title>a{font-size:9.5px;color:var(--pn);text-decoration:none;font-weight:700}
.pn-v7122-recent-scroll{display:flex;gap:8px;overflow:auto;padding:1px 1px 5px;scrollbar-width:none}.pn-v7122-recent-scroll::-webkit-scrollbar{display:none}.pn-v7122-recent-scroll>article{flex:0 0 205px;padding:10px;border:1px solid #e7eaec;background:#fff;border-radius:15px}.pn-v7122-recent-main{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;text-decoration:none;color:#333}.pn-v7122-recent-main>span{width:36px;height:36px;border-radius:11px;background:#eef7f7;color:var(--pn);display:grid;place-items:center}.pn-v7122-recent-main strong,.pn-v7122-recent-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pn-v7122-recent-main strong{font-size:10.5px}.pn-v7122-recent-main small{font-size:9px;color:#92989f;margin-top:3px}.pn-v7122-buy-again-mini{display:flex;margin-top:9px;min-height:34px;align-items:center;justify-content:center;border-radius:10px;background:var(--pn);color:#fff;text-decoration:none;font-size:9.5px;font-weight:800}
.pn-v7122-search-page{min-height:100dvh;background:#f5f7f8;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.pn-v7122-search-head{min-height:72px;padding:11px 14px;background:var(--pn);display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center}.pn-v7122-search-head>a{width:42px;height:42px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:17px}.pn-v7122-search-head form{height:44px;padding:0 11px;border-radius:14px;background:#fff;display:grid;grid-template-columns:18px minmax(0,1fr) 22px;align-items:center;gap:7px;color:#9ca2a8}.pn-v7122-search-head input{width:100%;height:42px!important;min-height:42px!important;border:0!important;outline:0!important;background:transparent!important;font-size:12px!important;box-shadow:none!important}.pn-v7122-search-head form>a{color:#aaa;text-align:center}
.pn-v7122-search-main{padding:14px;max-width:760px;margin:auto}.pn-v7122-search-intro{padding:34px 20px 18px;text-align:center}.pn-v7122-search-intro>span,.pn-v7122-search-empty>span{width:58px;height:58px;margin:0 auto 13px;border-radius:18px;background:#eaf5f5;color:var(--pn);display:grid;place-items:center;font-size:21px}.pn-v7122-search-intro strong,.pn-v7122-search-intro p{display:block}.pn-v7122-search-intro strong{font-size:14px}.pn-v7122-search-intro p,.pn-v7122-search-empty p{font-size:10.5px;color:#92989f;line-height:1.5}.pn-v7122-search-chips,.pn-v7122-category-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.pn-v7122-search-chips>a,.pn-v7122-category-chips>a{min-height:36px;padding:0 12px;border-radius:99px;border:1px solid #e1e5e7;background:#fff;display:inline-flex;align-items:center;gap:6px;color:#555;text-decoration:none;font-size:9.5px}.pn-v7122-category-chips{justify-content:flex-start;margin-bottom:12px}.pn-v7122-category-chips small{color:#999}.pn-v7122-result-title{display:flex;justify-content:space-between;align-items:end;margin:3px 1px 12px}.pn-v7122-result-title strong,.pn-v7122-result-title small{display:block}.pn-v7122-result-title strong{font-size:13px}.pn-v7122-result-title small{font-size:9.5px;color:#92989f;margin-top:2px}.pn-v7122-result-title>b{font-size:9.5px;color:var(--pn)}
.pn-v7122-search-results{background:#fff;border:1px solid #e5e9eb;border-radius:18px;overflow:hidden}.pn-v7122-search-results>a{min-height:68px;padding:10px 11px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 12px;gap:8px;align-items:center;text-decoration:none;color:#333;border-bottom:1px solid #eef0f1}.pn-v7122-search-results>a:last-child{border-bottom:0}.pn-v7122-search-results>a>span{width:40px;height:40px;border-radius:12px;background:#eef7f7;color:var(--pn);display:grid;place-items:center}.pn-v7122-search-results strong,.pn-v7122-search-results small{display:block}.pn-v7122-search-results div>strong{font-size:10.5px}.pn-v7122-search-results div>small{font-size:8.8px;color:#92989f;margin-top:3px}.pn-v7122-search-results>a>b{font-size:10px;color:var(--pn);white-space:nowrap}.pn-v7122-search-results>a>i{font-size:8px;color:#b9bec3}.pn-v7122-search-empty{margin-top:24px;padding:30px 18px;text-align:center;background:#fff;border:1px solid #e5e9eb;border-radius:18px}.pn-v7122-search-empty strong{display:block;font-size:13px}.pn-v7122-search-empty>a{display:inline-flex;min-height:40px;padding:0 14px;align-items:center;border-radius:11px;background:var(--pn);color:#fff;text-decoration:none;font-size:10px;font-weight:800}
.pn-v7122-buy-again{background:var(--pn)!important;color:#fff!important;border-color:var(--pn)!important}
.pn-v7122-favorite-row{min-height:70px;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:stretch;border-bottom:1px solid #eef0f1}.pn-v7122-favorite-row:last-child{border-bottom:0}.pn-v7122-favorite-row>a{padding:10px 5px 10px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;text-decoration:none;color:#333}.pn-v7122-favorite-row>a div>strong,.pn-v7122-favorite-row>a div>small{display:block}.pn-v7122-favorite-row>a div>strong{font-size:11.5px}.pn-v7122-favorite-row>a div>small{font-size:9px;color:#92989f;margin-top:3px}.pn-v7122-favorite-row>a>b{font-size:10px;color:var(--pn);white-space:nowrap}.pn-v7122-favorite-remove{margin:auto;width:38px;height:38px;min-height:38px!important;border:0;border-radius:12px;background:#fff0f2;color:#e15463;font-size:14px!important}
body:has(.pn-v7122-search-page) .pn-mobile-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#f5f7f8!important;box-shadow:none!important}body:has(.pn-v7122-search-page) .pn-bottom-nav{left:0!important;right:0!important;width:100%!important;max-width:none!important;transform:none!important}
@media(max-width:360px){.pn-v7122-home-tools{padding-left:10px;padding-right:10px}.pn-v7122-search-main{padding:11px 10px}.pn-v7122-search-results>a{grid-template-columns:38px minmax(0,1fr) auto 10px}}


/* PAYNUSA V7.14.0 - Operational Center */
.pn-v714-ops{padding:22px;max-width:1500px;margin:auto}.pn-v714-ops-hero{padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,var(--pn),color-mix(in srgb,var(--pn) 70%,#111));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}.pn-v714-ops-hero span{font-size:9px;font-weight:900;letter-spacing:.14em;opacity:.75}.pn-v714-ops-hero h2{margin:5px 0 4px;font-size:22px}.pn-v714-ops-hero p{margin:0;font-size:11px;opacity:.78}.pn-v714-ops-hero>a{min-height:42px;padding:0 14px;border-radius:12px;background:#fff;color:var(--pn);display:flex;align-items:center;gap:8px;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.pn-v714-ops-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.pn-v714-ops-stats>a{min-height:105px;padding:15px;border:1px solid #e6e9ec;border-radius:17px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;text-decoration:none;color:#292d32}.pn-v714-ops-stats>a>span{width:42px;height:42px;border-radius:13px;background:#edf7f7;color:var(--pn);display:grid;place-items:center}.pn-v714-ops-stats small,.pn-v714-ops-stats strong,.pn-v714-ops-stats em{display:block}.pn-v714-ops-stats small{font-size:9.5px;color:#899097}.pn-v714-ops-stats strong{font-size:23px;margin:2px 0}.pn-v714-ops-stats em{font-size:8.5px;color:#a0a5aa;font-style:normal}
.pn-v714-health-strip{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pn-v714-health-strip>div{min-height:60px;padding:10px 13px;border:1px solid #e5e9eb;border-radius:15px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.pn-v714-health-strip>div>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.pn-v714-health-strip .ok>i{background:#e9f8f0;color:#1ca66c}.pn-v714-health-strip .warn>i{background:#fff6df;color:#d99b19}.pn-v714-health-strip .bad>i{background:#fff0f1;color:#dc5360}.pn-v714-health-strip span,.pn-v714-health-strip strong{display:block}.pn-v714-health-strip span{font-size:9px;color:#92989e}.pn-v714-health-strip strong{font-size:10.5px;color:#333;margin-top:2px}.pn-v714-health-strip b{font-size:10px}
.pn-v714-ops-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:12px}.pn-v714-panel{border:1px solid #e5e9eb;border-radius:18px;background:#fff;overflow:hidden}.pn-v714-panel>header{min-height:62px;padding:12px 15px;border-bottom:1px solid #eef0f1;display:flex;align-items:center;justify-content:space-between}.pn-v714-panel>header strong,.pn-v714-panel>header small{display:block}.pn-v714-panel>header strong{font-size:12px}.pn-v714-panel>header small{font-size:9px;color:#969ca2;margin-top:2px}.pn-v714-panel>header>b{min-width:27px;height:27px;border-radius:9px;background:#fff0f1;color:#d84e5b;display:grid;place-items:center;font-size:9px}.pn-v714-panel>header>a{font-size:9px;color:var(--pn);text-decoration:none;font-weight:800}
.pn-v714-issues>a{min-height:60px;padding:9px 14px;display:grid;grid-template-columns:35px minmax(0,1fr) 12px;align-items:center;gap:9px;border-bottom:1px solid #eef0f1;text-decoration:none;color:#333}.pn-v714-issues>a:last-child{border-bottom:0}.pn-v714-issues>a>i:first-child{width:35px;height:35px;border-radius:11px;display:grid;place-items:center}.pn-v714-issues .danger>i:first-child{background:#fff0f1;color:#d9505c}.pn-v714-issues .warning>i:first-child{background:#fff6df;color:#d99b19}.pn-v714-issues strong,.pn-v714-issues small{display:block}.pn-v714-issues strong{font-size:10.5px}.pn-v714-issues small{font-size:9px;color:#93999f;margin-top:2px}.pn-v714-issues>a>i:last-child{font-size:8px;color:#bbb}
.pn-v714-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.pn-v714-actions>a{min-height:72px;padding:9px 4px;border-radius:13px;background:#f6f8f9;color:#555;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:8.5px;font-weight:700}.pn-v714-actions>a i{font-size:15px;color:var(--pn)}
.pn-v714-table-panel{margin-top:12px}.pn-v714-table>a{min-height:62px;padding:9px 14px;display:grid;grid-template-columns:minmax(0,1fr) 85px 50px 12px;align-items:center;gap:8px;border-bottom:1px solid #eef0f1;text-decoration:none;color:#333}.pn-v714-table>a:last-child{border-bottom:0}.pn-v714-table strong,.pn-v714-table small{display:block}.pn-v714-table strong{font-size:10.5px}.pn-v714-table small{font-size:8.8px;color:#969ca2;margin-top:2px}.pn-v714-table span{font-size:8px;font-weight:900;color:#d99b19}.pn-v714-table b{font-size:9px}.pn-v714-table>a>i{font-size:8px;color:#bbb}.pn-v714-empty{padding:32px 15px;text-align:center;color:#899097}.pn-v714-empty>i{font-size:24px;color:#20a66d}.pn-v714-empty strong,.pn-v714-empty small{display:block}.pn-v714-empty strong{font-size:11px;margin-top:8px}.pn-v714-empty small{font-size:9px;margin-top:3px}.pn-v714-empty.compact{padding:20px}.pn-v714-side-badge{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#ef4357;color:#fff;display:grid;place-items:center;font-size:8px}
@media(max-width:900px){.pn-v714-ops{padding:14px}.pn-v714-ops-stats{grid-template-columns:repeat(2,1fr)}.pn-v714-ops-grid{grid-template-columns:1fr}.pn-v714-health-strip{grid-template-columns:1fr}.pn-v714-ops-hero{align-items:flex-start;flex-direction:column}.pn-v714-ops-hero>a{width:100%;justify-content:center}}@media(max-width:520px){.pn-v714-ops{padding:10px}.pn-v714-ops-stats{gap:8px}.pn-v714-ops-stats>a{min-height:94px;padding:11px}.pn-v714-ops-stats strong{font-size:19px}.pn-v714-table>a{grid-template-columns:minmax(0,1fr) 60px 42px 9px}.pn-v714-actions{grid-template-columns:repeat(3,1fr)}}

/* PAYNUSA V7.15.0 - Admin 2FA */
.pn-v715-2fa-cell{min-width:130px}.pn-v715-2fa-cell>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:800}.pn-v715-2fa-cell>span.on{background:#e9f8f0;color:#16955e}.pn-v715-2fa-cell>span.off{background:#fff1f2;color:#cf4d59}.pn-v715-2fa-cell>small{display:block;margin:5px 0;color:#979da3;font-size:8px}.pn-v715-2fa-cell form{margin:0}.pn-v715-2fa-cell button{border:0;background:transparent;color:var(--pn);padding:2px 0;font-size:8.5px;font-weight:800;cursor:pointer}

/* PAYNUSA V7.16.0 - Backup & Maintenance */
.pn-v716-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pn-v716-form{padding:14px}.pn-v716-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e7eaed;border-radius:14px;margin-bottom:9px;cursor:pointer}.pn-v716-toggle input{width:18px;height:18px;margin-top:2px;accent-color:var(--pn)}.pn-v716-toggle span,.pn-v716-toggle b,.pn-v716-toggle small{display:block}.pn-v716-toggle b{font-size:11px}.pn-v716-toggle small{font-size:9px;color:#92989f;margin-top:3px;line-height:1.45}.pn-v716-backup-action{padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #eef0f1}.pn-v716-backup-action>i{width:42px;height:42px;border-radius:13px;background:#edf7f7;color:var(--pn);display:grid;place-items:center}.pn-v716-backup-action strong,.pn-v716-backup-action small{display:block}.pn-v716-backup-action strong{font-size:11px}.pn-v716-backup-action small{font-size:9px;color:#969ca2;margin-top:3px}.pn-v716-backups>div{min-height:58px;padding:9px 13px;border-bottom:1px solid #eef0f1;display:grid;grid-template-columns:30px minmax(0,1fr) 28px 28px;gap:8px;align-items:center}.pn-v716-backups>div:last-child{border-bottom:0}.pn-v716-backups>div>i{color:var(--pn)}.pn-v716-backups span,.pn-v716-backups strong,.pn-v716-backups small{display:block}.pn-v716-backups strong{font-size:9.5px;word-break:break-all}.pn-v716-backups small{font-size:8px;color:#989ea4;margin-top:2px}.pn-v716-backups a,.pn-v716-backups button{width:28px;height:28px;border:0;border-radius:8px;background:#f4f6f7;color:#62686e;display:grid;place-items:center;text-decoration:none;cursor:pointer}.pn-v716-backups form{margin:0}.pn-v716-restore{padding:14px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}@media(max-width:850px){.pn-v716-grid{grid-template-columns:1fr}.pn-v716-restore{grid-template-columns:1fr}.pn-v716-backup-action{grid-template-columns:38px minmax(0,1fr)}.pn-v716-backup-action form{grid-column:1/-1}.pn-v716-backup-action button{width:100%}}

/* PAYNUSA V7.17.0 - Financial Integrity */
.pn-v717-summary{margin-top:12px;padding:16px;border-radius:17px;display:flex;align-items:center;gap:12px;border:1px solid}.pn-v717-summary>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:17px}.pn-v717-summary strong,.pn-v717-summary small{display:block}.pn-v717-summary strong{font-size:12px}.pn-v717-summary small{font-size:9px;margin-top:3px}.pn-v717-summary.ok{background:#f2fbf6;border-color:#cdeedc;color:#168a58}.pn-v717-summary.ok>i{background:#ddf5e8}.pn-v717-summary.warn{background:#fff8ed;border-color:#f2dfbd;color:#b97810}.pn-v717-summary.warn>i{background:#ffedc9}.pn-v717-issues>div{min-height:64px;padding:10px 14px;border-bottom:1px solid #eef0f1;display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center}.pn-v717-issues>div>i{width:35px;height:35px;border-radius:11px;display:grid;place-items:center}.pn-v717-issues .danger>i{background:#fff0f1;color:#d84e5a}.pn-v717-issues .warning>i{background:#fff5df;color:#d59618}.pn-v717-issues span,.pn-v717-issues strong,.pn-v717-issues small{display:block}.pn-v717-issues strong{font-size:10.5px}.pn-v717-issues small{font-size:9px;color:#8e959b;margin-top:3px}.pn-v717-issues b{max-width:190px;font-size:7.5px;color:#858b91;text-align:right}@media(max-width:600px){.pn-v717-issues>div{grid-template-columns:34px minmax(0,1fr)}.pn-v717-issues b{grid-column:2;text-align:left}}

/* PAYNUSA V7.18.0 - Support & Service Status */
.pn-v718-page{max-width:680px;margin:auto;padding:0 13px 95px}.pn-v718-head{min-height:74px;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.pn-v718-head>a{width:36px;height:36px;border-radius:12px;background:#f3f6f6;color:#3d4649;display:grid;place-items:center;text-decoration:none}.pn-v718-head h1,.pn-v718-head small{display:block;margin:0}.pn-v718-head h1{font-size:17px}.pn-v718-head small{font-size:9px;color:#93999f;margin-top:2px}.pn-v718-status{padding:13px;border-radius:16px;display:grid;grid-template-columns:35px minmax(0,1fr) 10px;gap:9px;align-items:center;text-decoration:none;margin-bottom:11px}.pn-v718-status.operational{background:#ecf9f2;color:#168b58}.pn-v718-status.degraded,.pn-v718-status.maintenance{background:#fff6e4;color:#b77a12}.pn-v718-status span,.pn-v718-status strong,.pn-v718-status small{display:block}.pn-v718-status strong{font-size:10.5px}.pn-v718-status small{font-size:8.5px;margin-top:2px}.pn-v718-card{background:#fff;border:1px solid #e7eaec;border-radius:18px;padding:14px;margin-bottom:11px}.pn-v718-card>h2{font-size:12px;margin:0 0 12px}.pn-v718-card form label{display:block;font-size:9px;font-weight:800;margin-bottom:9px}.pn-v718-card input,.pn-v718-card select,.pn-v718-card textarea,.pn-v718-admin textarea,.pn-v718-ticket-control select{width:100%;box-sizing:border-box;border:1px solid #dfe4e6;border-radius:11px;padding:10px;background:#fff;font:inherit;font-size:10px;margin-top:5px}.pn-v718-card form>button,.pn-v718-reply button{border:0;border-radius:11px;background:var(--pn);color:#fff;min-height:40px;padding:0 14px;font-size:9px;font-weight:800}.pn-v718-ticket-list>a{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto 8px;gap:8px;align-items:center;border-top:1px solid #eef0f1;text-decoration:none;color:#333}.pn-v718-ticket-list span,.pn-v718-ticket-list strong,.pn-v718-ticket-list small{display:block}.pn-v718-ticket-list strong{font-size:10px}.pn-v718-ticket-list small{font-size:8px;color:#989ea3;margin-top:2px}.pn-v718-ticket-list b{font-size:7.5px;text-transform:uppercase}.pn-v718-ticket-list .empty{text-align:center;padding:24px 8px;color:#93999f}.pn-v718-ticket-list .empty strong,.pn-v718-ticket-list .empty small{display:block;margin-top:5px}.pn-v718-ticket-meta{display:flex;justify-content:space-between;font-size:8px;font-weight:900;margin-bottom:12px}.pn-v718-chat{display:flex;flex-direction:column;gap:8px}.pn-v718-chat>div{max-width:85%;padding:10px 11px;border-radius:13px}.pn-v718-chat .member{align-self:flex-end;background:#edf8f7}.pn-v718-chat .admin{align-self:flex-start;background:#f3f4f5}.pn-v718-chat small{font-size:7.5px;color:#858c91}.pn-v718-chat p{font-size:9.5px;line-height:1.5;margin:4px 0 0}.pn-v718-reply{display:grid!important;grid-template-columns:1fr 42px;gap:7px;margin-top:12px}.pn-v718-reply button{height:42px;padding:0}.pn-v718-overall{padding:18px;border-radius:17px;text-align:center;margin-bottom:10px}.pn-v718-overall i,.pn-v718-overall strong{display:block}.pn-v718-overall i{font-size:24px;margin-bottom:7px}.pn-v718-overall strong{font-size:11px}.pn-v718-overall.operational{background:#edf9f3;color:#168c59}.pn-v718-overall.degraded,.pn-v718-overall.maintenance{background:#fff6e4;color:#b57a14}.pn-v718-services>div{min-height:60px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;border-bottom:1px solid #eef0f1}.pn-v718-services>div:last-child{border-bottom:0}.pn-v718-services span,.pn-v718-services strong,.pn-v718-services small{display:block}.pn-v718-services strong{font-size:10px}.pn-v718-services small{font-size:8.5px;color:#90969c;margin-top:2px}.pn-v718-services b{font-size:8px}.pn-v718-status-note{font-size:8.5px;color:#899097;line-height:1.5;padding:0 5px}
.pn-v718-admin-filter{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.pn-v718-admin-filter a{padding:7px 10px;border-radius:99px;background:#f2f5f5;color:#666;text-decoration:none;font-size:8.5px;font-weight:800}.pn-v718-admin-filter a.active{background:var(--pn);color:#fff}.pn-v718-admin-list>a{min-height:62px;padding:9px 13px;display:grid;grid-template-columns:minmax(0,1fr) 60px 75px 8px;gap:8px;align-items:center;border-bottom:1px solid #eef0f1;text-decoration:none;color:#333}.pn-v718-admin-list span,.pn-v718-admin-list strong,.pn-v718-admin-list small{display:block}.pn-v718-admin-list strong{font-size:10.5px}.pn-v718-admin-list small{font-size:8.5px;color:#93999f;margin-top:3px}.pn-v718-admin-list b,.pn-v718-admin-list em{font-size:8px;font-style:normal}.pn-v718-admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-top:12px}.pn-v718-chat.admin-side{padding:14px;min-height:220px}.pn-v718-admin-reply,.pn-v718-ticket-control{padding:14px}.pn-v718-admin-reply textarea{margin-bottom:8px}.pn-v718-ticket-control label{display:block;font-size:9px;font-weight:800;margin-bottom:9px}.pn-v718-linked{padding:14px}.pn-v718-linked strong,.pn-v718-linked small{display:block}.pn-v718-linked strong{font-size:11px}.pn-v718-linked small{font-size:9px;color:#92989e;margin-top:4px}@media(max-width:800px){.pn-v718-admin-grid{grid-template-columns:1fr}.pn-v718-admin-list>a{grid-template-columns:minmax(0,1fr) 50px 65px 7px}}

/* PAYNUSA V7.19.0 - Actionable Notification Center */
.pn-v719-action{width:30px;height:30px;border-radius:9px;background:#eef7f7;color:var(--pn);display:grid;place-items:center;text-decoration:none}.pn-v719-count{padding:7px 10px;border-radius:99px;background:#eef7f7;color:var(--pn);font-size:9px;font-weight:900}.pn-v719-alert-list>a{min-height:66px;padding:10px 14px;border-bottom:1px solid #edf0f1;display:grid;grid-template-columns:36px minmax(0,1fr) 8px;gap:10px;align-items:center;text-decoration:none;color:#353b3e}.pn-v719-alert-list>a>i:first-child{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.pn-v719-alert-list>a.danger>i:first-child{background:#fff0f1;color:#d6505b}.pn-v719-alert-list>a.warning>i:first-child{background:#fff6e4;color:#c98a17}.pn-v719-alert-list span,.pn-v719-alert-list strong,.pn-v719-alert-list small{display:block}.pn-v719-alert-list strong{font-size:10.5px}.pn-v719-alert-list small{font-size:8.5px;color:#90969c;margin-top:3px}.pn-v719-generated{display:block;margin-top:8px;color:#979da2;font-size:8px;text-align:right}

/* PAYNUSA V7.19.1 - Global UI Repair */
.pn-side-nav>a{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:48px!important;height:auto!important;box-sizing:border-box!important}
.pn-side-nav>a>i:first-child{width:28px!important;min-width:28px!important;text-align:center!important;display:block!important}
.pn-side-nav>a>span{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important}
.pn-side-nav>a>.tail{grid-column:3!important}.pn-v714-side-badge{grid-column:3!important;position:static!important;min-width:24px!important;width:auto!important;padding:3px 7px!important}
.pn-sidebar{overflow-x:hidden!important}.pn-side-nav{overflow-x:hidden!important}
button,a,input,select,textarea{box-sizing:border-box}button{font-family:inherit}button>i,a>i{line-height:1}
.pn-admin-content img,.pn-mobile-shell img{max-width:100%}.pn-admin-panel,.pn-v718-card{min-width:0}
.pn-v3-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;height:auto!important;white-space:normal!important;text-align:center!important;line-height:1.25!important}
.pn-v787-number-actions>button,.pn-v799-target-actions>button{min-width:0!important;overflow:hidden!important}.pn-v787-number-actions>button span,.pn-v799-target-actions>button span{white-space:nowrap!important}
.pn-v7191-scanner{position:fixed;inset:0;z-index:999999;background:rgba(5,12,15,.82);display:grid;place-items:center;padding:18px}.pn-v7191-scanner>div{width:min(430px,100%);background:#fff;border-radius:20px;padding:12px;box-shadow:0 20px 70px rgba(0,0,0,.3)}.pn-v7191-scanner header{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 10px}.pn-v7191-scanner header strong{font-size:12px}.pn-v7191-scanner header button{width:34px;height:34px;border:0;border-radius:10px;background:#eef1f2}.pn-v7191-scanner video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111;border-radius:14px}.pn-v7191-scanner p{font-size:9px;color:#777;text-align:center;margin:9px 0 2px}
@media(max-width:600px){.pn-v3-titlebar{gap:10px!important;align-items:flex-start!important}.pn-v3-titlebar h2{font-size:17px!important;line-height:1.25!important}.pn-v3-titlebar p{font-size:9px!important;line-height:1.45!important}.pn-v3-titlebar>.pn-v3-btn,.pn-v3-titlebar>form{max-width:46%!important}.pn-v3-titlebar>form .pn-v3-btn{width:100%!important}.pn-admin-content{min-width:0!important}.pn-v718-admin-list>a,.pn-v717-issues>div{overflow:hidden!important}}

/* PAYNUSA V7.19.2 - visual audit repair: admin + member */
.pn-admin-header{min-height:72px;height:auto!important;padding-top:8px!important;padding-bottom:8px!important}
.pn-head-left,.pn-head-right{min-width:0!important}
.pn-head-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important}
.pn-notif-btn{flex:0 0 40px!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;line-height:1!important;text-decoration:none!important}
.pn-notif-btn>i{font-size:18px!important;display:block!important;line-height:1!important}
.pn-notif-btn>b{top:0!important;right:0!important;min-width:17px!important;width:auto!important;height:17px!important;padding:0 4px!important;box-sizing:border-box!important;border:2px solid #fff!important}
.pn-admin-avatar{flex:0 0 auto!important;display:grid!important;place-items:center!important}
.pn-table-wrap{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border:1px solid #edf0f2!important;border-radius:14px!important;background:#fff!important}
.pn-table{margin:0!important}.pn-v63-row-actions{flex-wrap:nowrap!important}.pn-icon-action{flex:0 0 36px!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;padding:0!important}
.pn-icon-action i{display:block!important;margin:0!important;line-height:1!important}
.pn-v787-number-card,.pn-v794-target-card,.pn-v799-form-card{margin-left:12px!important;margin-right:12px!important;width:auto!important;box-sizing:border-box!important}
.pn-v787-number-field,.pn-v790-number-field,.pn-v794-target-box,.pn-v799-input-box{min-width:0!important;box-sizing:border-box!important}
.pn-v787-number-field input,.pn-v790-number-field input,.pn-v794-target-box input,.pn-v799-input-box input{min-width:0!important}
.pn-v787-number-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pn-v799-target-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pn-v787-products-title{gap:10px!important}.pn-v787-products-title>div{flex:0 0 auto!important}.pn-v787-products-title button{width:36px!important;height:36px!important;display:grid!important;place-items:center!important}
.pn-v787-product-card{min-width:0!important}.pn-v787-product-copy{min-width:0!important}.pn-v787-product-copy strong,.pn-v787-product-copy small{overflow-wrap:anywhere!important}
@media(max-width:600px){
 .pn-admin-header{padding-left:14px!important;padding-right:14px!important}
 .pn-head-left{gap:9px!important}.pn-head-left h1{font-size:17px!important;white-space:nowrap!important}
 .pn-head-right{gap:7px!important}.pn-admin-profile{flex:0 0 42px!important}
 .pn-admin-avatar{width:42px!important;height:42px!important}
 .pn-admin-search{display:none!important}
 .pn-admin-content{padding:12px!important;overflow-x:hidden!important}
 .pn-admin-panel{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 .pn-table-wrap{margin:0!important}
 .pn-v63-actions,.pn-v63-toolbar,.pn-v63-filterbar,.pn-v63-bulk{max-width:100%!important;box-sizing:border-box!important}
 .pn-v63-filterbar>*{min-width:0!important}
}

/* PAYNUSA V7.19.2 - audited admin/mobile alignment */
.pn-admin-header{min-width:0!important}.pn-head-left,.pn-head-right{min-width:0!important}
.pn-notif-btn{flex:0 0 40px!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;padding:0!important;text-decoration:none!important}
.pn-notif-btn>i{font-size:17px!important;display:block!important;line-height:1!important}
.pn-notif-btn>b{top:0!important;right:-2px!important;min-width:18px!important;width:auto!important;height:18px!important;padding:0 4px!important;border:2px solid #fff!important;font-size:7px!important;line-height:14px!important}
.pn-admin-profile{flex:0 0 auto!important}.pn-admin-avatar{flex:0 0 40px!important;width:40px!important;height:40px!important}
.pn-v63-row-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:70px!important}
.pn-icon-action{flex:0 0 34px!important;width:34px!important;height:34px!important;display:inline-grid!important;place-items:center!important;padding:0!important;margin:0!important;vertical-align:middle!important}
.pn-icon-action i{font-size:13px!important;line-height:1!important;margin:0!important}
.pn-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
.pn-table{min-width:980px!important;margin:0!important}
.pn-admin-panel{overflow:hidden!important}
.pn-v787-number-field,.pn-v792-target-field,.pn-v790-number-field{overflow:hidden!important}
.pn-v787-number-field>button,.pn-v792-target-field>button,.pn-v790-number-field>button{flex:0 0 46px!important;width:46px!important;display:grid!important;place-items:center!important;padding:0!important}
.pn-v787-number-actions{overflow:hidden!important}.pn-v787-number-actions>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 6px!important}
.pn-v787-number-actions>button i{flex:0 0 auto!important;font-size:15px!important}.pn-v787-number-actions>button span{font-size:9px!important}
.pn-v787-brand-scroll{max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}.pn-v787-brand-scroll::-webkit-scrollbar{display:none}
.pn-v787-brand-scroll>a{flex:0 0 auto!important;max-width:230px!important;white-space:nowrap!important}
@media(max-width:820px){
 .pn-admin-header{height:68px!important;padding:0 14px!important}
 .pn-head-left{gap:9px!important}.pn-head-left h1{font-size:17px!important}
 .pn-head-right{gap:8px!important}
 .pn-notif-btn{flex-basis:38px!important;width:38px!important;height:38px!important}
 .pn-admin-avatar{flex-basis:38px!important;width:38px!important;height:38px!important}
 .pn-admin-content{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}
 .pn-admin-panel{width:100%!important;max-width:100%!important}
}
@media(max-width:390px){
 .pn-v787-number-actions>button{gap:4px!important}.pn-v787-number-actions>button span{font-size:8px!important}
}

/* PAYNUSA V7.19.3 - Admin audit */
.pn-admin-content{padding-left:clamp(14px,3vw,28px)!important;padding-right:clamp(14px,3vw,28px)!important}
.pn-table-wrap{padding:0!important;margin:0!important;width:100%!important}.pn-table th:first-child,.pn-table td:first-child{padding-left:18px!important}.pn-table th:last-child,.pn-table td:last-child{padding-right:18px!important}
.pn-v7193-date-filter{display:grid!important;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr) auto auto!important;align-items:end!important;gap:10px!important;width:100%!important}
.pn-v7193-date-filter input{width:100%!important;min-height:42px!important}
.pn-v7193-filter-card{margin-top:18px;padding:14px;background:#fff;border:1px solid #e5e8eb;border-radius:16px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,2fr) auto;gap:10px;align-items:end}.pn-v7193-filter-card label span{display:block;font-size:8px;font-weight:800;color:#7d858b;margin:0 0 5px}.pn-v7193-filter-card select,.pn-v7193-filter-card input{width:100%;height:42px;border:1px solid #dfe3e6;border-radius:11px;background:#fff;padding:0 11px;font:inherit}
.pn-v7193-cell-sub{display:block;margin-top:3px;color:#92999f;font-size:8px}.pn-v7193-pager{min-height:54px;padding:10px 16px;border-top:1px solid #edf0f1;display:flex;align-items:center;justify-content:space-between;gap:12px}.pn-v7193-pager>span{font-size:8.5px;color:#858c92}.pn-v7193-pager>div{display:flex;align-items:center;gap:8px}.pn-v7193-pager a{width:32px;height:32px;border:1px solid #e1e5e7;border-radius:9px;display:grid;place-items:center;color:var(--pn);text-decoration:none}.pn-v7193-pager b{font-size:9px}
.pn-v7193-job-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pn-v7193-job-grid article{min-width:0;background:#fff;border:1px solid #e4e8ea;border-radius:16px;padding:14px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px}.pn-v7193-job-grid article>i{width:34px;height:34px;border-radius:10px;background:#eaf7f6;color:var(--pn);display:grid;place-items:center}.pn-v7193-job-grid strong,.pn-v7193-job-grid small,.pn-v7193-job-grid span,.pn-v7193-job-grid code{display:block}.pn-v7193-job-grid strong{font-size:10px}.pn-v7193-job-grid code{margin:5px 0;font-size:8px}.pn-v7193-job-grid small,.pn-v7193-job-grid span{font-size:7.5px;line-height:1.45;color:#858d92;overflow-wrap:anywhere}.pn-v7193-cron-note{margin-top:12px;padding:12px 14px;border-radius:13px;background:#fff9e8;border:1px solid #f1dfa7;display:flex;gap:9px;font-size:8.5px;line-height:1.5}
.pn-v7-content-form{border:1px solid #e3e7e9!important;border-radius:16px!important;padding:16px!important;margin-top:14px!important;background:#fff!important}.pn-v7-content-form+.pn-v7-content-form{margin-top:22px!important}.pn-rich-editor{border:1px solid #d9dfe2!important;border-radius:13px!important;overflow:hidden!important}.pn-rich-source{min-height:260px!important;border-top:1px solid #e3e7e9!important}
.pn-v7193-drawer-notif{position:relative!important}.pn-v7193-drawer-notif b{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#ef4657;color:#fff;font-size:8px;display:grid;place-items:center}
.pn-v7193-wallet-fallback{width:62px;height:62px;border-radius:16px;background:#eef7f7;color:var(--pn);font-size:11px;font-weight:900;place-items:center}
@media(max-width:760px){.pn-v7193-date-filter{grid-template-columns:1fr 20px 1fr!important}.pn-v7193-date-filter>a,.pn-v7193-date-filter>button{grid-column:span 3!important;width:100%!important;max-width:none!important}.pn-v7193-filter-card{grid-template-columns:1fr!important}.pn-v7193-filter-card .pn-v3-btn{width:100%!important}.pn-v7193-job-grid{grid-template-columns:1fr!important}.pn-v7-content-form{padding:12px!important}}

.pn-v7193-report-filter{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto auto!important;gap:9px!important;align-items:end!important}.pn-v7193-report-filter label span{display:block;font-size:8px;font-weight:800;color:#7d858b;margin-bottom:5px}.pn-v7193-report-filter input{width:100%!important;min-height:42px!important;border:1px solid #dfe3e6!important;border-radius:11px!important;padding:0 10px!important}
@media(max-width:760px){.pn-v3-titlebar:has(.pn-v7193-report-filter){display:block!important}.pn-v7193-report-filter{margin-top:14px!important;grid-template-columns:1fr 1fr!important}.pn-v7193-report-filter .pn-v3-btn{max-width:none!important;width:100%!important}}

/* =====================================================================
   PAYNUSA V7.19.4 - responsive admin tables, reports, editor, webhook,
   scheduler, notification badges and resilient local e-wallet logos.
   ===================================================================== */
.pn-v7194-table-panel{overflow:hidden!important}
.pn-v7194-table-pad{padding:0 16px 15px!important;box-sizing:border-box!important}
.pn-v7194-table-pad>.pn-table-wrap{border-radius:14px!important}

.pn-v7194-report-filter{margin:18px 0 20px;padding:14px 16px;background:#fff;border:1px solid #e4e8ea;border-radius:17px;display:flex;align-items:end;justify-content:space-between;gap:14px;box-sizing:border-box}
.pn-v7194-date-range{min-width:0;flex:1;display:grid;grid-template-columns:minmax(150px,1fr) 28px minmax(150px,1fr);align-items:end;gap:8px}
.pn-v7194-date-range label{min-width:0}.pn-v7194-date-range label span{display:block;margin:0 0 6px;font-size:8px;font-weight:800;color:#747d84;text-transform:uppercase;letter-spacing:.05em}
.pn-v7194-date-range input{display:block;width:100%!important;min-width:0!important;height:44px!important;border:1px solid #dde2e5!important;border-radius:12px!important;background:#fff!important;padding:0 11px!important;box-sizing:border-box!important;font:inherit!important}
.pn-v7194-date-range>i{height:44px;display:grid;place-items:center;color:#9ca3a8;font-size:11px}
.pn-v7194-report-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.pn-v7194-report-actions .pn-v3-btn{min-height:44px!important;white-space:nowrap}

.pn-v7194-content-panel>.pn-panel-head{margin-bottom:2px}.pn-v7194-content-panel .pn-v7-content-form{position:relative;padding:0 15px 16px!important;border:1px solid #e1e6e8!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(26,35,43,.035)!important}
.pn-v7194-content-panel .pn-v7-content-form+.pn-v7-content-form{margin-top:24px!important}
.pn-v7194-editor-head{margin:0 -15px 15px;padding:13px 15px;background:#f7f9fa;border-bottom:1px solid #e6eaec;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}
.pn-v7194-editor-icon{width:38px;height:38px;border-radius:12px;background:#e8f5f4;color:var(--pn);display:grid;place-items:center;font-size:14px}
.pn-v7194-editor-head strong,.pn-v7194-editor-head small{display:block}.pn-v7194-editor-head strong{font-size:11px;color:#252b31}.pn-v7194-editor-head small{margin-top:3px;font-size:8px;line-height:1.4;color:#879097}
.pn-v7194-editor-head em{padding:5px 8px;border-radius:99px;background:#eef1f2;color:#6f787e;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.05em}.pn-v7194-editor-head em.is-live{background:#e8f7ef;color:#16935f}.pn-v7194-editor-head em.is-draft{background:#fff3db;color:#b37b09}
.pn-v7194-content-panel .ql-toolbar.ql-snow{border:1px solid #dce2e5!important;border-radius:13px 13px 0 0!important;background:#fafbfb!important;padding:8px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:3px!important;box-sizing:border-box!important}
.pn-v7194-content-panel .ql-toolbar.ql-snow .ql-formats{display:inline-flex!important;align-items:center!important;gap:1px!important;margin:0 5px 0 0!important}
.pn-v7194-content-panel .ql-toolbar.ql-snow button{width:30px!important;height:30px!important;padding:5px!important;margin:0!important;display:grid!important;place-items:center!important}
.pn-v7194-content-panel .ql-toolbar.ql-snow .ql-picker{height:30px!important}.pn-v7194-content-panel .ql-toolbar.ql-snow .ql-picker-label{height:30px!important;line-height:28px!important;padding-left:7px!important;padding-right:20px!important}
.pn-v7194-content-panel .ql-container.ql-snow{border:1px solid #dce2e5!important;border-top:0!important;border-radius:0 0 13px 13px!important;min-height:230px!important;font-size:12px!important;box-sizing:border-box!important}.pn-v7194-content-panel .ql-editor{min-height:230px!important;padding:14px!important;line-height:1.6!important}.pn-v7194-content-panel .pn-rich-editor{border:0!important;border-radius:13px!important;overflow:visible!important}

.pn-v7194-webhook-filter{grid-template-columns:minmax(170px,1fr) minmax(190px,1.5fr) auto!important;align-items:end!important}.pn-v7194-filter-actions{display:flex;gap:8px;align-items:center}.pn-v7194-filter-actions .pn-v3-btn{height:42px!important;min-height:42px!important;white-space:nowrap}
.pn-v7194-webhooks .pn-admin-panel{overflow:hidden!important}

.pn-v7194-alert-badge{background:#ee3f51!important;color:#fff!important;box-shadow:0 0 0 3px rgba(238,63,81,.11)}
.pn-v7194-nav-notification{position:relative!important}.pn-v7194-nav-icon{position:relative;display:inline-grid;place-items:center;line-height:1}.pn-v7194-nav-icon>b{position:absolute;top:-8px;right:-12px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#ee3f51;color:#fff;display:grid;place-items:center;font-size:6.5px;line-height:1;font-weight:900;box-sizing:border-box}

.pn-v7194-wallet-logo-shell,.pn-v7194-wallet-brand-logo{position:relative!important;overflow:hidden!important;background:#f6f8f8!important;display:grid!important;place-items:center!important}
.pn-v7194-wallet-logo-shell .pn-v7193-wallet-fallback,.pn-v7194-wallet-brand-logo>b{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;color:var(--pn)!important;font-size:10px!important;font-weight:900!important;z-index:0!important}
.pn-v7194-wallet-logo-shell>img,.pn-v7194-wallet-brand-logo>img{position:relative!important;z-index:1!important;width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;background:#fff!important}
.pn-v7194-wallet-brand-logo{border-radius:inherit!important}

.pn-v7194-cron-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:14px;margin-top:18px}.pn-v7194-cron-form{padding:0 16px 16px}.pn-v7194-toggle{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;padding:11px 0;border-bottom:1px solid #edf0f1}.pn-v7194-toggle input{width:17px!important;height:17px!important;margin:1px 0 0!important}.pn-v7194-toggle strong,.pn-v7194-toggle small{display:block}.pn-v7194-toggle strong{font-size:10px}.pn-v7194-toggle small{font-size:8px;color:#899197;line-height:1.45;margin-top:2px}.pn-v7194-toggle.warn{color:#986600}.pn-v7194-token-generate{padding:0 16px 16px}.pn-v7194-cron-status .pn-v7-health-row,.pn-v7194-cron-help{margin:0 16px 14px}.pn-v7194-cron-help{padding:12px;border:1px solid #dfe9e8;border-radius:13px;background:#f4fbfa;display:flex;gap:9px;font-size:8.5px;line-height:1.5}.pn-v7194-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.pn-v7194-job{padding:14px!important;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}.pn-v7194-job-icon{width:38px;height:38px;border-radius:12px;background:#eaf6f5;color:var(--pn);display:grid;place-items:center}.pn-v7194-job-copy{min-width:0}.pn-v7194-job-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.pn-v7194-job-title strong{font-size:10px}.pn-v7194-job-title span{font-size:7px;font-weight:900;padding:4px 6px;border-radius:99px;background:#e8f7ef;color:#168b5c}.pn-v7194-job.disabled{opacity:.7}.pn-v7194-job.disabled .pn-v7194-job-title span{background:#f0f1f2;color:#777}.pn-v7194-job code,.pn-v7194-job p,.pn-v7194-job small{display:block;overflow-wrap:anywhere}.pn-v7194-job code{margin-top:6px;font-size:8px}.pn-v7194-job p,.pn-v7194-job small{margin:5px 0 0;font-size:8px;line-height:1.45;color:#7f888e}.pn-v7194-job form{grid-column:1/-1}.pn-v7194-job form .pn-v3-btn{width:100%}.pn-v7194-token-once{margin:15px 0;padding:13px 14px;border:1px solid #efdc9e;border-radius:14px;background:#fff9e8;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}.pn-v7194-token-once>i{width:32px;height:32px;border-radius:10px;background:#ffedb5;color:#966800;display:grid;place-items:center}.pn-v7194-token-once strong,.pn-v7194-token-once code,.pn-v7194-token-once small{display:block}.pn-v7194-token-once code{margin:4px 0;font-size:9px;word-break:break-all}.pn-v7194-token-once small{font-size:8px;color:#8a7a54}.pn-v7194-token-once button{border:0;border-radius:10px;padding:9px 11px;background:#fff;color:#6b5c36;font-size:8px;font-weight:800}

@media(max-width:760px){
 .pn-v7194-table-pad{padding:0 10px 12px!important}
 .pn-v7194-report-filter{margin:14px 0 16px;padding:12px;display:block}.pn-v7194-date-range{grid-template-columns:1fr!important;gap:8px}.pn-v7194-date-range>i{height:16px;transform:rotate(90deg)}.pn-v7194-report-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:11px}.pn-v7194-report-actions .pn-v3-btn{width:100%!important;max-width:none!important}
 .pn-v7194-content-panel .pn-v7-content-form{padding:0 12px 14px!important}.pn-v7194-editor-head{margin:0 -12px 13px;padding:11px 12px;grid-template-columns:34px minmax(0,1fr) auto}.pn-v7194-editor-icon{width:34px;height:34px}.pn-v7194-editor-head small{display:none}.pn-v7194-content-panel .ql-toolbar.ql-snow{padding:6px!important}.pn-v7194-content-panel .ql-toolbar.ql-snow button{width:28px!important;height:28px!important;padding:4px!important}.pn-v7194-content-panel .ql-container.ql-snow,.pn-v7194-content-panel .ql-editor{min-height:220px!important}
 .pn-v7194-webhook-filter{grid-template-columns:1fr!important}.pn-v7194-filter-actions{display:grid;grid-template-columns:1fr 1fr}.pn-v7194-filter-actions .pn-v3-btn{width:100%!important;max-width:none!important}
 .pn-v7194-cron-grid,.pn-v7194-job-grid{grid-template-columns:1fr}.pn-v7194-token-once{grid-template-columns:30px minmax(0,1fr)}.pn-v7194-token-once button{grid-column:1/-1;width:100%}
}
@media(max-width:390px){.pn-v7194-report-actions,.pn-v7194-filter-actions{grid-template-columns:1fr}.pn-v7194-content-panel .ql-toolbar.ql-snow .ql-formats{margin-right:2px!important}}
.pn-v7194-pager-actions{display:flex!important;align-items:center!important;gap:8px!important}.pn-v7194-page-size{margin:0!important}.pn-v7194-page-size select{height:32px;border:1px solid #e1e5e7;border-radius:9px;background:#fff;padding:0 7px;font-size:8px;color:#5f676d}.pn-v7194-pager a{flex:0 0 32px}.pn-v7194-pager b{white-space:nowrap}
@media(max-width:600px){.pn-v7194-pager{align-items:flex-start!important;flex-direction:column!important}.pn-v7194-pager-actions{width:100%!important;justify-content:flex-end!important}.pn-v7194-pager>span{line-height:1.45!important}}
.pn-v7194-content-panel .ql-toolbar.ql-snow svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}

/* ========================================================================== 
   PAYNUSA UI POLISH v8.1.0 - typography, forms, tables, postpaid checkout
   ========================================================================== */
:root{--pn-ui-text:#20242b;--pn-ui-muted:#7d848d;--pn-ui-border:#e6e9ec}

/* Admin: normalize previously mixed 7-11px text sizes without changing theme */
.pn-admin-body{font-size:14px;line-height:1.45}
.pn-side-nav>a{min-height:42px;height:auto;padding:9px 11px;font-size:12.5px;line-height:1.25}
.pn-side-nav>a .tail{font-size:10px}
.pn-nav-caption{font-size:10px;line-height:1.2;margin-top:19px}
.pn-table{font-size:12px}
.pn-table th,.pn-table td{padding:11px 10px;line-height:1.4}
.pn-table td small{font-size:10.5px;line-height:1.35}
.pn-status,.pn-role{font-size:10.5px;line-height:1.2;padding:5px 8px}
.pn-panel-actions button,.pn-markup-form button,.pn-table-search input,.pn-markup-form{font-size:12px}
.pn-page-toolbar p{font-size:11.5px;line-height:1.45}
.pn-page-toolbar h2{font-size:20px;line-height:1.25}
.pn-v3-field label,.pn-v3-field input,.pn-v3-field select,.pn-v3-field textarea,.pn-v3-btn{font-size:12px!important}
.pn-v3-field small{font-size:10.5px!important;line-height:1.45!important}
.pn-v7194-toggle strong,.pn-v7194-job-title strong{font-size:12px!important}
.pn-v7194-toggle small,.pn-v7194-job p,.pn-v7194-job small,.pn-v7194-cron-help{font-size:10.5px!important}
.pn-v7194-job-title span,.pn-v7194-job code,.pn-v7194-token-once small{font-size:10px!important}
.pn-v7194-page-size select{font-size:11px!important}

/* Mobile: improve baseline consistency and prevent oversized/undersized text */
.pn-mobile-body{font-size:14px;line-height:1.45;color:var(--pn-ui-text)}
.pn-page-header h1{font-size:17px;line-height:1.25}
.pn-u782-menu-item strong{font-size:11px!important;line-height:1.28!important}
.pn-bottom-nav span{font-size:10px!important}

/* Auth: compact oversized legacy dimensions while keeping existing visual identity */
.pn-a710-login-head{height:74px!important;min-height:74px!important;padding:16px 18px!important}
.pn-a710-login-head>b{font-size:20px!important}
.pn-a710-login-head span{font-size:20px!important;gap:20px!important}
.pn-a710-login-main{max-width:460px!important}
.pn-a710-login-card{border-radius:20px!important;padding:22px 20px!important}
.pn-a710-login-card label{font-size:13px!important}
.pn-a710-login-card input{height:52px!important;border-radius:14px!important;font-size:14px!important;margin-bottom:18px!important}
.pn-a710-login-card .pn-a710-primary{height:52px!important;font-size:15px!important}
.pn-a710-login-card .pn-a710-forgot,.pn-a710-login-card .pn-a710-center,.pn-a710-login .pn-a710-google{font-size:13px!important}
.pn-a710-slide h2{font-size:19px!important}.pn-a710-slide p{font-size:12.5px!important;line-height:1.5!important}

/* Postpaid confirmation */
.pn-v810-bill-page{padding-bottom:112px}
.pn-v810-page-head>div{min-width:0;text-align:center}.pn-v810-page-head>div h1{margin:0}.pn-v810-page-head>div small{display:block;margin-top:2px;font-size:10px;color:#8b9198;font-weight:600}
.pn-v810-bill-hero{margin:14px 14px 10px;border-radius:16px;padding:14px;align-items:flex-start}.pn-v810-bill-hero>span{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.pn-v810-bill-hero strong{font-size:14px}.pn-v810-bill-hero p{margin:4px 0 0;font-size:11px;line-height:1.5}
.pn-v810-bill-card{margin:10px 14px 0;border-radius:18px;padding:16px!important}.pn-v810-card-title{display:flex!important;justify-content:flex-start!important;gap:10px!important;align-items:center!important;padding-bottom:12px!important;margin-bottom:7px!important;border-bottom:1px solid #eef0f2}.pn-v810-card-title>span{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);display:grid;place-items:center}.pn-v810-card-title h3{margin:0;font-size:14px}.pn-v810-card-title small{display:block;margin-top:2px;color:#8b9198;font-size:10px}.pn-v810-bill-card>div:not(.pn-v810-card-title){gap:16px}.pn-v810-bill-card>div>span{font-size:11.5px;color:#767d85}.pn-v810-bill-card>div>strong{font-size:12.5px;text-align:right;overflow-wrap:anywhere}.pn-v810-bill-card .pn-total-line{margin-top:7px;padding-top:13px}.pn-v810-bill-card .pn-total-line strong{font-size:18px;color:var(--pn)}
.pn-v810-wallet-check{margin:10px 14px 0;padding:13px 14px;border:1px solid #dcebe5;border-radius:16px;background:#f7fcfa;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.pn-v810-wallet-check>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e6f6ef;color:#18875e}.pn-v810-wallet-check small,.pn-v810-wallet-check strong,.pn-v810-wallet-check em{display:block}.pn-v810-wallet-check small{font-size:10px;color:#7a8289}.pn-v810-wallet-check strong{font-size:14px;margin-top:1px}.pn-v810-wallet-check em{font-size:10px;color:#18875e;font-style:normal;margin-top:2px}.pn-v810-wallet-check>a{font-size:11px;font-weight:800;color:var(--pn)}.pn-v810-wallet-check.is-low{border-color:#f1d9d9;background:#fff8f8}.pn-v810-wallet-check.is-low>span{background:#fdeaea;color:#d34d4d}.pn-v810-wallet-check.is-low em{color:#cf4f4f}
.pn-v810-safe-note{margin:10px 14px 0}.pn-v810-safe-note strong{font-size:12px}.pn-v810-safe-note p{font-size:10.5px;line-height:1.5}
.pn-v810-pin{margin:12px 14px 0!important}.pn-v810-postpaid-form{margin:0}.pn-v810-paybar{position:fixed;z-index:35;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -9px 24px rgba(26,31,39,.08);display:flex;gap:12px;align-items:center}.pn-v810-paybar>div{flex:1;min-width:0}.pn-v810-paybar small{display:block;color:#858b92;font-size:10px}.pn-v810-paybar strong{display:block;margin-top:2px;font-size:15px}.pn-v810-paybar button{height:48px;min-width:156px;border:0;border-radius:14px;background:var(--pn);color:#fff;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:900}.pn-v810-paybar button:disabled{background:#cfd3d6;color:#fff}.pn-v810-paybar button.loading{opacity:.82}

@media(max-width:760px){
 .pn-table{font-size:11.5px}.pn-table th,.pn-table td{padding:10px 9px}
 .pn-side-nav>a{font-size:13px}
}
@media(max-width:380px){
 .pn-v810-paybar{gap:8px}.pn-v810-paybar button{min-width:145px;padding:0 12px}.pn-v810-bill-card{margin-left:10px;margin-right:10px}.pn-v810-bill-hero,.pn-v810-wallet-check,.pn-v810-safe-note,.pn-v810-pin{margin-left:10px!important;margin-right:10px!important}
}

/* Admin live chat */
.pn-v810-chat-list>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto 14px;gap:11px;align-items:center;padding:12px 14px;border-bottom:1px solid #eef0f2;color:inherit;text-decoration:none}.pn-v810-chat-list>a:last-child{border-bottom:0}.pn-v810-chat-list .avatar{width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);display:grid;place-items:center;font-weight:900}.pn-v810-chat-list strong,.pn-v810-chat-list small{display:block}.pn-v810-chat-list strong{font-size:13px}.pn-v810-chat-list small{font-size:10.5px;color:#858c94;margin-top:2px}.pn-v810-chat-list time{font-size:10px;color:#9aa0a6}.pn-v810-chat-list b{min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#e64b5d;color:#fff;display:grid;place-items:center;font-size:10px}.pn-v810-chat-list>a>i{color:#a7adb3}
.pn-v810-admin-chat{overflow:hidden}.pn-v810-admin-chat-body{min-height:380px;max-height:62vh;overflow:auto;padding:18px;background:#f7f9fa;display:flex;flex-direction:column;gap:10px}.pn-v810-admin-chat-body .bubble{max-width:min(76%,580px);padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e6e9ec;box-shadow:0 2px 8px rgba(20,28,35,.04)}.pn-v810-admin-chat-body .bubble.admin{align-self:flex-end;background:color-mix(in srgb,var(--pn) 8%,#fff);border-color:color-mix(in srgb,var(--pn) 18%,#fff)}.pn-v810-admin-chat-body .bubble p{margin:0;font-size:12px;line-height:1.55}.pn-v810-admin-chat-body .bubble small{display:block;margin-top:5px;font-size:9.5px;color:#90969d}.pn-v810-admin-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px;border-top:1px solid #e7eaed;background:#fff;align-items:end}.pn-v810-admin-chat-form textarea{min-height:72px;resize:vertical;border:1px solid #dfe3e6;border-radius:12px;padding:10px 12px;font:inherit;font-size:12px;outline:none}.pn-v810-admin-chat-form textarea:focus{border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 8%,transparent)}
@media(max-width:700px){.pn-v810-chat-list>a{grid-template-columns:38px minmax(0,1fr) auto 12px}.pn-v810-chat-list time{display:none}.pn-v810-admin-chat-form{grid-template-columns:1fr}.pn-v810-admin-chat-form .pn-v3-btn{width:100%}.pn-v810-admin-chat-body .bubble{max-width:88%}}

/* ========================================================================== 
   PAYNUSA ADMIN HARDENING v8.2.0 - RBAC visibility + consistent admin UI
   ========================================================================== */
.pn-admin-header{gap:14px}.pn-head-left h1{font-size:18px;line-height:1.25}.pn-head-left p{font-size:11px!important;line-height:1.35}.pn-admin-search{height:42px;width:min(330px,31vw);font-size:12px}.pn-admin-search input{font-size:12px!important;color:#2c3038}.pn-admin-search kbd{font-size:9.5px;padding:3px 6px;white-space:nowrap}.pn-notif-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#5e6470}.pn-notif-btn:hover{background:#f5f6f8}
.pn-admin-profile-wrap{position:relative}.pn-admin-profile{border:0;background:transparent;min-height:44px;padding:4px 7px;cursor:pointer;border-radius:12px;text-align:left}.pn-admin-profile:hover,.pn-admin-profile[aria-expanded="true"]{background:#f6f7f9}.pn-admin-profile strong{font-size:12px!important}.pn-admin-profile small{font-size:10px!important}.pn-admin-profile>i{font-size:9px!important}.pn-admin-profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:220px;background:#fff;border:1px solid #e5e8eb;border-radius:14px;box-shadow:0 18px 45px rgba(20,26,35,.14);padding:7px;z-index:100}.pn-admin-profile-menu[hidden]{display:none!important}.pn-admin-profile-menu a,.pn-admin-profile-menu button{width:100%;height:39px;border:0;background:transparent;border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:9px;color:#3e444c;font-size:11.5px;text-align:left}.pn-admin-profile-menu a:hover,.pn-admin-profile-menu button:hover{background:#f5f6f8}.pn-admin-profile-menu button{color:#c44752}.pn-admin-profile-summary{padding:8px 10px 10px;border-bottom:1px solid #eef0f2;margin-bottom:5px}.pn-admin-profile-summary strong,.pn-admin-profile-summary small{display:block}.pn-admin-profile-summary strong{font-size:12px}.pn-admin-profile-summary small{font-size:10px;color:#8b9198;margin-top:2px}
.pn-panel-head h3{font-size:14px!important;line-height:1.3}.pn-panel-head p,.pn-v3-titlebar p{font-size:11px!important;line-height:1.45}.pn-v3-eyebrow{font-size:9px!important}.pn-v3-titlebar h2{font-size:21px;line-height:1.25}.pn-v64-filterbar input,.pn-v64-filterbar select,.pn-v63-filterbar input,.pn-v63-filterbar select{font-size:11.5px!important;min-height:39px}.pn-v820-filterbar{margin-bottom:14px}.pn-v63-row-actions{display:flex;align-items:center;gap:6px}.pn-v63-row-actions form{margin:0}.pn-icon-action.danger{background:#fff0f1;color:#d94f5c}.pn-muted-text{color:#91979e}.pn-v820-user-actions{margin-top:15px;flex-wrap:wrap}.pn-v820-wide-row{grid-column:1/-1}
.pn-v820-security-notes{display:grid;gap:10px}.pn-v820-security-notes>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:11px;border:1px solid #e9ecef;border-radius:12px}.pn-v820-security-notes>div>i{width:38px;height:38px;border-radius:11px;background:#f1edff;color:var(--pn);display:grid;place-items:center}.pn-v820-security-notes strong,.pn-v820-security-notes small{display:block}.pn-v820-security-notes strong{font-size:12px}.pn-v820-security-notes small{font-size:10.5px;color:#858c94;line-height:1.45;margin-top:2px}.pn-v820-locked{display:inline-flex;align-items:center;gap:6px;color:#858c94;font-size:10.5px;padding:7px 9px;background:#f5f6f8;border-radius:9px}
.pn-v820-manual-deposit-actions{margin-top:16px;padding-top:14px;border-top:1px solid #edf0f2}.pn-v820-reject-form{margin-top:12px;display:grid;gap:7px}.pn-v820-reject-form label{font-size:11px;font-weight:750}.pn-v820-reject-form textarea{min-height:76px;border:1px solid #e0e4e7;border-radius:11px;padding:10px 11px;resize:vertical;font:inherit;font-size:11.5px}.pn-v820-reject-form textarea:focus{outline:0;border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 8%,transparent)}
.pn-text-danger{color:var(--red)!important}.pn-info-alert p{font-size:11px;line-height:1.45}.pn-v4-detail-list>div>span{font-size:10.5px!important}.pn-v4-detail-list>div>strong{font-size:11.5px!important;line-height:1.4}
@media(max-width:820px){.pn-admin-profile{padding:3px}.pn-admin-profile-menu{right:0;width:min(230px,calc(100vw - 24px))}.pn-admin-profile>div:nth-child(2),.pn-admin-profile>i{display:none}.pn-v3-titlebar{align-items:flex-start;flex-direction:column}.pn-v63-actions{width:100%;display:flex;flex-wrap:wrap}.pn-v63-actions .pn-v3-btn{flex:1}.pn-v3-grid.two,.pn-v3-grid.wallet{grid-template-columns:1fr!important}}
@media(max-width:560px){.pn-admin-header{min-height:64px}.pn-head-left h1{font-size:16px}.pn-admin-content{padding:12px!important}.pn-admin-panel{padding:14px}.pn-v3-titlebar h2{font-size:19px}.pn-v820-filterbar{display:grid!important;grid-template-columns:1fr 1fr}.pn-v820-filterbar>label{grid-column:1/-1}.pn-v820-filterbar .pn-v3-btn{width:100%}.pn-v64-actions{flex-wrap:wrap}}
.pn-v820-level-item{grid-template-columns:38px minmax(0,1fr) auto auto!important;align-items:center}.pn-v820-level-actions{display:flex;gap:5px}.pn-v820-level-actions form{margin:0}.pn-v820-level-actions .pn-icon-action{display:grid;place-items:center}
@media(max-width:620px){.pn-v820-level-item{grid-template-columns:38px minmax(0,1fr) auto!important}.pn-v820-level-item>.pn-status{grid-column:2}.pn-v820-level-actions{grid-column:3;grid-row:1/3}}

/* v8.4 member transaction pager */
.pn-v7920-history-pager{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:14px 14px 90px;padding:10px;border:1px solid #e6ebed;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(20,35,45,.05)}
.pn-v7920-history-pager a{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:10px;background:#f3f7f7;color:var(--pn,#168c88);text-decoration:none;font-size:11px;font-weight:800}
.pn-v7920-history-pager a.disabled{pointer-events:none;opacity:.42}
.pn-v7920-history-pager span{text-align:center;color:#75808a;font-size:11px;line-height:1.35}.pn-v7920-history-pager strong{color:#263038}
@media(max-width:390px){.pn-v7920-history-pager{grid-template-columns:1fr 1fr}.pn-v7920-history-pager span{grid-column:1/-1;grid-row:1}.pn-v7920-history-pager a{justify-content:center}}

/* ========================================================================== 
   v8.4 Admin readability normalization
   Legacy admin generations used 7–9px text in tables/forms. Keep layout and
   theme intact while restoring a readable baseline.
   ========================================================================== */
.pn-admin-body .pn-table th{font-size:10px;line-height:1.35}
.pn-admin-body .pn-table td{font-size:11px;line-height:1.45}
.pn-admin-body .pn-table td small,.pn-admin-body .pn-table td em{font-size:10px;line-height:1.4}
.pn-admin-body .pn-status,.pn-admin-body .pn-role{font-size:10px;min-height:24px}
.pn-admin-body .pn-v3-eyebrow{font-size:10px}
.pn-admin-body .pn-v3-titlebar p,.pn-admin-body .pn-page-toolbar p{font-size:11px;line-height:1.5}
.pn-admin-body .pn-v3-btn,.pn-admin-body .pn-primary-admin-btn,.pn-admin-body .pn-panel-actions button{font-size:11px}
.pn-admin-body .pn-v3-field label,.pn-admin-body .pn-settings-form label{font-size:11px}
.pn-admin-body .pn-v3-field input,.pn-admin-body .pn-v3-field select,.pn-admin-body .pn-v3-field textarea,.pn-admin-body .pn-settings-form input{font-size:12px}
.pn-admin-body .pn-v3-checklist strong,.pn-admin-body .pn-v3-flow strong,.pn-admin-body .pn-v3-provider-actions strong{font-size:11px}
.pn-admin-body .pn-v3-checklist small,.pn-admin-body .pn-v3-flow small,.pn-admin-body .pn-v3-provider-actions small{font-size:10px;line-height:1.4}
.pn-admin-body .pn-side-nav a{font-size:11px}
.pn-admin-body .pn-nav-caption{font-size:9px}
.pn-admin-body .pn-panel-head p{font-size:11px;line-height:1.45}
@media(max-width:900px){
  .pn-admin-body .pn-v3-btn,.pn-admin-body .pn-primary-admin-btn,.pn-admin-body .pn-panel-actions button{min-height:40px}
  .pn-admin-body .pn-icon-action{width:36px;height:36px}
  .pn-admin-body .pn-table th{font-size:10px}.pn-admin-body .pn-table td{font-size:11px}
}

/* ========================================================================== */
/* PAYNUSA v8.5 — Operational Transaction Tools                               */
/* ========================================================================== */
.pn-v850-mobile-pages{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:15px 16px 88px}.pn-v850-mobile-pages a{font-size:11px;font-weight:800;color:var(--pn);text-decoration:none}.pn-v850-mobile-pages a:last-child{text-align:right}.pn-v850-mobile-pages b{font-size:10px;color:#6d7680}
.pn-v850-deposit-history,.pn-v850-targets-page{min-height:100dvh;background:#f5f7f8;padding-bottom:86px}.pn-v850-history-summary{margin:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid #e6eaed;border-radius:18px;background:#fff}.pn-v850-history-summary span,.pn-v850-history-summary strong{display:block}.pn-v850-history-summary span{font-size:10px;color:#87909a}.pn-v850-history-summary strong{margin-top:3px;font-size:22px}.pn-v850-history-summary a{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;background:var(--pn);color:#fff;text-decoration:none;font-size:10px;font-weight:900}
.pn-v850-deposit-list{display:grid;gap:9px;padding:0 16px}.pn-v850-deposit-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 12px;gap:10px;align-items:center;padding:13px;border:1px solid #e6eaed;border-radius:16px;background:#fff;text-decoration:none;color:#252c33}.pn-v850-deposit-row>.icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef4f6;color:#66717b}.pn-v850-deposit-row>.icon.paid{background:#eaf8f1;color:#16805d}.pn-v850-deposit-row>.icon.expired{background:#fff0f1;color:#b74d55}.pn-v850-deposit-row .main strong,.pn-v850-deposit-row .main small,.pn-v850-deposit-row .main em{display:block}.pn-v850-deposit-row .main strong{font-size:11px}.pn-v850-deposit-row .main small{margin-top:3px;font-size:9px;color:#7e8790}.pn-v850-deposit-row .main em{margin-top:3px;font-size:8.5px;color:#a06b2a;font-style:normal}.pn-v850-deposit-row .amount{text-align:right}.pn-v850-deposit-row .amount>strong{display:block;font-size:11px;white-space:nowrap}.pn-v850-deposit-row .amount .pn-status{margin-top:5px}.pn-v850-deposit-row .tail{font-size:10px;color:#b2b8bd}
.pn-v850-empty{margin:18px 0;padding:30px 18px;text-align:center;border:1px dashed #d7dde1;border-radius:18px;background:#fff;color:#7d858d}.pn-v850-empty>i{font-size:28px;color:var(--pn)}.pn-v850-empty strong{display:block;margin-top:10px;color:#30373f}.pn-v850-empty p{margin:6px auto 12px;max-width:290px;font-size:10px;line-height:1.55}.pn-v850-empty a{display:inline-flex;padding:9px 12px;border-radius:11px;background:var(--pn);color:#fff;text-decoration:none;font-size:10px;font-weight:900}
.pn-v850-target-form{margin:14px 16px;padding:16px;border:1px solid #e5e9ec;border-radius:18px;background:#fff}.pn-v850-target-form .head{display:flex;align-items:center;gap:10px;margin-bottom:15px}.pn-v850-target-form .head>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn)}.pn-v850-target-form .head strong,.pn-v850-target-form .head small{display:block}.pn-v850-target-form .head strong{font-size:12px}.pn-v850-target-form .head small{margin-top:2px;font-size:9px;color:#87909a}.pn-v850-target-form label{display:grid;gap:6px;margin-bottom:11px;font-size:10px;font-weight:800;color:#4d5660}.pn-v850-target-form input{width:100%;height:44px;padding:0 12px;border:1px solid #dfe4e7;border-radius:12px;background:#fff;outline:none}.pn-v850-target-form input:focus{border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 8%,transparent)}.pn-v850-target-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pn-v850-target-form>button{width:100%;min-height:44px;border:0;border-radius:12px;background:var(--pn);color:#fff;font-weight:900}
.pn-v850-target-list{display:grid;gap:9px;padding:0 16px}.pn-v850-target-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px;border:1px solid #e6eaed;border-radius:16px;background:#fff}.pn-v850-target-row .avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f0f6f7;color:var(--pn)}.pn-v850-target-row strong,.pn-v850-target-row small,.pn-v850-target-row em{display:block}.pn-v850-target-row strong{font-size:11px}.pn-v850-target-row small{margin-top:2px;font-size:10px;color:#4f5963}.pn-v850-target-row em{margin-top:2px;font-size:8.5px;color:#9098a0;font-style:normal}.pn-v850-target-row .actions{display:flex;gap:5px}.pn-v850-target-row .actions form{margin:0}.pn-v850-target-row .actions button{width:34px;height:34px;border:1px solid #e3e7ea;border-radius:10px;background:#fff;color:#65707a}.pn-v850-target-row .actions form:first-child button{color:#e6a622}
.pn-v850-saved-targets{margin-top:10px}.pn-v850-saved-targets .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.pn-v850-saved-targets .head span{font-size:9px;font-weight:900;color:#555f68}.pn-v850-saved-targets .head a{font-size:9px;font-weight:800;color:var(--pn);text-decoration:none}.pn-v850-saved-targets .chips{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.pn-v850-saved-targets .chips::-webkit-scrollbar{display:none}.pn-v850-saved-targets .chips button{flex:0 0 auto;display:grid;grid-template-columns:16px auto;column-gap:5px;align-items:center;max-width:180px;padding:8px 10px;border:1px solid #dfe5e8;border-radius:12px;background:#fff;text-align:left}.pn-v850-saved-targets .chips button i{grid-row:1/3;color:var(--pn)}.pn-v850-saved-targets .chips span{font-size:9px;font-weight:900}.pn-v850-saved-targets .chips small{font-size:8px;color:#8b949c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:390px){.pn-v850-target-form .grid{grid-template-columns:1fr}.pn-v850-deposit-row{grid-template-columns:38px minmax(0,1fr) auto}.pn-v850-deposit-row .tail{display:none}.pn-v850-deposit-row>.icon{width:38px;height:38px}.pn-v850-deposit-row .amount>strong{font-size:10px}}

.pn-v850-sla-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}.pn-v850-sla-cards a{display:grid;gap:5px;padding:13px;border:1px solid #e3e7eb;border-radius:14px;background:#fff;text-decoration:none;color:#626c75}.pn-v850-sla-cards a i{color:var(--pn)}.pn-v850-sla-cards a span{font-size:9px}.pn-v850-sla-cards a strong{font-size:20px;color:#242b31}.pn-v850-sla-cards a.active{border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 8%,transparent)}.pn-v850-age{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef6f7;color:#406a70;font-size:9px;font-weight:900;white-space:nowrap}.pn-v850-age.warning{background:#fff7e7;color:#9a6a17}.pn-v850-age.danger{background:#fff0f1;color:#b5434b}.pn-v850-manual,.pn-v850-cooldown{font-size:9px;color:#7f8992;white-space:nowrap}.pn-v850-manual{color:#b5434b;font-weight:800}
.pn-v850-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.pn-v850-health-card .head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pn-v850-health-card .head>div{display:flex;align-items:center;gap:10px}.pn-v850-health-card .logo{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);display:grid;place-items:center}.pn-v850-health-card h3{margin:0;font-size:14px}.pn-v850-health-card small{display:block;margin-top:3px;color:#8b949d;font-size:9px}.pn-v850-health-card .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.pn-v850-health-card .metrics div{padding:10px;border-radius:12px;background:#f6f8f9}.pn-v850-health-card .metrics span,.pn-v850-health-card .metrics strong{display:block}.pn-v850-health-card .metrics span{font-size:8.5px;color:#87919a}.pn-v850-health-card .metrics strong{margin-top:4px;font-size:13px}.pn-v850-health-card .health-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #eef1f3;font-size:9.5px}.pn-v850-health-card .message{margin:10px 0;padding:9px 10px;border-radius:10px;background:#f6f8f9;font-size:9px;line-height:1.5;color:#65707a}.pn-v850-cron-last{display:flex;align-items:center;gap:15px;padding:13px 0}.pn-v850-cron-last span{font-size:10px;color:#7d8790}.pn-v850-cron-last strong{font-size:12px}.pn-v850-cron-last small{font-size:9px;color:#9098a0}
@media(max-width:1100px){.pn-v850-sla-cards{grid-template-columns:repeat(3,1fr)}.pn-v850-health-card .metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pn-v850-sla-cards{grid-template-columns:repeat(2,1fr)}.pn-v850-health-grid{grid-template-columns:1fr}}

/* ========================================================================== 
   PAYNUSA v8.6 Reseller Tools
   ========================================================================== */
.pn-v86-page{max-width:760px;margin:0 auto;padding:18px 14px 40px}.pn-v86-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px}.pn-v86-head>a{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;border:1px solid #e6eaed;color:#26313a;text-decoration:none;box-shadow:0 6px 18px rgba(24,34,42,.05);flex:0 0 42px}.pn-v86-head span{display:block;color:var(--pn);font-size:10px;font-weight:900;letter-spacing:.09em}.pn-v86-head h1{margin:4px 0 4px;font-size:24px;line-height:1.12;color:#202831}.pn-v86-head p{margin:0;color:#7b848d;font-size:12px;line-height:1.55}.pn-v86-card{background:#fff;border:1px solid #e7ebed;border-radius:18px;padding:17px;margin:12px 0;box-shadow:0 10px 28px rgba(22,33,41,.055)}.pn-v86-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.pn-v86-card-title h2{margin:0;font-size:16px;color:#242d35}.pn-v86-card-title p{margin:3px 0 0;color:#8a9299;font-size:10px}.pn-v86-label{display:block;margin:12px 0 6px;font-size:11px;font-weight:800;color:#3e4850}.pn-v86-input,.pn-v86-textarea{width:100%;border:1.4px solid #dfe5e8;border-radius:13px;background:#fff;color:#222c34;padding:12px 13px;outline:0;font-size:14px}.pn-v86-input:focus,.pn-v86-textarea:focus{border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 8%,transparent)}.pn-v86-textarea{resize:vertical;min-height:160px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55}.pn-v86-help{display:flex;gap:6px;margin:7px 0 12px;color:#899198;font-size:9.5px;line-height:1.45}.pn-v86-help.danger{color:#c64650}.pn-v86-primary{width:100%;min-height:46px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--pn-dark,#0c7371),var(--pn));color:#fff!important;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb,var(--pn) 15%,transparent)}.pn-v86-primary.small{width:auto;min-height:38px;padding:0 12px;font-size:9.5px}.pn-v86-primary:disabled{background:#dfe3e6;color:#90979e!important;box-shadow:none;cursor:not-allowed}.pn-v86-alert{display:flex;gap:10px;padding:12px 13px;border-radius:14px;margin:10px 0;font-size:10px}.pn-v86-alert.warning{background:#fff6df;color:#795b11}.pn-v86-alert>i{margin-top:2px}.pn-v86-alert strong,.pn-v86-alert small{display:block}.pn-v86-alert small{margin-top:3px;line-height:1.45}.pn-v86-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.pn-v86-summary>div{padding:11px;border-radius:13px;background:#f6f8f9}.pn-v86-summary span,.pn-v86-summary strong{display:block}.pn-v86-summary span{font-size:9px;color:#879099}.pn-v86-summary strong{margin-top:4px;font-size:12px;color:#273039;word-break:break-word}.pn-v86-table-wrap{overflow:auto;border:1px solid #edf0f2;border-radius:13px}.pn-v86-table{width:100%;border-collapse:collapse;min-width:520px}.pn-v86-table th,.pn-v86-table td{padding:10px;border-bottom:1px solid #eef1f2;text-align:left;font-size:10px}.pn-v86-table th{background:#f7f9fa;color:#69727a;font-size:9px;text-transform:uppercase}.pn-v86-table td strong,.pn-v86-table td small{display:block}.pn-v86-table td small{margin-top:2px;color:#8b939a}.pn-v86-confirm-form{margin-top:14px}.pn-v86-list{display:grid;gap:8px}.pn-v86-list-row,.pn-v86-order-item,.pn-v86-token-row,.pn-v86-bill{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #edf0f2;border-radius:13px;background:#fff;text-decoration:none;color:inherit}.pn-v86-list-row>div,.pn-v86-order-item>div:nth-child(2),.pn-v86-token-row>div,.pn-v86-bill-main>div{min-width:0;flex:1}.pn-v86-list-row strong,.pn-v86-list-row small,.pn-v86-order-item strong,.pn-v86-order-item small,.pn-v86-token-row strong,.pn-v86-token-row small,.pn-v86-bill strong,.pn-v86-bill small{display:block}.pn-v86-list-row small,.pn-v86-order-item small,.pn-v86-token-row small,.pn-v86-bill small{margin-top:2px;color:#8a9299;font-size:9px;white-space:normal;word-break:break-word}.pn-v86-list-icon{width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);display:grid;place-items:center;flex:0 0 38px}.pn-v86-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:#eef1f3;color:#606a73;font-size:8.5px;font-style:normal;font-weight:900;text-transform:uppercase}.pn-v86-status.success,.pn-v86-status.completed{background:#e8f8ef;color:#16834c}.pn-v86-status.failed,.pn-v86-status.partial{background:#fff0f1;color:#bd404a}.pn-v86-status.pending,.pn-v86-status.processing,.pn-v86-status.queued{background:#fff6df;color:#8c6812}.pn-v86-order-right{margin-left:auto;text-align:right;display:grid;gap:5px;justify-items:end}.pn-v86-order-right>a{font-size:9px;color:var(--pn);font-weight:800}.pn-v86-bill{display:block}.pn-v86-bill-main{display:flex;align-items:center;gap:10px}.pn-v86-bill-actions{display:flex;align-items:center;gap:7px;margin-top:10px}.pn-v86-bill-actions form:first-child{flex:1}.pn-v86-icon-btn{width:38px;height:38px;border:1px solid #e3e8ea;background:#fff;border-radius:11px;color:#58636c}.pn-v86-icon-btn.danger{color:#c54750;background:#fff7f7}.pn-v86-empty{text-align:center;padding:24px 10px;color:#8a9299}.pn-v86-empty i{display:block;font-size:25px;margin-bottom:8px;color:#b3b9be}.pn-v86-empty strong,.pn-v86-empty span{display:block}.pn-v86-empty strong{color:#4b555d}.pn-v86-empty span{margin-top:4px;font-size:10px}.pn-v86-token-once{padding:14px;border:1px solid #bfe5d6;background:#ecfaf4;border-radius:14px;margin:10px 0}.pn-v86-token-once strong,.pn-v86-token-once code{display:block}.pn-v86-token-once code{margin:8px 0;padding:10px;background:#fff;border-radius:10px;word-break:break-all;font-size:10px}.pn-v86-token-once button{border:0;background:var(--pn);color:#fff;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:800}.pn-v86-api-doc{display:grid;gap:10px}.pn-v86-api-doc>div{display:grid;grid-template-columns:48px 1fr;gap:5px 8px;padding:10px;border-radius:12px;background:#f6f8f9}.pn-v86-api-doc b{color:var(--pn);font-size:9px}.pn-v86-api-doc code{font-size:9px;word-break:break-all}.pn-v86-api-doc span{grid-column:2;color:#7e878e;font-size:9px}.pn-v86-api-doc>small{color:#7d868e;font-size:9px;line-height:1.5}.pn-v86-token-row form{margin-left:auto}
@media(max-width:480px){.pn-v86-page{padding:14px 10px 30px}.pn-v86-head h1{font-size:21px}.pn-v86-card{padding:14px;border-radius:16px}.pn-v86-summary{grid-template-columns:1fr 1fr}.pn-v86-summary>div:last-child:nth-child(odd){grid-column:1/-1}.pn-v86-list-row,.pn-v86-order-item,.pn-v86-token-row{padding:10px}.pn-v86-order-item{align-items:flex-start}.pn-v86-bill-actions{flex-wrap:wrap}.pn-v86-bill-actions form:first-child{flex-basis:100%}.pn-v86-primary.small{width:100%}}

/* ========================================================================== 
   PAYNUSA v8.7 — Security & Finance
   Risk center, transaction limits, finance analytics, profile step-up OTP.
   ========================================================================== */
.pn-v870-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.pn-v870-stats>div{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e8eaf0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(20,27,36,.04)}
.pn-v870-stats>div>i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--pn) 9%,#fff);color:var(--pn)}
.pn-v870-stats small,.pn-v870-stats strong{display:block}.pn-v870-stats small{font-size:11px;color:#7b838d}.pn-v870-stats strong{margin-top:2px;font-size:20px;color:#222832}
.pn-v870-risk{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.02em}
.pn-v870-risk.low{background:#edf7f2;color:#207756}.pn-v870-risk.medium{background:#fff7df;color:#936c00}.pn-v870-risk.high{background:#fff0e5;color:#b55c16}.pn-v870-risk.critical{background:#ffedef;color:#bb3340}
.pn-v870-inline-form{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(120px,1fr) 38px;gap:6px;align-items:center;min-width:300px}
.pn-v870-inline-form select,.pn-v870-inline-form input{height:36px;border:1px solid #e2e6ea;border-radius:10px;background:#fff;padding:0 9px;font-size:11px;min-width:0}
.pn-v870-limit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pn-v870-limit-list{display:grid;gap:9px}
.pn-v870-limit-list>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto 36px 36px;gap:10px;align-items:center;padding:12px;border:1px solid #e9ebef;border-radius:14px;background:#fff}
.pn-v870-limit-list .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--pn) 8%,#fff);color:var(--pn)}
.pn-v870-limit-list strong,.pn-v870-limit-list small{display:block}.pn-v870-limit-list small{margin-top:2px;color:#8a929b;font-size:10px}.pn-v870-limit-list p{margin:5px 0 0;color:#67707a;font-size:10px;line-height:1.45}
.pn-v870-limit-list form{margin:0}
.pn-v870-fin-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0}
.pn-v870-fin-stats>div{padding:14px;border:1px solid #e8eaf0;border-radius:15px;background:#fff;min-width:0}
.pn-v870-fin-stats small,.pn-v870-fin-stats strong{display:block}.pn-v870-fin-stats small{font-size:10px;color:#7c848d}.pn-v870-fin-stats strong{margin-top:5px;font-size:16px;line-height:1.25;color:#20262d;overflow-wrap:anywhere}.pn-v870-fin-stats strong+small{margin-top:4px;color:#5d6974}
.pn-v870-channel-list{display:grid;gap:8px}.pn-v870-channel-list>div{padding:11px 12px;border:1px solid #eceef1;border-radius:12px;background:#fafbfc}.pn-v870-channel-list span,.pn-v870-channel-list strong,.pn-v870-channel-list small{display:block}.pn-v870-channel-list span{font-size:9px;font-weight:900;color:var(--pn)}.pn-v870-channel-list strong{margin-top:3px;font-size:14px}.pn-v870-channel-list small{margin-top:3px;color:#808891;font-size:9.5px}
.pn-v870-pin-lock,.pn-v870-pin-warn{display:flex;align-items:flex-start;gap:8px;margin:10px 0;padding:10px 11px;border-radius:12px;font-size:10px;line-height:1.45}.pn-v870-pin-lock{background:#ffeff0;color:#a9303b}.pn-v870-pin-warn{background:#fff8e5;color:#8c6800}.pn-v870-pin-lock i,.pn-v870-pin-warn i{margin-top:2px}

.pn-v870-verify-page{min-height:calc(100dvh - 80px);padding:0 14px 96px;background:#f5f7f8}
.pn-mobile-subhead{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin:0 -14px 16px;padding:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--pn) 86%,#111),var(--pn));color:#fff;border-radius:0 0 22px 22px}
.pn-mobile-subhead>a,.pn-mobile-subhead>span{width:40px;height:40px}.pn-mobile-subhead>a{display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none}.pn-mobile-subhead h1{margin:0;font-size:17px;line-height:1.2}.pn-mobile-subhead small{display:block;margin-top:3px;color:rgba(255,255,255,.74);font-size:9px}
.pn-v870-verify-card{max-width:520px;margin:0 auto;padding:20px 17px;border:1px solid #e6eaed;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(23,32,39,.07)}
.pn-v870-shield{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);font-size:22px}
.pn-v870-verify-card>h2{margin:0;text-align:center;font-size:19px;color:#222832}.pn-v870-verify-card>p{max-width:430px;margin:7px auto 17px;text-align:center;color:#78818a;font-size:10.5px;line-height:1.55}
.pn-v870-verify-form{display:grid;gap:12px}.pn-v870-verify-form label>span,.pn-v870-verify-form label>small{display:block}.pn-v870-verify-form label>span{margin-bottom:4px;color:#424a52;font-size:10.5px;font-weight:800}.pn-v870-verify-form label>small{margin-bottom:6px;color:#8c949c;font-size:9px;overflow-wrap:anywhere}.pn-v870-verify-form label>div{height:47px;display:flex;align-items:center;border:1px solid #dfe4e7;border-radius:13px;background:#fff}.pn-v870-verify-form label>div:focus-within{border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 8%,transparent)}.pn-v870-verify-form label i{width:42px;text-align:center;color:#87919a}.pn-v870-verify-form input{width:100%;height:45px;border:0;outline:0;background:transparent;padding:0 12px 0 0;font-size:16px;letter-spacing:.08em}
.pn-v870-primary{width:100%;min-height:47px;border:0;border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--pn) 84%,#111),var(--pn));color:#fff!important;font-weight:900;font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.pn-v870-resend{margin:10px 0 0}.pn-v870-resend button{width:100%;min-height:42px;border:1px solid #e1e6e9;border-radius:12px;background:#fff;color:var(--pn);font-weight:800;font-size:10px;display:flex;align-items:center;justify-content:center;gap:7px}
.pn-v870-security-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 11px;border-radius:12px;background:#f5f9f9;color:#6c767f;font-size:9px;line-height:1.5}.pn-v870-security-note i{margin-top:2px;color:var(--pn)}

@media(max-width:1100px){.pn-v870-fin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pn-v870-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .pn-v870-stats{grid-template-columns:1fr 1fr;gap:8px}.pn-v870-stats>div{padding:12px}.pn-v870-stats>div>i{width:36px;height:36px}.pn-v870-stats strong{font-size:17px}
 .pn-v870-limit-grid{grid-template-columns:1fr}.pn-v870-limit-list>div{grid-template-columns:38px minmax(0,1fr) auto 34px 34px;padding:10px;gap:7px}.pn-v870-limit-list .icon{width:38px;height:38px}.pn-v870-inline-form{min-width:280px}
 .pn-v870-fin-stats{grid-template-columns:1fr 1fr}.pn-v870-fin-stats>div{padding:12px}.pn-v870-fin-stats strong{font-size:14px}
}
@media(max-width:390px){.pn-v870-stats{grid-template-columns:1fr}.pn-v870-fin-stats{grid-template-columns:1fr 1fr}.pn-v870-verify-page{padding-left:10px;padding-right:10px}.pn-mobile-subhead{margin-left:-10px;margin-right:-10px}.pn-v870-verify-card{padding:17px 14px;border-radius:18px}}

.pn-v870-fin-note{display:block;margin:8px 2px 0;color:#8a929a;font-size:9.5px;line-height:1.45}
.pn-v870-risk-context{margin-top:6px}.pn-v870-risk-context summary{cursor:pointer;color:var(--pn);font-size:9px;font-weight:800}.pn-v870-risk-context code{display:block;max-width:360px;margin-top:5px;padding:7px 8px;border-radius:9px;background:#f5f7f8;color:#66717a;font-size:8.5px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}

/* ========================================================================== 
   PAYNUSA v8.8 — Member UI Harmonization
   Deposit history, support, saved targets, status, content pages,
   bulk order, reseller API, saved bills and robust home icon fallback.
   ========================================================================== */
body:has(.pn-v88-page) .pn-mobile-shell{
  width:100%!important;max-width:430px!important;margin:0 auto!important;
  padding:0 0 96px!important;background:#f4f7f8!important;box-shadow:0 0 45px rgba(0,0,0,.05)!important;
}
.pn-v88-page{min-height:calc(100dvh - 96px);background:#f4f7f8;color:#20272e}
.pn-v88-head{
  min-height:118px;padding:20px 18px 24px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:start;gap:12px;
  color:#fff;background:radial-gradient(circle at 88% 5%,rgba(255,255,255,.14),transparent 34%),linear-gradient(140deg,var(--pn-dark,#086967),var(--pn));
  border-radius:0 0 26px 26px;position:relative;overflow:hidden;
}
.pn-v88-head:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-78px;bottom:-88px;pointer-events:none}
.pn-v88-head>a{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);font-size:15px;position:relative;z-index:1}
.pn-v88-head>a:last-child{justify-self:end}.pn-v88-head>div{min-width:0;padding-top:2px;position:relative;z-index:1}
.pn-v88-head span{display:block;font-size:8.5px;font-weight:900;letter-spacing:.11em;color:rgba(255,255,255,.78)}
.pn-v88-head h1{margin:4px 0 4px;font-size:21px;line-height:1.13;letter-spacing:-.02em;color:#fff}
.pn-v88-head p{margin:0;max-width:270px;font-size:9.3px;line-height:1.45;color:rgba(255,255,255,.78)}
.pn-v88-content{padding:14px 14px 24px;display:grid;gap:12px}
.pn-v88-card{background:#fff;border:1px solid #e4e9ec;border-radius:18px;padding:15px;box-shadow:0 8px 24px rgba(20,33,40,.045);min-width:0}
.pn-v88-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.pn-v88-card-title>div{min-width:0}.pn-v88-card-title>div>span{display:block;font-size:7.5px;font-weight:900;letter-spacing:.1em;color:var(--pn);margin-bottom:3px}
.pn-v88-card-title h2{margin:0;font-size:14px;line-height:1.2;color:#222a31}.pn-v88-card-title p{margin:4px 0 0;font-size:9px;line-height:1.45;color:#899198}
.pn-v88-card-title>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 38px;background:color-mix(in srgb,var(--pn) 10%,#fff);color:var(--pn);font-size:14px}
.pn-v88-form{display:grid;gap:12px}.pn-v88-form label{display:block;margin:0!important;font-size:10px!important;font-weight:800;color:#3b454d}
.pn-v88-form label>small{font-size:8px;color:#929aa1;font-weight:600}.pn-v88-form input,.pn-v88-form select,.pn-v88-form textarea{width:100%;margin-top:6px;border:1.3px solid #dde4e7;border-radius:13px;background:#fff;color:#202830;outline:0;padding:0 12px;font-size:12px}
.pn-v88-form input,.pn-v88-form select{height:47px}.pn-v88-form textarea{min-height:110px;padding:11px 12px;resize:vertical;line-height:1.5}
.pn-v88-form input:focus,.pn-v88-form select:focus,.pn-v88-form textarea:focus{border-color:var(--pn);box-shadow:0 0 0 3px color-mix(in srgb,var(--pn) 8%,transparent)}
.pn-v88-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pn-v88-primary{min-height:46px;width:100%;border:0;border-radius:13px;padding:0 15px;background:linear-gradient(135deg,var(--pn-dark,#086967),var(--pn));color:#fff!important;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10.5px;font-weight:900;text-decoration:none;box-shadow:0 8px 18px color-mix(in srgb,var(--pn) 15%,transparent)}
.pn-v88-primary.small{min-height:38px;width:auto;padding:0 12px;font-size:9px}.pn-v88-primary:disabled{background:#dfe4e6;color:#92999e!important;box-shadow:none}
.pn-v88-summary{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}
.pn-v88-summary>div{background:#fff;border:1px solid #e4e9ec;border-radius:17px;padding:14px;box-shadow:0 8px 24px rgba(20,33,40,.04)}
.pn-v88-summary small,.pn-v88-summary span{display:block;color:#8b939a;font-size:8.5px}.pn-v88-summary strong{display:block;margin:5px 0 2px;font-size:22px;color:#202830}
.pn-v88-summary>a{min-width:104px;padding:0 15px;border-radius:17px;background:linear-gradient(135deg,var(--pn-dark,#086967),var(--pn));color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;box-shadow:0 8px 18px color-mix(in srgb,var(--pn) 14%,transparent)}
.pn-v88-list-card{padding-bottom:8px}.pn-v88-list-card .pn-v850-deposit-list{display:grid;gap:0}
.pn-v88-list-card .pn-v850-deposit-row{border:0!important;border-top:1px solid #edf1f2!important;border-radius:0!important;padding:12px 0!important;background:transparent!important;box-shadow:none!important;margin:0!important}
.pn-v88-list-card .pn-v850-deposit-row:first-child{border-top:0!important}
.pn-v88-empty{text-align:center;padding:22px 12px;color:#879099}.pn-v88-empty>span{width:52px;height:52px;border-radius:16px;margin:0 auto 10px;display:grid;place-items:center;background:color-mix(in srgb,var(--pn) 8%,#fff);color:var(--pn);font-size:20px}
.pn-v88-empty strong,.pn-v88-empty p{display:block}.pn-v88-empty strong{font-size:12px;color:#343e46}.pn-v88-empty p{margin:5px auto 0;max-width:270px;font-size:9px;line-height:1.5}.pn-v88-empty a{display:inline-flex;margin-top:10px;padding:8px 11px;border-radius:10px;background:var(--pn);color:#fff;font-size:9px;font-weight:800}
.pn-v88-service-banner{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:16px;background:#edf8f4;color:#237653;border:1px solid #dcefe7;text-decoration:none}
.pn-v88-service-banner.maintenance,.pn-v88-service-banner.degraded{background:#fff5dd;color:#8b6510;border-color:#f5e7bd}.pn-v88-service-banner>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.7);flex:0 0 38px}.pn-v88-service-banner>div{min-width:0;flex:1}.pn-v88-service-banner strong,.pn-v88-service-banner small{display:block}.pn-v88-service-banner strong{font-size:10.5px}.pn-v88-service-banner small{margin-top:2px;font-size:8.5px;line-height:1.4}.pn-v88-service-banner>i{font-size:11px}
.pn-v88-ticket-list{display:grid}.pn-v88-ticket-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;gap:8px;align-items:center;padding:11px 0;border-top:1px solid #edf0f2;color:inherit}.pn-v88-ticket-list>a:first-child{border-top:0}.pn-v88-ticket-list strong,.pn-v88-ticket-list small{display:block}.pn-v88-ticket-list strong{font-size:10px}.pn-v88-ticket-list small{margin-top:3px;font-size:8px;color:#8d959c}.pn-v88-ticket-list b{padding:5px 7px;border-radius:999px;background:#eef1f2;color:#667079;font-size:7.5px;text-transform:capitalize}.pn-v88-ticket-list b.open,.pn-v88-ticket-list b.pending{background:#fff5dc;color:#8a6513}.pn-v88-ticket-list b.closed,.pn-v88-ticket-list b.resolved{background:#eaf8f1;color:#198055}
.pn-v88-saved-list{display:grid}.pn-v88-saved-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf0f2}.pn-v88-saved-row:first-child{border-top:0}.pn-v88-saved-row .avatar{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--pn) 9%,#fff);color:var(--pn);display:grid;place-items:center}.pn-v88-saved-row strong,.pn-v88-saved-row small,.pn-v88-saved-row em{display:block}.pn-v88-saved-row strong{font-size:10.5px}.pn-v88-saved-row small{font-size:9px;color:#78828a;margin-top:2px}.pn-v88-saved-row em{font-size:7.8px;color:#9aa1a7;margin-top:2px;font-style:normal}.pn-v88-saved-row .actions{display:flex;gap:5px}.pn-v88-saved-row .actions form{margin:0}.pn-v88-saved-row .actions button{width:34px;height:34px;border:1px solid #e3e8ea;border-radius:10px;background:#fff;color:#6a747c}.pn-v88-saved-row .actions button.danger{color:#c14952;background:#fff7f7}
.pn-v88-overall{display:flex;align-items:center;gap:12px;padding:15px;border-radius:17px;background:#eaf8f1;color:#197c54;border:1px solid #d7eee3}.pn-v88-overall.maintenance,.pn-v88-overall.degraded{background:#fff5dc;color:#8c6612;border-color:#f4e5ba}.pn-v88-overall>span{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.72);display:grid;place-items:center;font-size:18px}.pn-v88-overall small,.pn-v88-overall strong{display:block}.pn-v88-overall small{font-size:7.5px;font-weight:900;letter-spacing:.1em;opacity:.78}.pn-v88-overall strong{margin-top:3px;font-size:11px}
.pn-v88-status-list{padding-bottom:6px}.pn-v88-status-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #edf0f2}.pn-v88-status-row:first-of-type{border-top:0}.pn-v88-status-row .dot{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf8f3;color:#23835e}.pn-v88-status-row .dot.maintenance,.pn-v88-status-row .dot.degraded{background:#fff5dc;color:#9a7014}.pn-v88-status-row strong,.pn-v88-status-row small{display:block}.pn-v88-status-row strong{font-size:10px}.pn-v88-status-row small{margin-top:3px;font-size:8.4px;line-height:1.4;color:#8a9299}.pn-v88-status-row>b{font-size:8px}.pn-v88-status-row>b.operational{color:#24815e}.pn-v88-status-row>b.maintenance,.pn-v88-status-row>b.degraded{color:#9a6c11}.pn-v88-note{display:flex;gap:8px;color:#8d959c;font-size:8.5px;line-height:1.5;padding:0 3px}.pn-v88-note i{color:var(--pn);margin-top:2px}
.pn-v88-doc-intro{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--pn) 10%,#fff),#fff);border:1px solid color-mix(in srgb,var(--pn) 13%,#e6eaed)}.pn-v88-doc-intro>span{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--pn);font-size:18px}.pn-v88-doc-intro small,.pn-v88-doc-intro strong,.pn-v88-doc-intro p{display:block}.pn-v88-doc-intro small{font-size:7.5px;font-weight:900;letter-spacing:.09em;color:var(--pn)}.pn-v88-doc-intro strong{font-size:12px;margin-top:2px}.pn-v88-doc-intro p{font-size:8px;margin:2px 0 0;color:#90979d}
.pn-v88-rich{font-size:10px!important;line-height:1.72!important;color:#4d565e}.pn-v88-rich h1{font-size:17px}.pn-v88-rich h2{font-size:14px;margin:18px 0 7px}.pn-v88-rich h3{font-size:12px}.pn-v88-rich p,.pn-v88-rich li{font-size:10px!important;line-height:1.72!important}.pn-v88-rich img{max-width:100%;height:auto;border-radius:12px}.pn-v88-rich table{max-width:100%;display:block;overflow:auto}
.pn-v88-format{display:flex;gap:8px;align-items:flex-start;margin:9px 0 13px;padding:10px 11px;border-radius:12px;background:#f5f8f9;color:#78828a}.pn-v88-format>i{color:var(--pn);margin-top:2px}.pn-v88-format strong,.pn-v88-format small{display:block}.pn-v88-format strong{font-size:9px;color:#505a62}.pn-v88-format small{margin-top:2px;font-size:8.3px;line-height:1.45}
.pn-v88-card .pn-v86-textarea{min-height:180px;font-size:12px;line-height:1.55}.pn-v88-card .pn-v86-api-doc>div{border:1px solid #edf0f2;background:#f8fafb}.pn-v88-card .pn-v86-api-doc code{font-size:8.6px}.pn-v88-card .pn-v86-bill{border-color:#e8edef}.pn-v88-card .pn-v86-token-row{border-color:#e8edef}

/* Robust home menu icons: if an uploaded/static image is missing, FA fallback remains visible. */
.pn-u782-menu-icon i{font-size:22px!important;color:var(--pn)!important}.pn-u782-menu-icon img[hidden]+i{display:grid!important}.pn-u782-menu-icon i[hidden]{display:none!important}

@media(max-width:380px){
 .pn-v88-head{padding:17px 14px 22px;grid-template-columns:38px minmax(0,1fr) 38px;gap:10px;min-height:108px}.pn-v88-head>a{width:38px;height:38px;border-radius:12px}.pn-v88-head h1{font-size:19px}.pn-v88-head p{font-size:8.8px}.pn-v88-content{padding:12px 10px 22px}.pn-v88-card{padding:13px;border-radius:16px}.pn-v88-grid{grid-template-columns:1fr}.pn-v88-summary{grid-template-columns:1fr auto}.pn-v88-summary>a{min-width:94px;padding:0 11px}.pn-v88-status-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.pn-v88-status-row .dot{width:34px;height:34px}.pn-v88-saved-row{grid-template-columns:38px minmax(0,1fr) auto}.pn-v88-saved-row .avatar{width:38px;height:38px}
}