:root{--blue-900:#0b2e59;--blue-700:#14487f;--blue-600:#1a5aa0;--blue-500:#2170c4;--blue-100:#e7eff9;--gold-500:#c9971f;--gold-400:#e0b13a;--gold-100:#fbf1dc;--gray-900:#1f2530;--gray-700:#4b5563;--gray-500:#7c8696;--gray-300:#d8dde5;--gray-200:#e7eaef;--gray-100:#f3f5f8;--white:#fff;--danger:#c0392b;--success:#1e8e5a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--shadow-card:0 2px 12px #0b2e5912;--shadow-nav:0 -4px 16px #0b2e5914;--font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--bottom-nav-h:64px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--gray-100);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.app-shell{background:var(--gray-100);max-width:480px;min-height:100vh;margin:0 auto;position:relative}.page-shell{padding:0px 16px calc(var(--bottom-nav-h) + 28px);background:#fdfeff;min-height:100vh}.page-shell-no-nav{min-height:100vh;padding:0 16px 28px}.state-msg{text-align:center;color:var(--gray-500);padding:60px 16px;font-size:14px}.state-msg-error{color:var(--danger)}.skel-shell{filter:blur(2.5px);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.skel-block{background:linear-gradient(100deg, var(--gray-200) 30%, var(--gray-300) 50%, var(--gray-200) 70%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.skel-avatar{border-radius:50%;flex-shrink:0;width:46px;height:46px}.skel-header-lines{flex:1}.skel-line-sm{width:60px;height:10px;margin-bottom:8px}.skel-line-md{width:130px;height:16px;margin-bottom:6px}.skel-line-lg{width:90px;height:12px}.skel-card-rank{border-radius:var(--radius-lg);height:158px;margin-bottom:18px}.skel-card-primary{border-radius:var(--radius-lg);height:118px;margin-bottom:18px}.skel-saldo-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;display:grid}.skel-saldo-tile{border-radius:var(--radius-md);height:74px}.skel-section-title{width:120px;height:14px;margin-bottom:12px}.skel-bonus-row{border-radius:var(--radius-sm);height:44px;margin-bottom:8px}.toast-overlay{z-index:1000;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:18px;display:flex;position:fixed;inset:0}.toast-card{pointer-events:auto;background:var(--white);border-radius:var(--radius-md);border-left:4px solid var(--danger);align-items:flex-start;gap:10px;width:calc(100% - 32px);max-width:420px;padding:14px 16px;animation:.25s ease-out toast-slide-in;display:flex;box-shadow:0 12px 32px #0b2e5938}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-icon{color:var(--danger);flex-shrink:0;margin-top:1px}.toast-body{flex:1;min-width:0}.toast-title{color:var(--gray-900);margin:0 0 2px;font-size:13.5px;font-weight:700}.toast-message{color:var(--gray-700);margin:0;font-size:12.5px;line-height:1.4}.toast-close{color:var(--gray-500);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.toast-close:hover{color:var(--gray-900)}.splash-screen{background:linear-gradient(165deg, var(--blue-900) 0%, var(--blue-700) 60%, var(--blue-600) 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.splash-logo{filter:brightness(0)invert();opacity:.95;width:auto;height:56px}.splash-spinner{border:3px solid #ffffff40;border-top-color:var(--gold-400);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite splash-spin}@keyframes splash-spin{to{transform:rotate(360deg)}}.login-page{background:linear-gradient(160deg, var(--blue-900) 0%, var(--blue-700) 55%, var(--blue-600) 100%);max-width:480px;min-height:100vh;font-family:var(--font-sans);justify-content:center;align-items:center;margin:0 auto;padding:24px 16px;display:flex}.login-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:32px 24px;box-shadow:0 20px 40px #0b2e5959}.login-brand{text-align:center;margin-bottom:28px}.login-brand-logo{width:auto;height:44px;margin:0 auto;display:block}.login-brand-sub{color:var(--gray-500);margin:14px 0 0;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-label{color:var(--gray-700);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--gray-300);pointer-events:none;position:absolute;left:14px}.login-input{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);width:100%;color:var(--gray-900);outline:none;padding:12px 14px 12px 40px;font-family:inherit;font-size:15px;transition:border-color .15s}.login-input:focus{border-color:var(--blue-500)}.login-input:-webkit-autofill{-webkit-text-fill-color:var(--gray-900);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;transition:background-color 9999s ease-in-out}.login-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--gray-900);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;transition:background-color 9999s ease-in-out}.login-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--gray-900);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;transition:background-color 9999s ease-in-out}.login-input-toggle{color:var(--gray-300);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:10px}.login-remember-row{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.login-remember{color:var(--gray-700);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.login-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue-600);cursor:pointer}.login-forgot-link{color:var(--blue-600);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:700}.login-register-link{text-align:center;color:var(--gray-500);margin:20px 0 0;font-size:13px}.login-register-link a{color:var(--blue-600);font-weight:700;text-decoration:none}.hero-page{background:linear-gradient(165deg, var(--blue-900) 0%, var(--blue-700) 60%, var(--blue-600) 100%);max-width:480px;min-height:100vh;font-family:var(--font-sans);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.hero-deco{pointer-events:none;background:#ffffff14;border-radius:50%;position:absolute}.hero-deco-1{width:180px;height:180px;top:-60px;right:-50px}.hero-deco-2{background:#e0b13a29;width:90px;height:90px;top:140px;left:-40px}.hero-deco-3{background:#ffffff0f;width:130px;height:130px;bottom:-40px;right:30px}.hero-top{z-index:1;flex-shrink:0;padding:40px 28px 24px;position:relative}.hero-logo{filter:brightness(0)invert();opacity:.95;width:auto;height:34px;margin-bottom:24px}.hero-title{color:#fff;margin:0;font-size:34px;font-weight:800;line-height:1.15}.hero-sheet{z-index:1;background:var(--white);border-radius:28px 28px 0 0;flex:1;margin-top:auto;padding:32px 24px 28px;position:relative;box-shadow:0 -10px 30px #0b2e5933}.hero-form{flex-direction:column;gap:18px;display:flex}.hero-label{color:var(--gray-700);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.hero-input-wrap{align-items:center;display:flex;position:relative}.hero-input-icon{color:var(--gray-300);pointer-events:none;position:absolute;left:2px}.hero-input{border:none;border-bottom:1.5px solid var(--gray-200);width:100%;color:var(--gray-900);background:0 0;border-radius:0;outline:none;padding:10px 28px 10px 26px;font-family:inherit;font-size:15px;transition:border-color .15s}.hero-input:focus{border-color:var(--blue-500)}.hero-input:-webkit-autofill{-webkit-text-fill-color:var(--gray-900);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;transition:background-color 9999s ease-in-out}.hero-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--gray-900);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;transition:background-color 9999s ease-in-out}.hero-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--gray-900);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--white) inset;transition:background-color 9999s ease-in-out}.hero-input-toggle{color:var(--gray-300);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:0}.hero-remember-row{justify-content:space-between;align-items:center;margin-top:-6px;display:flex}.hero-remember{color:var(--gray-700);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.hero-remember input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue-600);cursor:pointer}.hero-forgot-link{color:var(--blue-600);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:none}.hero-error{color:var(--danger);margin:0;font-size:13px;font-weight:600}.hero-submit{background:linear-gradient(150deg, var(--blue-600), var(--blue-900));color:var(--white);border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:15px;font-family:inherit;font-size:15px;font-weight:700;transition:filter .15s;display:flex}.hero-submit:hover:not(:disabled){filter:brightness(1.08)}.hero-submit:disabled{opacity:.6;cursor:not-allowed}.hero-register-link{text-align:center;color:var(--gray-500);margin:22px 0 0;font-size:13px}.hero-register-link a{color:var(--blue-600);font-weight:700;text-decoration:none}.pwa-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0b2e598c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pwa-sheet{background:var(--white);border-radius:26px 26px 0 0;width:100%;max-width:480px;padding:0 0 24px;position:relative;overflow:hidden;box-shadow:0 -12px 34px #0b2e5947}.pwa-sheet-grip{z-index:1;background:#ffffff80;border-radius:999px;width:40px;height:4px;margin:12px auto 0;position:relative}.pwa-close{z-index:1;width:30px;height:30px;color:var(--white);cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:16px}.pwa-header{text-align:center;background:linear-gradient(165deg, var(--blue-900) 0%, var(--blue-600) 100%);flex-direction:column;align-items:center;gap:10px;padding:30px 24px 46px;display:flex;position:relative;overflow:hidden}.pwa-header:before{content:"";background:#ffffff14;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-40px}.pwa-icon{z-index:1;background:var(--white);border-radius:18px;flex-shrink:0;width:64px;height:64px;padding:8px;position:relative;box-shadow:0 8px 20px #0b2e5959}.pwa-title{z-index:1;color:var(--white);margin:0;font-size:17px;font-weight:800;position:relative}.pwa-sub{z-index:1;color:#ffffffd9;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex;position:relative}.pwa-status-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #4ade8040}.pwa-body{padding:22px 22px 0}.pwa-features{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.pwa-feature{color:var(--gray-700);align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.pwa-feature-icon{background:var(--blue-100);width:34px;height:34px;color:var(--blue-600);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pwa-later-btn{width:100%;color:var(--gray-500);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:12px;font-family:inherit;font-size:13px;font-weight:600}.pwa-ios-steps{color:var(--gray-700);flex-direction:column;gap:10px;margin:0 0 6px;padding-left:20px;font-size:13.5px;line-height:1.5;display:flex}.login-error{color:var(--danger);margin:0;font-size:13px;font-weight:600}.login-submit{background:linear-gradient(150deg, var(--blue-600), var(--blue-900));color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:filter .15s;display:flex}.login-submit:hover:not(:disabled){filter:brightness(1.08)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.dash-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-top:18px;display:flex}.dash-logo{object-fit:contain;width:auto;height:34px}.dash-header-actions{align-items:center;gap:8px;display:flex}.dash-icon-btn{border:1.5px solid var(--gray-300);background:var(--white);width:40px;height:40px;color:var(--blue-700);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:border-color .15s,color .15s;display:flex;position:relative}.dash-icon-btn:hover{border-color:var(--blue-500);color:var(--blue-900)}.dash-avatar{background:linear-gradient(150deg, var(--blue-600), var(--blue-900));width:46px;height:46px;color:var(--gold-400);border:2px solid var(--gold-400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;overflow:hidden}.dash-avatar-sm{width:38px;height:38px;font-size:13px}.dash-card-primary{background:linear-gradient(135deg, var(--blue-700) 0%, var(--blue-900) 100%);color:var(--white);border-radius:var(--radius-lg);margin-bottom:18px;padding:22px 20px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0b2e5947}.dash-card-primary:after{content:"";background:#e0b13a29;border-radius:50%;width:140px;height:140px;position:absolute;top:-36px;right:-36px}.dash-card-primary:before{content:"";background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-40px;left:-20px}.dash-card-primary--bonus{background:linear-gradient(135deg,#14487f47 0%,#0b2e5966 100%),url(/memberarea/bg_bonus.png) 50%/cover no-repeat}.dash-card-primary--bonus:after,.dash-card-primary--bonus:before{display:none}.dash-card-primary--reward{background:linear-gradient(135deg,#14487f47 0%,#0b2e5966 100%),url(/memberarea/bg_reward.png) 50%/cover no-repeat}.dash-card-primary--reward:after,.dash-card-primary--reward:before{display:none}.dash-card-primary--kode-aktivasi{background:linear-gradient(135deg,#14487f47 0%,#0b2e5966 100%),url(/memberarea/bg_kode_aktivasi.png) 50%/cover no-repeat}.dash-card-primary--kode-aktivasi:after,.dash-card-primary--kode-aktivasi:before{display:none}.dash-card-primary--pengembangan{background:linear-gradient(135deg,#14487f47 0%,#0b2e5966 100%),url(/memberarea/bg_pengembangan.png) 50%/cover no-repeat}.dash-card-primary--pengembangan:after,.dash-card-primary--pengembangan:before{display:none}.dash-card-primary--prestasi{background:linear-gradient(135deg,#14487f47 0%,#0b2e5966 100%),url(/memberarea/bg_prestasi.png) 50%/cover no-repeat}.dash-card-primary--prestasi:after,.dash-card-primary--prestasi:before{display:none}.dash-card-primary--posisi{background:linear-gradient(135deg,#14487f47 0%,#0b2e5966 100%),url(/memberarea/bg_posisi.png) 50%/cover no-repeat}.dash-card-primary--posisi:after,.dash-card-primary--posisi:before{display:none}.dash-card-primary--qualified{background:linear-gradient(135deg,#15803d 0%,#14532d 100%)}.dash-card-top{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.dash-card-label{opacity:.75;text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:11.5px;font-weight:600}.dash-card-icon{opacity:.9;font-size:20px}.dash-card-value{color:var(--gold-400);letter-spacing:-.5px;margin:8px 0 4px;font-size:30px;font-weight:700;position:relative}.dash-card-sub{opacity:.85;align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex;position:relative}.dash-card-sub-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;display:inline-block}.dash-rank-card{background:linear-gradient(135deg, var(--blue-700) 0%, var(--blue-900) 100%);color:var(--white);border-radius:var(--radius-lg);margin-bottom:18px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 24px #0b2e5947}.dash-rank-card:after{content:"";pointer-events:none;background:#e0b13a29;border-radius:50%;width:140px;height:140px;position:absolute;top:-36px;right:-36px}.dash-rank-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:relative}.dash-rank-identity{align-items:center;gap:10px;min-width:0;display:flex}.dash-rank-name{color:var(--white);margin:0 0 2px;font-size:11px;font-weight:700}.dash-rank-id{color:#ffffffb3;letter-spacing:.3px;margin:0;font-size:12px}.dash-rank-plan{color:#ffffff8c}.dash-rank-upgrade{border-radius:var(--radius-pill);color:var(--gold-400);background:#e0b13a29;border:1px solid #e0b13a80;align-items:center;gap:3px;margin-top:4px;padding:2px 8px 2px 6px;font-size:10.5px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.dash-rank-upgrade:active{background:#e0b13a4d}.dash-rank-badge{border-radius:var(--radius-pill);color:var(--gold-400);white-space:nowrap;background:#ffffff1f;border:1px solid #e0b13a80;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:12.5px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.dash-rank-badge:active{background:#fff3}.dash-rank-badge-logo{object-fit:cover;background:#ffffffe6;border-radius:50%;flex-shrink:0;width:22px;height:22px}.dash-rank-poin{justify-content:space-between;align-items:center;gap:8px;margin:16px 0 8px;display:flex;position:relative}.dash-rank-poin-nama{color:#fff;align-items:center;gap:4px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.dash-rank-poin-angka{white-space:nowrap;flex-shrink:0}.dash-rank-poin-value{color:var(--gold-400);letter-spacing:-.5px;font-size:20px;font-weight:700}.dash-rank-poin-unit{color:#ffffffbf;margin-left:4px;font-size:12px;font-weight:600}.dash-rank-poin-max{color:var(--gold-400);align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}.dash-rank-progress-track{border-radius:var(--radius-pill);background:#ffffff2e;height:7px;position:relative;overflow:hidden}.dash-rank-progress-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--gold-500), var(--gold-400));height:100%;transition:width .4s}.dash-rank-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex;position:relative}.dash-rank-next-label{color:#ffffffb3;margin:0;font-size:11.5px}.dash-rank-next-fraction{color:#ffffffd9;font-variant-numeric:tabular-nums;margin:0;font-size:11.5px;font-weight:700}.dash-section{margin-bottom:22px}.dash-section-title{color:var(--gray-900);justify-content:space-between;align-items:center;margin:0 0 12px;font-size:14.5px;font-weight:700;display:flex}.dash-section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dash-section-head .dash-section-title{margin:0}.dash-section-more{color:var(--blue-700);align-items:center;gap:2px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.ka-dash-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:inherit;padding:14px;text-decoration:none;display:block}.ka-dash-top{align-items:center;gap:10px;display:flex}.ka-dash-icon{color:#7c3aed;background:#7c3aed24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ka-dash-body{flex:1;min-width:0}.ka-dash-title{color:var(--gray-900);margin:0;font-size:13.5px;font-weight:700}.ka-dash-sub{color:var(--gray-500);margin:2px 0 0;font-size:11.5px}.ka-dash-arrow{color:var(--gray-300);flex-shrink:0}.ka-dash-actions{border-top:1px solid var(--gray-100);gap:8px;margin-top:12px;padding-top:12px;display:flex}.ka-dash-action-btn{border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:var(--gray-100);min-width:0;color:var(--gray-700);cursor:pointer;text-align:center;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-family:inherit;font-size:10.5px;font-weight:600;line-height:1.3;display:flex}.ka-dash-action-btn svg{flex-shrink:0}.ka-dash-action-btn:active{background:var(--gray-200)}.st3-split-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:stretch;display:flex;overflow:hidden}.st3-split-item{min-width:0;color:inherit;flex:1;padding:14px;text-decoration:none;transition:background .15s;position:relative}.st3-split-item:active{background:var(--gray-100)}.st3-split-chevron{color:var(--gray-300);position:absolute;top:12px;right:10px}.st3-split-sep{background:var(--gray-200);flex-shrink:0;width:1px}.st3-split-top{align-items:center;gap:8px;display:flex}.st3-split-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.st3-split-label{color:var(--gray-500);font-size:10.5px;font-weight:600}.st3-split-val{color:var(--blue-900);font-variant-numeric:tabular-nums;margin:8px 0 4px;font-size:15.5px;font-weight:700;line-height:1.2}.st2-carousel{margin:0 -16px;padding:2px 0 0}.st2-viewport{padding:0 16px 6px;overflow:hidden}.st2-track{gap:10px;display:flex}.st2-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.st2-dot{background:var(--gray-300);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .15s,width .15s}.st2-dot-active{background:var(--blue-700);border-radius:3px;width:18px}.st2-card{border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-200);min-height:106px;box-shadow:var(--shadow-card);color:inherit;flex-direction:column;flex:0 0 calc(50% - 5px);justify-content:space-between;padding:14px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.st2-card:active{transform:translateY(1px)}.st2-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.st2-label{color:var(--gray-500);margin:0;padding-top:2px;font-size:10.5px;font-weight:600;line-height:1.3}.st2-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.st2-val{color:var(--blue-900);font-variant-numeric:tabular-nums;word-break:break-word;margin:6px 0 4px;font-size:16.5px;font-weight:700;line-height:1.2}.st2-dual-row{border-top:1px dashed var(--gray-200);align-items:center;margin-top:2px;padding-top:6px;display:flex}.st2-dual-item{flex:1;min-width:0}.st2-dual-label{color:var(--gray-500);align-items:center;gap:3px;font-size:9px;font-weight:600;display:flex}.st2-dual-val{color:var(--gray-900);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.st2-dual-sep{background:var(--gray-200);flex-shrink:0;width:1px;height:20px;margin:0 8px}.st2-sub-row{justify-content:space-between;align-items:center;gap:6px;margin-top:4px;font-size:10px;font-weight:600;display:flex}.st2-sub{color:var(--gray-500)}.st2-sub b{color:var(--gray-900)}.prd-filter-row{gap:8px;margin-bottom:14px;display:flex}.prd-search-wrap{background:var(--gray-100);border-radius:12px;flex:1;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.prd-search-icon{color:var(--gray-500);flex-shrink:0}.prd-search-input{min-width:0;color:var(--gray-900);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.prd-sort-select{background:var(--gray-100);color:var(--gray-900);border:none;border-radius:12px;outline:none;flex-shrink:0;max-width:130px;padding:0 10px;font-family:inherit;font-size:12.5px;font-weight:600}.prd-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.prd-card{border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-card);color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s;display:flex;overflow:hidden}.prd-card:active{transform:translateY(1px)}.prd-card-img{aspect-ratio:1;background:var(--gray-100);color:var(--gray-300);justify-content:center;align-items:center;display:flex}.prd-card-img img{object-fit:cover;width:100%;height:100%}.prd-card-name{color:var(--gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 10px 0;font-size:12.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.prd-card-sub{color:var(--gray-500);margin:3px 10px 0;font-size:10.5px}.prd-card-harga{color:var(--blue-700);margin:4px 10px 10px;font-size:13px;font-weight:700}.prdd-img{aspect-ratio:4/3;background:var(--gray-100);color:var(--gray-300);justify-content:center;align-items:center;margin:0 -16px;display:flex}.prdd-img img{object-fit:cover;width:100%;height:100%}.prdd-body{padding-top:16px}.prdd-tag{color:var(--blue-700);background:var(--blue-100);border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.prdd-name{color:var(--gray-900);margin:10px 0 2px;font-size:17px;font-weight:700}.prdd-sub{color:var(--gray-500);margin:0;font-size:12px}.prdd-harga{color:var(--blue-700);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:20px;font-weight:700}.prdd-section{border-top:1px solid var(--gray-200);margin-top:20px;padding-top:16px}.prdd-section-title{color:var(--gray-900);margin:0 0 8px;font-size:13px;font-weight:700}.prdd-desc{color:var(--gray-700);white-space:pre-line;margin:0;font-size:13px;line-height:1.6}.prdd-gallery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.prdd-gallery img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.bottom-nav{width:100%;max-width:480px;height:var(--bottom-nav-h);background:var(--white);border-top:1px solid var(--gray-200);box-shadow:var(--shadow-nav);z-index:20;padding-bottom:env(safe-area-inset-bottom,0);align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:var(--gray-500);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:10.5px;font-weight:600;text-decoration:none;transition:color .15s;display:flex;position:relative}.bottom-nav-item svg{stroke:currentColor;width:22px;height:22px}.bottom-nav-item.is-active{color:var(--blue-700)}.bottom-nav-item.is-active:before{content:"";border-radius:var(--radius-pill);background:var(--gold-400);width:28px;height:3px;position:absolute;top:4px}.bottom-nav-fab{background:linear-gradient(150deg, var(--blue-600), var(--blue-900));width:52px;height:52px;color:var(--gold-400);border:3px solid var(--white);border-radius:50%;flex:none;justify-content:center;align-self:center;align-items:center;margin-top:-22px;text-decoration:none;transition:transform .15s;display:flex;box-shadow:0 4px 14px #14487f59}.bottom-nav-fab:active{transform:scale(.94)}.bottom-nav-fab.is-active{color:#fff}.soon-wrap{min-height:calc(100vh - var(--bottom-nav-h));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex}.soon-icon{background:var(--blue-100);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:30px;display:flex}.soon-title{color:var(--blue-900);margin:0 0 6px;font-size:17px;font-weight:700}.soon-sub{color:var(--gray-500);max-width:260px;margin:0;font-size:13.5px;line-height:1.5}.prf-hero-card{background:linear-gradient(135deg, var(--blue-700) 0%, var(--blue-900) 100%);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;margin-top:6px;margin-bottom:22px;padding:26px 20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0b2e5947}.prf-hero-card:after{content:"";background:#e0b13a29;border-radius:50%;width:140px;height:140px;position:absolute;top:-36px;right:-36px}.prf-hero-card--bg{background:linear-gradient(135deg,#14487f80 0%,#0b2e5999 100%),url(/memberarea/bg_profil.png) 50%/cover no-repeat}.prf-hero-card--bg:after{display:none}.prf-avatar-wrap{margin-bottom:12px;position:relative}.prf-avatar{width:72px;height:72px;font-size:24px;overflow:hidden}.dash-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.prf-avatar-edit{background:var(--gold-400);width:26px;height:26px;color:var(--blue-900);border:2px solid var(--blue-900);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;bottom:-2px;right:-2px}.prf-avatar-edit:hover{transform:scale(1.08)}.prf-avatar-edit:disabled{opacity:.6;cursor:not-allowed}.prf-avatar-input{display:none}.prf-hero-name{color:var(--white);margin:0 0 2px;font-size:18px;font-weight:700;position:relative}.prf-hero-sub{color:#ffffffb3;margin:0;font-size:13px;position:relative}.prf-hero-uploading{color:var(--gold-400);margin:8px 0 0;font-size:11.5px;font-weight:600;position:relative}.prf-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--gray-200);overflow:hidden}.prf-row{border-bottom:1px solid var(--gray-100);align-items:center;gap:12px;padding:13px 16px;display:flex}.prf-row:last-child{border-bottom:none}.prf-row-clickable{background:var(--white);cursor:pointer;text-align:left;border:none;width:100%;font-family:inherit;transition:background .12s}.prf-row-clickable:hover{background:var(--gray-100)}.prf-row-icon{background:var(--blue-100);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.prf-row-body{flex:1;min-width:0}.prf-row-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;margin:0 0 2px;font-size:11px;font-weight:600}.prf-row-value{color:var(--gray-900);overflow-wrap:break-word;margin:0;font-size:13px;font-weight:600}.prf-notif-error{color:var(--danger);margin:4px 0 0;font-size:11.5px;font-weight:600}.prf-toggle{cursor:pointer;flex-shrink:0;width:44px;height:26px;position:relative}.prf-toggle input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.prf-toggle input:disabled{cursor:not-allowed}.prf-toggle-track{background:var(--gray-300);border-radius:999px;transition:background .25s;position:absolute;inset:0}.prf-toggle-track:before{content:"";background:var(--white);border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.prf-toggle input:checked~.prf-toggle-track{background:var(--blue-600)}.prf-toggle input:checked~.prf-toggle-track:before{transform:translate(18px)}.prf-toggle input:disabled~.prf-toggle-track{opacity:.5}.prf-menu-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);border:1px solid var(--gray-200);overflow:hidden}.prf-menu-item{border:none;border-bottom:1px solid var(--gray-100);background:var(--white);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:13px 16px;font-family:inherit;text-decoration:none;transition:background .12s;display:flex}.prf-menu-item:last-child{border-bottom:none}.prf-menu-item:hover{background:var(--gray-100)}.prf-menu-icon{background:var(--blue-100);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.prf-menu-text{color:var(--gray-900);flex:1;font-size:14px;font-weight:600}.prf-menu-arrow{color:var(--gray-300);font-size:18px;font-weight:700}.prf-logout{border-radius:var(--radius-sm);width:100%;color:var(--danger);cursor:pointer;background:#c0392b0f;border:1.5px solid #c0392b40;margin-top:4px;padding:14px;font-family:inherit;font-size:14.5px;font-weight:700;transition:background .15s}.prf-logout:hover{background:#c0392b1f}.modal-backdrop{z-index:50;background:#0b2e5973;justify-content:center;align-items:flex-end;animation:.15s ease-out modal-fade;display:flex;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0));animation:.2s ease-out modal-slide-up}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-title{color:var(--blue-900);margin:0;font-size:16px;font-weight:700}.modal-close{background:var(--gray-100);width:32px;height:32px;color:var(--gray-700);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--gray-200)}.modal-form{flex-direction:column;gap:14px;display:flex}.rwt-filter-row{align-items:center;gap:8px;margin-bottom:4px;padding:16px 0 4px;display:flex}.rwt-chip-row{scrollbar-width:none;flex:1;gap:8px;min-width:0;display:flex;overflow-x:auto}.rwt-chip-row::-webkit-scrollbar{display:none}.rwt-chip{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:8px 16px;font-size:13px;font-weight:600}.rwt-chip.is-active{border-color:var(--blue-600);background:var(--blue-600);color:#fff}.rwt-filter-btn{border:1px solid var(--gray-300);width:36px;height:36px;color:var(--gray-700);cursor:pointer;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.rwt-filter-btn.has-active{border-color:var(--blue-600);color:var(--blue-600);background:var(--blue-100)}.rwt-filter-badge{background:var(--gold-500);color:#fff;border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9.5px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.rwt-filter-section{margin-bottom:18px}.rwt-filter-label{color:var(--gray-700);margin:0 0 10px;font-size:11.5px;font-weight:700}.rwt-filter-pill-row{flex-wrap:wrap;gap:8px;display:flex}.rwt-filter-pill{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;background:#fff;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600}.rwt-filter-pill.is-active{border-color:var(--blue-600);background:var(--blue-600);color:#fff}.rwt-filter-date-row{gap:10px;display:flex}.rwt-filter-date-field{color:var(--gray-700);flex-direction:column;flex:1;gap:6px;font-size:11.5px;font-weight:700;display:flex}.rwt-filter-date-field input,.rwt-filter-date-field select{border:1px solid var(--gray-300);color:var(--gray-900);background:#fff;border-radius:10px;padding:9px 10px;font-family:inherit;font-size:13px}.rwt-filter-actions{gap:10px;margin-top:4px;display:flex}.rwt-filter-reset{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;background:#fff;border-radius:12px;flex:none;padding:12px 18px;font-size:13px;font-weight:700}.rwt-filter-apply{background:var(--blue-600);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:13px;font-weight:700}.rwt-empty{color:var(--gray-500);flex-direction:column;align-items:center;gap:10px;padding:48px 0;display:flex}.rwt-empty p{margin:0;font-size:13px}.rwt-timeline{flex-direction:column;display:flex}.rwt-tl-group{flex-direction:column;padding-left:4px;display:flex}.rwt-tl-group+.rwt-tl-group{margin-top:4px}.rwt-tl-group-label{letter-spacing:.03em;text-transform:uppercase;color:var(--gray-500);margin:0 0 10px 4px;font-size:11px;font-weight:700}.rwt-tl-row{align-items:stretch;gap:12px;display:flex}.rwt-tl-rail{background:linear-gradient(var(--gold-400), var(--blue-500));opacity:.55;border-radius:2px;flex:none;width:3px;margin:6px 0}.rwt-tl-rail.is-last{background:var(--gold-400);opacity:.55;border-radius:2px 2px 0 0;align-self:flex-start;height:20px}.rwt-tl-card{background:#fff;border-radius:14px;flex:1;min-width:0;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 2px #0f172a0d}.rwt-tl-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.rwt-tl-label{color:var(--gray-900);margin:0;font-size:13px;font-weight:700}.rwt-tl-nominal{color:var(--blue-700);margin:4px 0 0;font-size:18px;font-weight:700}.rwt-tl-ket{color:var(--gray-500);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.rwt-tl-date{color:var(--gray-300);margin:6px 0 0;font-size:10.5px;font-weight:600}.rwt-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.rwt-badge-pending{background:var(--gold-100);color:var(--gold-500)}.rwt-badge-transfer{color:#16a34a;background:#dcfce7}.rwt-load-more{border:1px solid var(--gray-300);width:100%;color:var(--blue-700);cursor:pointer;background:#fff;border-radius:14px;margin-top:14px;padding:12px;font-size:13px;font-weight:700}.rwt-load-more:disabled{opacity:.6;cursor:default}.jrn-stats{background:#fff;border-radius:16px;align-items:stretch;margin-bottom:14px;padding:16px 8px;display:flex;box-shadow:0 1px 2px #0f172a0a}.jrn-stat-item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.jrn-stat-icon{color:var(--blue-600);margin-bottom:2px}.jrn-stat-val{color:var(--gray-900);margin:0;font-size:17px;font-weight:700}.jrn-stat-label{color:var(--gray-500);margin:0;font-size:10.5px;line-height:1.3}.jrn-stat-divider{background:var(--gray-200);width:1px;margin:2px 0}.jrn-ro-aktif{color:#16a34a}.jrn-ro-pernah{color:var(--gold-500)}.jrn-ro-belum{color:var(--gray-500)}.jrn-search{border:1px solid var(--gray-300);background:#fff;border-radius:14px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 6px 6px 14px;display:flex}.jrn-search-icon{color:var(--gray-500);flex-shrink:0}.jrn-search input{min-width:0;color:var(--gray-900);border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:13.5px}.jrn-search-reset{background:var(--gray-100);color:var(--gray-500);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.jrn-search-btn{background:var(--blue-600);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:9px 16px;font-size:12.5px;font-weight:700}.jrn-search-btn:disabled{opacity:.6;cursor:default}.jrn-search-info{margin:0 0 14px 4px;font-size:12px;font-weight:600}.jrn-search-info.is-found{color:#16a34a}.jrn-search-info.is-error{color:#dc2626}.jrn-tree{padding-bottom:12px}.jrn-reward-section-title{color:var(--gray-900);align-items:center;gap:6px;margin:0 0 4px;font-size:12.5px;font-weight:700;display:flex}.jrn-reward-section-desc{color:var(--gray-500);margin:0 0 12px;font-size:11px;line-height:1.4}.jrn-cop-head{margin-bottom:10px}.jrn-cop-back{color:var(--blue-600);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;margin-bottom:4px;padding:0;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.jrn-cop-title{color:var(--gray-900);align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:700;display:flex}.jrn-cop-title-sub{color:var(--gray-500);font-size:11.5px;font-weight:500}.ncc-carousel{margin:0 -16px;padding:2px 0 4px;position:relative}.ncc-viewport{padding:0 16px;overflow:hidden}.ncc-track{gap:10px;display:flex}.ncc-nav{border:1px solid var(--gray-200);background:var(--white);width:30px;height:30px;color:var(--blue-700);cursor:pointer;box-shadow:var(--shadow-card);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ncc-nav:disabled{opacity:.3;cursor:default}.ncc-nav-prev{left:4px}.ncc-nav-next{right:4px}.jrn-cop-card{border:1px solid var(--gray-200);background:var(--white);text-align:center;box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;flex:0 0 calc(33.333% - 7px);align-items:center;gap:5px;min-width:112px;padding:12px 8px 10px;display:flex}.jrn-cop-card.is-active{border-color:var(--blue-500)}.jrn-cop-slot{color:var(--blue-700);background:var(--blue-100);border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}.jrn-cop-avatar,.jrn-cop-avatar-img{border-radius:50%;flex-shrink:0;width:42px;height:42px}.jrn-cop-avatar{background:var(--blue-100);border:2px solid var(--blue-200,var(--blue-100));color:var(--blue-700);justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.jrn-cop-avatar-img{object-fit:cover;border:2px solid var(--blue-200,var(--blue-100))}.jrn-cop-card.is-active .jrn-cop-avatar{border-color:var(--blue-500);background:var(--blue-100)}.jrn-cop-name{word-break:break-word;color:var(--gray-900);width:100%;margin:0;font-size:11px;font-weight:700;line-height:1.25}.jrn-cop-idmember{color:var(--gray-500);width:100%;margin:-3px 0 0;font-size:9.5px}.jrn-cop-ro{background:var(--gray-100);color:var(--gray-500);border-radius:999px;margin:0;padding:3px 10px;font-size:10px;font-weight:700}.jrn-cop-ro.jrn-ro-aktif{color:#16a34a;background:#16a34a1f}.jrn-cop-ro.jrn-ro-pernah{background:var(--blue-100);color:var(--blue-700)}.jrn-cop-warn{color:#dc2626;text-align:left;background:#fef2f2;border-radius:8px;align-items:flex-start;gap:4px;width:100%;padding:5px 7px;font-size:9px;font-weight:600;line-height:1.35;display:flex}.jrn-cop-warn svg{flex-shrink:0;margin-top:1px}.jrn-cop-poin{background:var(--gray-100);border-radius:8px;flex-direction:column;align-items:center;gap:1px;width:100%;padding:4px 6px;display:flex}.jrn-cop-poin-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.2px;font-size:8.5px;font-weight:600}.jrn-cop-poin-val{color:var(--blue-700);font-size:14px;font-weight:800}.jrn-cop-actions{flex-direction:column;gap:4px;width:100%;margin-top:2px;display:flex}.jrn-cop-btn{cursor:pointer;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:3px;width:100%;padding:6px 4px;font-family:inherit;font-size:9.5px;font-weight:700;display:inline-flex}.jrn-cop-btn-ro{background:var(--blue-100);color:var(--blue-700);border:1px solid var(--blue-200,var(--blue-100))}.jrn-cop-btn-tree{color:var(--gray-500);border:1px solid var(--gray-200);background:0 0}.jrn-node-wrap{margin-bottom:8px}.jrn-node{background:#fff;border-radius:14px;flex-direction:column;gap:8px;padding:12px;transition:box-shadow .15s;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0a}.jrn-node.is-root{border:1.5px solid var(--gold-400);background:linear-gradient(150deg, var(--blue-900), var(--blue-700))}.jrn-node.is-clickable{cursor:pointer}.jrn-node.is-highlight{outline:2px solid var(--gold-500);outline-offset:1px}.jrn-node-top{align-items:flex-start;gap:10px;display:flex}.jrn-node-avatar{background:var(--blue-100);width:36px;height:36px;color:var(--blue-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;overflow:hidden}.jrn-node-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.jrn-node.is-root .jrn-node-avatar{color:var(--gold-400);border:1.5px solid var(--gold-400);background:#ffffff26}.jrn-node-body{flex:1;min-width:0}.jrn-node-name{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13.5px;font-weight:700;overflow:hidden}.jrn-node.is-root .jrn-node-name{color:#fff}.jrn-node-id{color:var(--gray-500);flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;font-weight:400;display:flex}.jrn-node.is-root .jrn-node-id{color:#ffffffb3}.jrn-node-reposisi{color:#7c3aed;background:#ede9fe;border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:700}.jrn-node-generasi{background:var(--blue-100);color:var(--blue-700);border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:700}.jrn-node-top-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.jrn-node-plan-btn{background:var(--gold-100);color:var(--gold-500);cursor:pointer;text-underline-offset:2px;border:none;border-radius:999px;flex-shrink:0;padding:2px 8px;font-family:inherit;font-size:9.5px;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-block}.jrn-node.is-root .jrn-node-plan-btn{color:var(--gold-400);background:#ffffff26}.jrn-node-date{color:var(--gray-500);white-space:nowrap;margin:0;font-size:10px}.jrn-node.is-root .jrn-node-date{color:#ffffffa6}.jrn-root-badge{background:var(--gold-400);color:var(--blue-900);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 9px;font-size:10px;font-weight:700;display:flex}.jrn-node-downline-badge{color:var(--blue-700);background:var(--blue-100);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.jrn-node.is-root .jrn-node-downline-badge{cursor:default;color:#fff;background:#ffffff26}.jrn-node-add-btn{color:#fff;background:var(--blue-600);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.jrn-node-add-btn:active{background:var(--blue-700)}.jrn-node-ro-btn{background:var(--blue-100);width:28px;height:28px;color:var(--blue-700);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.jrn-node-ro-btn:active{background:var(--blue-500);color:#fff}.jrn-chevron{color:var(--blue-700);flex-shrink:0;transition:transform .15s}.jrn-chevron.is-open{transform:rotate(90deg)}.jrn-node-footer{border-top:1px dashed var(--gray-200);color:var(--gray-600);flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;padding:8px 0 0;font-size:10.5px;display:flex}.jrn-node.is-root .jrn-node-footer{border-top-color:#fff3}.jrn-node-footer-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.jrn-node-footer-item{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.jrn-node-footer-item b{color:var(--gray-900)}.jrn-node-footer-item.jrn-ro-aktif{color:#16a34a;font-weight:700}.jrn-node-footer-item.jrn-ro-pernah{color:#d97706;font-weight:700}.jrn-node-footer-item.jrn-ro-belum{color:var(--gray-500);font-weight:700}.jrn-node-prestasi .is-qualified{color:#16a34a}.jrn-node-prestasi .is-not-qualified{color:#dc2626}.jrn-children{border-left:2px dashed var(--gray-200);flex-direction:column;gap:8px;margin-top:8px;padding-left:16px;display:flex}.jrn-loading,.jrn-empty{color:var(--gray-500);align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.jrn-empty{flex-direction:column;padding:20px 12px}.jrn-empty p{margin:0}.jrn-spin{animation:.8s linear infinite jrn-spin}@keyframes jrn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pk-sheet{flex-direction:column;max-height:82vh;display:flex}.pk-search-wrap{background:var(--gray-100);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.pk-search-icon{color:var(--gray-500);flex-shrink:0}.pk-search-input{min-width:0;color:var(--gray-900);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.pk-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.pk-empty{color:var(--gray-500);justify-content:center;align-items:center;gap:8px;margin:0;padding:32px 0;font-size:12.5px;display:flex}.pk-spin{animation:.8s linear infinite jrn-spin}.pk-item{background:var(--gray-100);cursor:pointer;text-align:left;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.pk-item.is-selected{background:var(--blue-100)}.pk-item-icon{width:32px;height:32px;color:var(--blue-700);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.pk-item-body{flex-direction:column;flex:1;min-width:0;display:flex}.pk-item-title{color:var(--gray-900);font-size:13px;font-weight:700}.pk-item-subtitle{color:var(--gray-500);font-size:11px}.pk-item-check{color:var(--blue-600);flex-shrink:0}.rwp-sheet{flex-direction:column;max-height:82vh;display:flex}.rwp-state{color:var(--gray-500);justify-content:center;align-items:center;gap:8px;margin:0;padding:32px 0;font-size:12.5px;display:flex}.rwp-state-error{color:#dc2626}.rwp-member{background:var(--gray-100);border-radius:12px;flex-shrink:0;margin-bottom:12px;padding:10px 12px}.rwp-member-nama{color:var(--gray-900);margin:0;font-size:13.5px;font-weight:700}.rwp-member-id{color:var(--gray-600);margin:3px 0 0;font-size:11.5px}.rwp-member-id b{color:var(--gray-900)}.rwp-empty{text-align:center;color:var(--gray-500);margin:0;padding:24px 0;font-size:12.5px}.rwp-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.rwp-item{background:var(--gray-100);border-left:3px solid var(--blue-500);border-radius:12px;padding:10px 12px}.rwp-item-plan{color:var(--gray-900);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.rwp-item-plan-lama{color:var(--gray-500);font-weight:600}.rwp-item-arrow{color:var(--blue-500)}.rwp-item-meta{color:var(--gray-500);align-items:center;gap:10px;margin-top:4px;font-size:11px;display:flex}.pkt-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid;overflow-y:auto}.pkt-card{border:1.5px solid var(--gray-200);cursor:pointer;text-align:left;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 12px;display:flex}.pkt-card.is-selected{border-color:var(--blue-600);background:var(--blue-100)}.pkt-card-icon{background:var(--blue-100);width:30px;height:30px;color:var(--blue-700);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.pkt-card.is-selected .pkt-card-icon{background:var(--blue-600);color:#fff}.pkt-card-name{color:var(--gray-900);font-size:13px;font-weight:700}.pkt-card-sub{color:var(--gray-500);font-size:11px}.pkt-card-harga{color:var(--blue-700);margin-top:2px;font-size:13px;font-weight:700}.pkt-card-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.pkt-tag{border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.pkt-tag-reposisi{color:#7c3aed;background:#ede9fe}.pkt-tag-founder{background:var(--gold-100);color:var(--gold-500)}.pf-steps{align-items:center;margin-bottom:18px;display:flex}.pf-step{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.pf-step-circle{background:var(--gray-200);width:34px;height:34px;color:var(--gray-500);border-radius:50%;justify-content:center;align-items:center;display:flex}.pf-step.is-active .pf-step-circle{background:var(--blue-600);color:#fff}.pf-step.is-done .pf-step-circle{color:#fff;background:#16a34a}.pf-step-label{color:var(--gray-500);white-space:nowrap;font-size:10px;font-weight:700}.pf-step.is-active .pf-step-label{color:var(--blue-700)}.pf-step-line{background:var(--gray-200);flex:1;height:2px;margin:0 6px 20px}.pf-step-line.is-done{background:#16a34a}.pf-section-label{color:var(--gray-700);align-items:center;gap:7px;margin:18px 0 8px;font-size:12px;font-weight:700;display:flex}.pf-section-label:first-of-type{margin-top:0}.pf-card{background:#fff;border-radius:14px;padding:12px;box-shadow:0 1px 2px #0f172a0a}.pf-pick-trigger{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:4px;display:flex}.pf-pick-trigger:disabled,.pf-pick-trigger-static{cursor:default}.pf-pick-trigger-static .pf-pick-icon{background:var(--gray-100);color:var(--gray-500)}.pf-pick-icon{background:var(--blue-100);width:34px;height:34px;color:var(--blue-700);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.pf-pick-body{flex:1;min-width:0}.pf-pick-label{color:var(--gray-500);margin:0;font-size:10.5px;font-weight:700}.pf-pick-val{color:var(--gray-900);margin:2px 0 0;font-size:13px;font-weight:700}.pf-pick-val.is-placeholder{color:var(--gray-300);font-weight:600}.pf-pick-arrow{color:var(--gray-300);flex-shrink:0}.pf-paket-empty-btn{border:1.5px dashed var(--gray-300);width:100%;color:var(--blue-700);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:700;display:flex}.pf-paket-selected{cursor:pointer;align-items:center;gap:10px;display:flex}.pf-paket-selected-icon{background:var(--blue-100);width:34px;height:34px;color:var(--blue-700);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.pf-paket-selected-body{flex:1;min-width:0}.pf-paket-selected-name{color:var(--gray-900);margin:0;font-size:13px;font-weight:700}.pf-paket-selected-sub{color:var(--gray-500);margin:1px 0 0;font-size:11px}.pf-paket-ganti{color:var(--blue-600);background:var(--blue-100);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:700}.pf-tipe-select{border:1px solid var(--gray-300);width:100%;color:var(--gray-900);background:#fff;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px}.pf-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.pf-field:last-child{margin-bottom:0}.pf-field label{color:var(--gray-700);font-size:11.5px;font-weight:700}.pf-field input,.pf-field select,.pf-field textarea{border:1px solid var(--gray-300);color:var(--gray-900);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px}.pf-field input:disabled{background:var(--gray-100);color:var(--gray-500)}.pf-field-hint{color:var(--gray-500);margin:0;font-size:10.5px}.pf-field-hint.is-error{color:#dc2626}.pf-field-hint.is-valid{color:#16a34a}.pf-submit-btn{background:var(--blue-600);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:14px;font-size:14px;font-weight:700;display:flex}.pf-submit-btn:disabled{opacity:.6;cursor:default}.pf-error-banner{color:#dc2626;background:#fef2f2;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:12.5px;font-weight:600}.pf-success-banner{color:#15803d;background:#f0fdf4;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:12.5px;font-weight:600;line-height:1.5;display:flex}.pf-success-banner svg{flex-shrink:0;margin-top:1px}.pf-success-banner-close{cursor:pointer;color:#15803d;opacity:.7;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px;line-height:1}.pf-success-banner-close:hover{opacity:1}.pf-confirm-group{margin-bottom:16px}.pf-confirm-group:last-child{margin-bottom:0}.pf-confirm-group-title{color:var(--gray-700);align-items:center;gap:7px;margin-bottom:8px;font-size:11.5px;font-weight:700;display:flex}.pf-confirm-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;gap:10px;padding:8px 0;display:flex}.pf-confirm-row:last-child{border-bottom:none}.pf-confirm-row-label{color:var(--gray-500);flex-shrink:0;font-size:12px}.pf-confirm-row-val{color:var(--gray-900);text-align:right;font-size:12.5px;font-weight:700}.pf-confirm-notice{background:var(--gold-100);color:var(--gold-500);border-radius:12px;gap:8px;margin-top:6px;padding:12px;font-size:11.5px;font-weight:600;display:flex}.pf-confirm-actions{gap:10px;margin-top:16px;display:flex}.pf-confirm-edit{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;background:#fff;border-radius:12px;flex:none;padding:12px 18px;font-size:13px;font-weight:700}.pf-confirm-ok{background:var(--blue-600);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:700;display:flex}.pf-pin-wrap{flex-direction:column;align-items:center;padding:24px 0;display:flex}.pf-pin-icon{background:var(--blue-100);width:56px;height:56px;color:var(--blue-700);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.pf-pin-title{color:var(--gray-900);margin:0 0 4px;font-size:15px;font-weight:700}.pf-pin-sub{color:var(--gray-500);text-align:center;margin:0 0 20px;font-size:12px}.pf-pin-dots{gap:12px;margin-bottom:20px;display:flex}.pf-pin-dot{border:2px solid var(--gray-300);border-radius:50%;width:14px;height:14px}.pf-pin-dot.is-filled{background:var(--blue-600);border-color:var(--blue-600)}.pf-pin-input{opacity:0;pointer-events:none;position:absolute}.pf-pin-back{color:var(--gray-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:16px;font-size:12.5px;font-weight:700;display:flex}.pf-success-wrap{flex-direction:column;align-items:center;padding:12px 0 30px;display:flex}.pf-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;display:flex}.pf-success-title{color:var(--gray-900);margin:0 0 4px;font-size:17px;font-weight:700}.pf-success-sub{color:var(--gray-500);margin:0 0 20px;font-size:12.5px}.pf-success-card{background:#fff;border-radius:16px;width:100%;margin-bottom:14px;padding:14px;box-shadow:0 1px 2px #0f172a0d}.pf-success-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}.pf-success-row:last-child{border-bottom:none}.pf-success-row-label{color:var(--gray-500);align-items:center;gap:7px;font-size:12px;display:flex}.pf-success-row-val{color:var(--gray-900);font-size:13px;font-weight:700}.pf-success-row-val.is-warn{color:var(--gold-500)}.pf-success-row-val.is-danger{color:#dc2626}.pf-success-notice{color:#dc2626;background:#fef2f2;border-radius:12px;gap:8px;margin-bottom:20px;padding:12px;font-size:11.5px;font-weight:600;display:flex}.pf-success-btn{background:var(--blue-600);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:14px;width:100%;padding:14px;font-size:14px;font-weight:700}.pf-header{background:linear-gradient(150deg, var(--blue-900), var(--blue-700));align-items:center;gap:12px;margin:0 -16px 18px;padding:20px 16px 16px;display:flex}.pf-header-back{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pf-header-titlewrap{flex:1;min-width:0}.pf-header-title{color:#fff;margin:0;font-size:16px;font-weight:700}.pf-header-sub{color:#ffffffb3;margin:2px 0 0;font-size:11.5px}.pf-empty{text-align:center;flex-direction:column;align-items:center;padding:40px 16px;display:flex}.pf-empty-icon{background:var(--blue-100);width:60px;height:60px;color:var(--blue-700);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.pf-empty-title{color:var(--gray-900);margin:0 0 6px;font-size:15px;font-weight:700}.pf-empty-desc{color:var(--gray-500);max-width:280px;margin:0 0 20px;font-size:12.5px;line-height:1.5}.pf-empty-actions{flex-direction:column;gap:10px;width:100%;max-width:260px;display:flex}.pf-empty-btn-primary,.pf-empty-btn-secondary{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.pf-empty-btn-primary{background:var(--blue-600);color:#fff;border:none}.pf-empty-btn-secondary{color:var(--gray-700);border:1px solid var(--gray-300);background:#fff}.pf-info-body{padding:0 16px 32px}.pf-static-section{margin-bottom:22px}.pf-static-section:last-child{margin-bottom:0}.pf-static-title{color:var(--gray-900);align-items:center;gap:7px;margin:0 0 10px;font-size:14px;font-weight:700;display:flex}.pf-body-text{color:var(--gray-700);margin:0;font-size:13px;line-height:1.6}.pf-list{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.pf-list li{color:var(--gray-700);font-size:13px;line-height:1.5}.pf-highlight{border-radius:10px;align-items:flex-start;gap:8px;margin-top:12px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.pf-highlight svg{flex-shrink:0;margin-top:1px}.pf-highlight-green{color:#15803d;background:#dcfce7}.pf-highlight-danger{color:#dc2626;background:#fee2e2}.pf-highlight-blue{background:var(--blue-100);color:var(--blue-700)}.pf-faq{flex-direction:column;gap:10px;display:flex}.pf-faq-item{background:var(--gray-50,#f8fafc);border:1px solid var(--gray-100);border-radius:12px;padding:12px 14px}.pf-faq-q{color:var(--gray-900);margin:0 0 5px;font-size:13px;font-weight:700}.pf-faq-a{color:var(--gray-600,var(--gray-500));margin:0;font-size:12.5px;line-height:1.55}.ka-action-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.ka-action-btn{text-align:center;white-space:nowrap;background:#fff;border:1.5px solid #0000;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:11.5px;font-weight:700;text-decoration:none;display:flex}.ka-action-btn.is-transfer{border-color:var(--blue-600);color:var(--blue-600)}.ka-action-btn.is-daftarkan{color:#16a34a;border-color:#16a34a}.ka-action-btn.is-posting-ro{border-color:var(--gold-500);color:var(--gold-500)}.ka-tab-row{background:var(--gray-100);border-radius:12px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.ka-tab{color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 4px;font-size:11.5px;font-weight:700;display:flex}.ka-tab.is-active{color:var(--blue-700);background:#fff;box-shadow:0 1px 3px #0f172a1a}.ka-list{flex-direction:column;gap:8px;display:flex}.ka-card{background:#fff;border-radius:14px;align-items:flex-start;gap:10px;padding:12px;display:flex;box-shadow:0 1px 2px #0f172a0a}.ka-card-icon{background:var(--blue-100);width:36px;height:36px;color:var(--blue-700);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ka-card-body{flex:1;min-width:0}.ka-card-title{color:var(--gray-900);margin:0;font-size:13px;font-weight:700}.ka-card-sub{color:var(--gray-500);margin:2px 0 0;font-size:11.5px}.ka-card-kode{color:var(--gray-500);margin:4px 0 0;font-family:monospace;font-size:10.5px}.ka-card-tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.ka-tag{border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-flex}.ka-tag-reposisi{color:#7c3aed;background:#ede9fe}.ka-tag-founder{background:var(--gold-100);color:var(--gold-500)}.ka-tag-berbayar{color:#16a34a;background:#dcfce7}.ka-tag-danger{color:#dc2626;background:#fee2e2}.ka-card-stok{flex-direction:column;flex:none;align-items:flex-end;display:flex}.ka-card-stok-num{color:var(--blue-700);font-size:18px;font-weight:700}.ka-card-stok-label{color:var(--gray-500);font-size:10px}.ka-card-pick{border:1.5px solid var(--gray-200);cursor:pointer;text-align:left;width:100%;font-family:inherit}.ka-card-pick.is-selected{border-color:var(--blue-600);background:var(--blue-100)}.ka-card-right{text-align:right;flex:none}.rwd-claim-btn{background:var(--blue-600);color:#fff;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:5px;padding:7px 12px;font-size:11.5px;font-weight:700;display:flex}.ka-card-harga{color:var(--blue-700);white-space:nowrap;margin:0;font-size:13px;font-weight:700}.ka-card-tgl{color:var(--gray-500);white-space:nowrap;margin:4px 0 0;font-size:10px}.ka-card-btn-ro{border:1px solid var(--blue-200,var(--blue-100));background:var(--blue-100);color:var(--blue-700);white-space:nowrap;cursor:pointer;border-radius:20px;align-items:center;gap:4px;margin:6px 0 0 auto;padding:5px 10px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.ka-card-group{background:#fff;border-radius:14px;overflow:hidden}.ka-card-group .ka-card{box-shadow:none}.ka-card.is-clickable{cursor:pointer}.ka-card-badge-pin{background:var(--blue-100);color:var(--blue-700);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:9.5px;font-weight:700;display:inline-block}.ka-card-chevron{color:var(--gray-500);margin-top:4px;transition:transform .15s}.ka-card-chevron.is-open{transform:rotate(180deg)}.ka-card-group-detail{flex-direction:column;gap:4px;padding:0 12px 12px 58px;display:flex}.ka-card-group-pin{background:var(--gray-50,#f8fafc);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.ka-card-group-pin-kode{color:var(--gray-500);font-family:monospace;font-size:10.5px}.ka-card-group-pin-harga{color:var(--blue-700);white-space:nowrap;font-size:11.5px;font-weight:700}.tpq-card{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 1px 2px #0f172a0a}.tpq-qty{flex:none;align-items:center;gap:10px;display:flex}.tpq-qty-btn{border:1px solid var(--gray-300);width:30px;height:30px;color:var(--blue-700);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.tpq-qty-btn:disabled{opacity:.35;cursor:default}.tpq-qty-val{text-align:center;min-width:20px;color:var(--gray-900);font-size:14px;font-weight:700}.bn-list{flex-direction:column;gap:10px;display:flex}.bn-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:inherit;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:transform .15s;display:flex}.bn-card:active{transform:translateY(1px)}.bn-list-compact .bn-card{padding:8px}.bn-thumb-wrap{background:var(--gray-100);width:56px;height:56px;color:var(--gray-300);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.bn-thumb{object-fit:cover;width:100%;height:100%}.bn-card-body{flex:1;min-width:0}.bn-card-title{color:var(--gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.bn-card-meta{color:var(--gray-500);gap:6px;margin-top:4px;font-size:11px;display:flex}.bn-card-arrow{color:var(--gray-300);flex-shrink:0}.bn-featured{flex-direction:column;align-items:stretch;padding:0}.bn-featured .bn-thumb-wrap{border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;height:160px}.bn-featured .bn-card-body{padding:12px}.bn-featured .bn-card-title{-webkit-line-clamp:2;font-size:15px}.bn-featured .bn-card-arrow{display:none}.bd-cover-wrap{background:var(--gray-100);width:100%;height:200px;overflow:hidden}.bd-cover{object-fit:cover;width:100%;height:100%}.bd-wrap{padding:16px 4px 32px}.bd-meta-bar{color:var(--gray-500);flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:11.5px;display:flex}.bd-meta-bar span{align-items:center;gap:4px;display:flex}.bd-title{color:var(--gray-900);margin:0;font-size:19px;font-weight:800;line-height:1.3}.bd-divider{background:var(--gray-200);height:1px;margin:14px 0}.bd-content{color:var(--gray-700);font-size:13.5px;line-height:1.7}.bd-content img{border-radius:8px;max-width:100%;height:auto}.bd-content p{margin:0 0 12px}.ts-wrap{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:16px}.ts-rotator{min-height:92px;position:relative}.ts-item{display:none}.ts-item.ts-active{display:block}.ts-quote-icon{color:var(--blue-700);opacity:.5}.ts-quote{color:var(--gray-700);margin:6px 0 12px;font-size:13px;font-style:italic;line-height:1.6}.ts-meta{align-items:center;gap:10px;display:flex}.ts-avatar{background:var(--blue-700);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.ts-meta-info{min-width:0}.ts-meta-name{color:var(--gray-900);margin:0;font-size:12.5px;font-weight:700}.ts-meta-plan{color:var(--gray-500);margin:1px 0 0;font-size:11px}.ts-dots{justify-content:center;gap:6px;margin-top:14px;display:flex}.ts-dot{background:var(--gray-300);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0}.ts-dot-active{background:var(--blue-700);border-radius:3px;width:16px}.tsp-write-btn-full{border-radius:var(--radius-md);background:var(--blue-700);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:12px;font-family:inherit;font-size:13.5px;font-weight:700;display:flex}.tsp-list{flex-direction:column;gap:10px;display:flex}.tsp-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:14px}.tsp-meta{align-items:center;gap:10px;display:flex}.tsp-avatar{background:var(--blue-700);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.tsp-info{flex:1;min-width:0}.tsp-name{color:var(--gray-900);font-size:13px;font-weight:700}.tsp-plan{color:var(--gray-500);margin-top:1px;font-size:11px}.tsp-date{color:var(--gray-500);flex-shrink:0;font-size:11px}.tsp-stars{color:var(--gold-500);gap:2px;margin:8px 0;display:flex}.tsp-body{color:var(--gray-700);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.tsp-form-hint{color:var(--gray-500);margin:0 0 10px;font-size:12px}.tsp-textarea{resize:vertical;border:1px solid var(--gray-300);width:100%;min-height:110px;color:var(--gray-900);border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}.tsp-textarea:focus{border-color:var(--blue-700)}.tsp-form-counter{text-align:right;color:var(--gray-500);margin-top:4px;font-size:11px}.tsp-form-counter.ok{color:var(--success);font-weight:700}.rmp-card-current{border-color:var(--gold-500);box-shadow:0 0 0 1px var(--gold-500), var(--shadow-card)}.dash-icon-badge{color:#fff;text-align:center;border:1.5px solid var(--white);background:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:9.5px;font-weight:800;line-height:16px;position:absolute;top:-3px;right:-3px}.nf-toolbar{justify-content:flex-end;align-items:center;gap:14px;margin-bottom:12px;display:flex}.nf-btn-text{color:var(--blue-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:12px;font-weight:700;display:flex}.nf-btn-text:disabled{color:var(--gray-300);cursor:default}.nf-btn-danger{color:#ef4444}.nf-btn-danger:disabled{color:var(--gray-300)}.nf-list{flex-direction:column;gap:8px;display:flex}.nf-item{background:var(--white);border:1px solid var(--gray-200);border-left:3px solid var(--blue-500);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.nf-item.nf-read{border-left-color:var(--gray-200);opacity:.65}.nf-item-success{border-left-color:var(--success)}.nf-item-warning{border-left-color:var(--gold-500)}.nf-item-danger{border-left-color:#ef4444}.nf-item-icon{background:var(--gray-100);width:34px;height:34px;color:var(--blue-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nfi-success{color:var(--success);background:#1e8e5a1f}.nfi-warning{color:var(--gold-500);background:#e0b13a26}.nfi-danger{color:#ef4444;background:#ef44441f}.nf-item-body{flex:1;min-width:0}.nf-item-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.nf-item-title{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.nf-read .nf-item-title{font-weight:600}.nf-item-time{color:var(--gray-500);flex-shrink:0;font-size:10.5px}.nf-item-msg{color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.nf-item-chevron{color:var(--gray-300);flex-shrink:0}.nf-item-del{background:var(--gray-100);width:20px;height:20px;color:var(--gray-500);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:6px;right:6px}.nf-item:hover .nf-item-del{display:flex}.nf-modal-time{color:var(--gray-500);margin:0 0 8px;font-size:11px}.nf-modal-body{color:var(--gray-700);white-space:pre-wrap;margin:0 0 14px;font-size:13px;line-height:1.6}.nf-btn-confirm-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.bl-header-riwayat{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;display:flex}.bl-stokis-bar{margin-bottom:12px}.bl-stokis-pilih-btn{border:1.5px dashed var(--blue-500);border-radius:var(--radius-md);width:100%;color:var(--blue-700);cursor:pointer;background:#14487f0d;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.bl-stokis-selected{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:center;gap:10px;padding:10px 12px;display:flex}.bl-stokis-avatar{background:var(--blue-700);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.bl-stokis-info{flex:1;min-width:0}.bl-stokis-nama{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12.5px;font-weight:700;overflow:hidden}.bl-stokis-id{color:var(--gray-500);margin:1px 0 0;font-size:10.5px}.bl-stokis-ganti{background:var(--gray-100);color:var(--blue-700);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:700}.bl-stokis-list{flex-direction:column;gap:6px;max-height:340px;display:flex;overflow-y:auto}.bl-stokis-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;transition:background .15s;display:flex}.bl-stokis-item:hover{background:var(--gray-100)}.bl-stokis-item-av{background:var(--gray-100);width:32px;height:32px;color:var(--blue-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bl-stokis-item-info{flex:1;min-width:0}.bl-stokis-item-nama{color:var(--gray-900);margin:0;font-size:12.5px;font-weight:700}.bl-stokis-item-sub{color:var(--gray-500);margin:1px 0 0;font-size:10.5px}.bl-stokis-item-arrow{color:var(--gray-300);flex-shrink:0}.bl-stokis-item.is-active{background:#14487f14}.bl-stokis-item.is-active .bl-stokis-item-arrow{color:var(--blue-700)}.bl-plan-bar{margin-bottom:12px}.bl-plan-pilih-btn{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);width:100%;box-shadow:var(--shadow-card);color:var(--gray-700);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-size:12.5px;display:flex}.bl-plan-pilih-btn b{color:var(--gray-900)}.bl-plan-pilih-btn svg:last-child{color:var(--gray-300);flex-shrink:0;margin-left:auto}.bl-produk-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.bl-produk-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;padding:8px;display:flex}.bl-produk-img{aspect-ratio:1;background:var(--gray-100);color:var(--gray-300);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.bl-produk-img img{object-fit:cover;width:100%;height:100%}.bl-produk-nama{color:var(--gray-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:31px;margin:8px 0 0;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.bl-produk-harga{color:var(--blue-700);margin:3px 0 0;font-size:13px;font-weight:700}.bl-produk-qty-row{justify-content:center;align-items:center;gap:10px;margin:8px 0;display:flex}.bl-qty-btn{border:1px solid var(--gray-300);width:24px;height:24px;color:var(--blue-700);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bl-qty-btn:disabled{opacity:.35;cursor:default}.bl-qty-val{text-align:center;min-width:18px;color:var(--gray-900);font-size:12.5px;font-weight:700}.bl-produk-tambah-btn{background:var(--blue-700);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-family:inherit;font-size:11.5px;font-weight:700;display:flex;position:relative}.bl-addon-badge{background:var(--gold-500);color:#fff;border-radius:8px;padding:2px 5px;font-size:8.5px;font-weight:800;position:absolute;top:-7px;right:-4px}.bl-produk-tambah-btn.is-added{background:#16a34a;animation:.35s bl-tambah-pop}@keyframes bl-tambah-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.bl-cart-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:20px;padding:12px}.bl-cart-head{color:var(--gray-900);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.bl-cart-head span{align-items:center;gap:6px;display:flex}.bl-cart-head-icon.is-bump{animation:.5s bl-cart-bump}@keyframes bl-cart-bump{0%{transform:scale(1)}30%{transform:scale(1.18)rotate(-6deg)}55%{transform:scale(.96)rotate(4deg)}to{transform:scale(1)rotate(0)}}.bl-cart-clear{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px}.bl-cart-empty{color:var(--gray-300);flex-direction:column;align-items:center;gap:6px;padding:24px 0;display:flex}.bl-cart-empty p{color:var(--gray-500);margin:0;font-size:12px}.bl-cart-items{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.bl-cart-item{background:var(--gray-100);border-radius:10px;gap:10px;padding:8px;display:flex;position:relative}.bl-cart-item-img{background:var(--white);width:40px;height:40px;color:var(--gray-300);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.bl-cart-item-img img{object-fit:cover;width:100%;height:100%}.bl-cart-item-info{flex:1;min-width:0;padding-right:18px}.bl-cart-item-nama{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:700;overflow:hidden}.bl-cart-item-harga{color:var(--gray-700);margin:2px 0 0;font-size:11.5px}.bl-cart-item-qty-row{align-items:center;gap:8px;margin-top:4px;display:flex}.bl-cart-addon-row{color:var(--gray-500);align-items:center;gap:4px;margin:3px 0 0;font-size:10.5px;display:flex}.bl-cart-addon-row span{flex-shrink:0;margin-left:auto}.bl-cart-item-del{background:var(--white);width:18px;height:18px;color:var(--gray-500);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.bl-cart-footer{border-top:1px solid var(--gray-200);margin-top:12px;padding-top:12px}.bl-cart-total-row{color:var(--gray-900);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.bl-cart-total{color:var(--blue-700);font-size:16px}.bl-btn-order{background:var(--blue-700);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-family:inherit;font-size:13.5px;font-weight:700;display:flex}.bl-btn-order:disabled{opacity:.5;cursor:default}.bl-addon-subtitle{color:var(--gray-500);margin:0 0 10px;font-size:12px}.bl-addon-list{flex-direction:column;gap:8px;max-height:340px;margin-bottom:14px;display:flex;overflow-y:auto}.bl-addon-item{border:1.5px solid var(--gray-200);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.bl-addon-item.selected{border-color:var(--blue-500);background:#14487f0d}.bl-addon-item img{object-fit:cover;border-radius:8px;flex-shrink:0;width:38px;height:38px}.bl-addon-item-info{flex:1;min-width:0}.bl-addon-item-nama{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:700;overflow:hidden}.bl-addon-item-satuan{color:var(--gray-500);margin:1px 0 0;font-size:10.5px}.bl-addon-qty-wrap{flex-shrink:0;align-items:center;gap:6px;display:flex}.pay-hero{background:linear-gradient(150deg, var(--blue-600), var(--blue-900));border-radius:var(--radius-md);text-align:center;color:#fff;margin-bottom:14px;padding:20px 16px}.pay-hero-label{opacity:.75;margin:0;font-size:12px}.pay-hero-amount{margin:6px 0;font-size:26px;font-weight:800}.pay-hero-note{opacity:.8;justify-content:center;align-items:center;gap:5px;margin:0;font-size:10.5px;display:flex}.pay-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:12px;padding:12px}.pay-card-head{color:var(--gray-900);align-items:center;gap:6px;margin-bottom:10px;font-size:12.5px;font-weight:700;display:flex}.pay-items{flex-direction:column;gap:10px;display:flex}.pay-item{gap:10px;display:flex}.pay-item-img{background:var(--gray-100);width:42px;height:42px;color:var(--gray-300);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pay-item-img img{object-fit:cover;width:100%;height:100%}.pay-item-info{flex:1;min-width:0}.pay-item-nama{color:var(--gray-900);margin:0;font-size:12px;font-weight:700}.pay-item-sub{color:var(--gray-500);margin:2px 0 0;font-size:11px}.pay-item-addon-row{color:var(--gray-500);margin:3px 0 0;font-size:10.5px}.pay-item-addon-row span{margin-left:4px}.pay-item-total{color:var(--gray-900);flex-shrink:0;align-self:center;font-size:12px;font-weight:700}.pay-upload-wrap{border:1.5px dashed var(--gray-300);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:130px;margin-bottom:10px;display:flex;overflow:hidden}.pay-upload-icon{color:var(--gray-300)}.pay-upload-text{color:var(--gray-500);text-align:center;margin:0;padding:0 16px;font-size:12px}.pay-preview-img{object-fit:contain;width:100%;height:100%;max-height:220px}.pay-actions{gap:8px;display:flex}.pay-btn-back{border:1px solid var(--gray-300);color:var(--gray-700);cursor:pointer;background:#fff;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:12.5px;font-weight:700;text-decoration:none;display:flex}.pay-btn-confirm{background:var(--blue-700);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:12.5px;font-weight:700;display:flex}.pay-bank-list{flex-direction:column;gap:8px;display:flex}.pay-bank-item{background:var(--gray-100);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.pay-bank-icon{background:var(--white);width:34px;height:34px;color:var(--gray-500);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pay-bank-icon img{object-fit:contain;width:100%;height:100%}.pay-bank-info{flex:1;min-width:0}.pay-bank-nama{color:var(--gray-900);margin:0;font-size:12px;font-weight:700}.pay-bank-norek{color:var(--blue-700);letter-spacing:.3px;margin:2px 0 0;font-size:13px;font-weight:700}.pay-bank-sub{color:var(--gray-500);margin:1px 0 0;font-size:10.5px}.pay-copy-btn{border:1px solid var(--gray-300);width:30px;height:30px;color:var(--blue-700);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pay-no-rek{text-align:center;color:var(--gray-300);flex-direction:column;align-items:center;gap:6px;padding:16px 0;display:flex}.pay-no-rek p{color:var(--gray-700);margin:0;font-size:12.5px;font-weight:700}.pay-no-rek span{color:var(--gray-500);font-size:11px}.pay-btn-wa{color:#fff;background:#25d366;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.ro-filter-tabs{cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:6px;margin:0 -16px 12px;padding:4px 0 6px;display:flex;overflow-x:auto}.ro-filter-tabs::-webkit-scrollbar{display:none}.ro-filter-tabs-spacer{flex:0 0 10px}.ro-filter-tab{border:1px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;white-space:nowrap;scroll-snap-align:start;border-radius:999px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:700}.ro-filter-tab.active{background:var(--blue-700);border-color:var(--blue-700);color:#fff}.ro-list{flex-direction:column;gap:10px;display:flex}.ro-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.ro-item-date{border-bottom:1px solid var(--gray-200);color:var(--gray-500);align-items:center;gap:5px;padding:8px 12px;font-size:10.5px;text-decoration:none;display:flex}.ro-item-body{align-items:center;gap:10px;padding:10px 12px;display:flex}.ro-shop-icon{background:var(--gray-100);width:36px;height:36px;color:var(--blue-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ro-mid{flex:1;min-width:0}.ro-stokis{color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12.5px;font-weight:700;overflow:hidden}.ro-kota{color:var(--gray-500);margin:2px 0 0;font-size:10.5px}.ro-nominal{color:var(--blue-700);margin:3px 0 0;font-size:12.5px;font-weight:700}.ro-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.ro-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:flex}.ro-badge-warning{color:var(--gold-500);background:#e0b13a26}.ro-badge-secondary{background:var(--gray-100);color:var(--gray-500)}.ro-badge-success{color:var(--success);background:#1e8e5a1f}.ro-badge-danger{color:#ef4444;background:#ef44441f}.ro-actions{gap:6px;display:flex}.ro-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:5px 9px;font-family:inherit;font-size:10.5px;font-weight:700;text-decoration:none;display:flex}.ro-btn.confirm{background:var(--success);color:#fff}.ro-btn.cancel{background:var(--gray-100);color:#ef4444}.ro-btn.pay{background:var(--blue-700);color:#fff}.od-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:16px 0;display:flex}.od-hero-date{color:var(--gray-500);margin:0;font-size:11px}.od-stokis-body{align-items:flex-start;gap:10px;display:flex}.od-stokis-icon{background:var(--gray-100);width:36px;height:36px;color:var(--blue-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.od-stokis-nama{color:var(--gray-900);margin:0;font-size:12.5px;font-weight:700}.od-stokis-sub{color:var(--gray-500);align-items:center;gap:4px;margin:2px 0 0;font-size:11px;display:flex}.od-wa-link{color:var(--success);align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.od-summary{border-top:1px solid var(--gray-200);margin-top:10px;padding-top:10px}.od-summary-row{color:var(--gray-700);justify-content:space-between;margin-bottom:4px;font-size:11.5px;display:flex}.od-summary-total{color:var(--gray-900);border-top:1px dashed var(--gray-200);margin-top:4px;padding-top:6px;font-size:13px;font-weight:700}.od-address{flex-direction:column;gap:2px;display:flex}.od-address-line{color:var(--gray-700);margin:0;font-size:12px}.od-address-kodepos{color:var(--gray-500);margin-top:2px;font-size:11px}.od-shipping-row{color:var(--gray-700);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.od-shipping-row span:first-child{color:var(--gray-500)}.od-resi-wrap{align-items:center;gap:6px;font-weight:700;display:flex}.od-bukti-wrap img{border-radius:10px;width:100%}.pgb-dash-card{border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#0ea5e9 0%,#0369a1 100%);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.pgb-dash-card--qualified{background:linear-gradient(135deg,#15803d 0%,#14532d 100%)}.pgb-dash-icon{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pgb-dash-body{flex:1;min-width:0}.pgb-dash-title{color:#fff;margin:0;font-size:13px;font-weight:700}.pgb-dash-sub{color:#ffffffd9;margin:2px 0 0;font-size:11px}.pgb-dash-arrow{color:#ffffffb3;flex-shrink:0}.pgb-info-banner{background:var(--blue-100);border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.pgb-info-banner svg{color:var(--blue-700);flex-shrink:0;margin-top:1px}.pgb-info-banner p{color:var(--blue-700);margin:0;font-size:11px;line-height:1.5}.pgb-info-banner.is-warning{background:#fef2f2}.pgb-info-banner.is-warning svg,.pgb-info-banner.is-warning p{color:#dc2626}.pgb-potensi-banner{background:var(--gold-400);color:var(--blue-900);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.pgb-potensi-banner b{font-size:15px}.pgb-potensi-chip{color:var(--gold-500);margin-top:4px;font-size:10px;font-weight:700}.pgb-kaki-badge{background:var(--gray-100);width:34px;height:34px;color:var(--gray-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.pgb-kaki-badge.is-utama{background:var(--gold-400);color:var(--blue-900)}.pgb-bar-track{background:var(--gray-100);border-radius:999px;width:100%;height:5px;margin-top:6px;overflow:hidden}.pgb-bar-fill{background:var(--blue-500);border-radius:999px;height:100%}.pgb-bar-fill.is-utama{background:var(--gold-400)}.pgb-index-note{color:var(--gold-500);margin:2px 0 0;font-size:10px;font-weight:600}.pgb-status-label{color:var(--gray-500);margin:2px 0 0;font-size:10px}.pktpg-nav-row{align-items:flex-start;margin-bottom:4px;padding:2px 2px 16px;display:flex}.pktpg-nav-line{background:var(--gray-200);flex:1;height:2px;margin:22px 4px 0}.pktpg-nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:6px;min-width:60px;padding:2px;font-family:inherit;display:flex}.pktpg-nav-circle{background:var(--gray-500);width:44px;height:44px;color:var(--white);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.pktpg-nav-item.is-active .pktpg-nav-circle{background:var(--white);border-color:var(--blue-700);box-shadow:0 2px 6px #14487f2e}.pktpg-nav-logo{object-fit:contain;width:26px;height:26px}.pktpg-nav-logo.is-white{filter:brightness(0)invert()}.pktpg-nav-logo.is-color{filter:none}.pktpg-nav-label{color:var(--gray-500);white-space:nowrap;font-size:10px;font-weight:700}.pktpg-nav-item.is-active .pktpg-nav-label{color:var(--blue-700)}.pktpg-card{margin-bottom:0}.pktpg-card-head{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.pktpg-card-logo{border-radius:var(--radius-md);background:var(--gray-100);width:104px;height:104px;color:var(--blue-700);flex-shrink:0;justify-content:center;align-items:center;margin-bottom:6px;display:flex;overflow:hidden}.pktpg-card-logo img{object-fit:contain;width:100%;height:100%;padding:6px}.pktpg-card-nama{color:var(--gray-900);margin:0;font-size:17px;font-weight:800}.pktpg-card-harga{color:var(--blue-700);margin:2px 0 0;font-size:13px;font-weight:700}.pktpg-benefit-list{flex-direction:column;gap:14px;margin-top:18px;display:flex;position:relative}.pktpg-benefit-item{align-items:flex-start;gap:10px;display:flex}.pktpg-benefit-icon{background:var(--blue-100);width:30px;height:30px;color:var(--blue-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pktpg-benefit-title{color:var(--gray-900);margin:0;font-size:12.5px;font-weight:700}.pktpg-benefit-desc{color:var(--gray-500);margin:2px 0 0;font-size:11.5px}.pktpg-benefit-desc-muted{color:var(--gray-300)}.pktpg-card-btn{border-radius:var(--radius-md);background:var(--blue-700);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:12px;font-size:13px;font-weight:800;display:flex}