:root{--background:snow;--foreground:#1c1717;--muted:#766969;--panel:#fff;--accent:#ef273a;--accent-dark:#b51022;--soft-red:#fff0f2;--line:#f2d6d9}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:hidden}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}[hidden]{display:none!important}main,.page-transition{min-height:100svh}.page-transition{animation:.52s cubic-bezier(.2,.8,.2,1) both routeEnter}@keyframes routeEnter{0%{opacity:0}to{opacity:1}}.site-header{display:none}.brand{font-size:1.15rem;font-weight:700}.nav-links{gap:18px;display:flex}.nav-links a{color:var(--muted);font-size:.95rem;font-weight:600}.home-page{background:linear-gradient(#fff 0%,#fff6f7 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(26px,6vw,72px) clamp(20px,5vw,48px);display:flex;position:relative;overflow-x:hidden}.home-page:before,.home-page:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#7994a561 1px,#0000 1px);background-size:10px 10px;width:min(76vw,760px);height:min(62vh,620px);position:absolute}.home-page:before{top:0;left:0;-webkit-mask-image:radial-gradient(circle at 0 0,#000 0%,#000000b8 32%,#0000 76%);mask-image:radial-gradient(circle at 0 0,#000 0%,#000000b8 32%,#0000 76%)}.home-page:after{bottom:0;right:0;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 0%,#0000009e 34%,#0000 78%);mask-image:radial-gradient(circle at 100% 100%,#000 0%,#0000009e 34%,#0000 78%)}.home-container{z-index:1;flex-direction:column;width:min(100%,680px);min-width:0;max-width:680px;margin:0 auto;display:flex;position:relative}.powered-text{color:#514343b8;text-align:right;z-index:2;align-self:center;width:min(100%,680px);margin:auto 0 0;padding-top:22px;font-size:.78rem;font-weight:700;line-height:1.4}.powered-link{color:var(--accent);transition:color .16s,transform .16s}.powered-link:hover{color:var(--accent-dark);display:inline-block;transform:translateY(-1px)}.login-page{justify-content:flex-start;padding-left:22px;padding-right:22px}.login-container{z-index:2;width:min(100%,430px);max-width:430px;margin:0 auto;position:relative}.login-topbar{z-index:20;justify-content:space-between;align-items:center;margin-bottom:0;padding:18px clamp(14px,4vw,24px) 0;display:flex;position:fixed;top:0;left:0;right:0}.login-back-button{-webkit-tap-highlight-color:transparent;color:#fff;background:#111;border:0;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;transition:box-shadow .16s,transform .16s;display:flex;box-shadow:0 10px 26px #11111124}.login-back-button:active{transform:scale(.92);box-shadow:0 7px 18px #11111138}.login-back-button svg{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:19px;height:19px}.login-logo{width:220px;max-width:min(220px,58vw);height:auto}.login-watermark{filter:drop-shadow(0 18px 28px #ef273a1f);object-fit:contain;opacity:.16;pointer-events:none;z-index:0;width:clamp(180px,34vw,260px);height:clamp(180px,34vw,260px);position:fixed;bottom:28px;right:-48px;transform:rotate(-10deg)}.dashboard-login-page{justify-content:center;height:100svh;min-height:100svh;max-height:100svh;padding:0 22px;overflow:hidden}main:has(.dashboard-login-page){height:100svh;min-height:100svh;max-height:100svh;overflow:hidden}.page-transition:has(.dashboard-login-page){height:100svh;min-height:100svh;max-height:100svh;overflow:hidden}.dashboard-login-page .login-container{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}.dashboard-login-page .login-topbar{justify-content:center;width:100%;margin-bottom:28px;padding:24px clamp(14px,4vw,24px) 0;position:fixed;top:0}.dashboard-login-page .login-logo{width:238px;max-width:min(238px,68vw)}.dashboard-login-page .auth-panel{width:min(100%,430px);margin-top:0}.dashboard-login-page .auth-copy,.dashboard-login-page .login-form{text-align:left}.dashboard-login-page .powered-text{width:min(100% - 44px,680px);margin:0;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.login-success-page{height:100svh;min-height:100svh;max-height:100svh;padding:0 22px;overflow:hidden}main:has(.login-success-page){height:100svh;min-height:100svh;max-height:100svh;overflow:hidden}.page-transition:has(.login-success-page){height:100svh;min-height:100svh;max-height:100svh;overflow:hidden}.login-success-page .login-container{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}.login-success-page .login-topbar{justify-content:center;padding:24px clamp(14px,4vw,24px) 0}.login-success-panel{text-align:center;place-items:center;width:min(100%,430px);display:grid}.login-success-icon{color:#23b26d;border:3px solid #23b26d;border-radius:999px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:18px;display:flex}.login-success-icon svg{width:32px;height:32px}.login-success-panel p{color:#625557;margin:0 0 6px;font-size:1rem}.login-success-panel h1{color:#191112;letter-spacing:0;margin:0;font-size:clamp(2.1rem,7vw,3.4rem);line-height:1.06}.login-success-panel>span:not(.login-success-icon){color:#5e5153;margin:14px 0 26px;line-height:1.5;display:block}.login-success-button{width:min(100%,360px);display:flex}.login-success-page .powered-text{width:min(100% - 44px,680px);margin:0;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.login-copy{margin-bottom:28px}.auth-panel{margin-top:92px;position:relative}.auth-tab-input{display:none}.auth-tabs{background:#fff;border:1px solid #f2d6d9f2;border-radius:999px;grid-template-columns:1fr 1fr;max-width:236px;margin:0 auto 28px;padding:5px;display:grid;position:relative;box-shadow:0 12px 28px #1f141814}.auth-tabs:before{content:"";z-index:0;background:linear-gradient(135deg,#ff2748 0%,#ff7f93 100%);border-radius:999px;width:calc(50% - 5px);transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .18s;position:absolute;inset:5px auto 5px 5px;transform:translate(0);box-shadow:0 8px 18px #ef273a2e}.auth-tabs label{-webkit-tap-highlight-color:transparent;color:#6b5d5f;cursor:pointer;text-align:center;z-index:1;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:900;transition:color .18s;position:relative}#login-tab:checked~.auth-tabs label[for=login-tab],#register-tab:checked~.auth-tabs label[for=register-tab]{color:#fff}#register-tab:checked~.auth-tabs:before{transform:translate(100%)}.auth-tabs+.login-copy-panel:before,.auth-tabs+.login-copy-panel+.register-copy-panel:before{content:"";background:linear-gradient(90deg,#0000 0%,#ef273a2e 14%,#ef273a6b 42%,#ff9d0057 62%,#7c3cff33 86%,#0000 100%);border-radius:999px;width:min(380px,96vw);height:2px;margin:0 auto 22px;display:block}.auth-copy,.login-form-panel,.register-form-panel{animation:.36s both fadeUp}.login-copy p,.login-copy span{color:#514343;font-size:1rem;line-height:1.35;display:block}.login-copy p{font-size:1.18rem}.login-copy h1{color:#191112;margin:2px 0 8px;font-size:clamp(2rem,7vw,3rem);line-height:1.05}.login-form{gap:16px;display:grid}.login-field{gap:8px;display:grid}.login-field>span{color:#191112;font-size:.86rem;font-weight:900}.login-input-wrap{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#ff2748,#ff7f93) border-box;border:2px solid #0000;border-radius:26px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:0 18px;display:grid;box-shadow:0 14px 30px #ef273a14}.password-input-wrap{grid-template-columns:18px minmax(0,1fr) 34px;padding-right:10px}.password-field{display:block}.password-toggle-checkbox{display:none}.login-input-wrap svg{color:var(--accent);width:15px;height:15px}.login-input-wrap input{color:#191112;font:inherit;z-index:1;border:0;outline:0;width:100%;min-width:0;position:relative}.login-input-wrap input::placeholder{color:#51434380}.password-toggle-button{-webkit-tap-highlight-color:transparent;color:#6b5d5f;cursor:pointer;z-index:2;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .16s,color .16s,transform .16s;display:flex;position:relative}.password-text-input{-webkit-text-security:disc}.password-toggle-checkbox:checked+.password-input-wrap .password-text-input{-webkit-text-security:none}.password-eye-hide,.password-toggle-checkbox:checked+.password-input-wrap .password-eye-show{display:none}.password-toggle-checkbox:checked+.password-input-wrap .password-eye-hide{display:block}.password-toggle-button:active{background:var(--soft-red);color:var(--accent);transform:scale(.92)}.password-toggle-button svg{width:16px;height:16px}.login-submit-button{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font:inherit;background:linear-gradient(135deg,#ff3450 0%,#e9112b 100%);border:0;border-radius:999px;justify-content:center;align-items:center;min-height:58px;font-size:1.05rem;font-weight:900;transition:box-shadow .16s,transform .16s;display:flex;box-shadow:0 16px 32px #e9112b38}.login-submit-button:active{transform:scale(.97);box-shadow:0 10px 22px #e9112b33}.login-submit-button:disabled{cursor:wait;opacity:.78}.auth-panel.is-auth-loading .login-form{opacity:.84;transition:opacity .18s,transform .18s;transform:translateY(2px)}.auth-panel.is-auth-loading .login-submit-button{gap:10px}.auth-panel.is-auth-loading .login-submit-button:before{content:"";border:2px solid #ffffff75;border-top-color:#fff;border-radius:999px;width:16px;height:16px;animation:.78s linear infinite referralButtonSpin}@keyframes referralButtonSpin{to{transform:rotate(360deg)}}.login-error{color:#ef233c;text-align:center;margin:-4px 0 0;font-size:.9rem;font-weight:800;line-height:1.4}.register-otp-note{color:#514343;text-align:center;margin:0;font-size:.94rem;font-weight:800;line-height:1.45}.register-otp-timer{color:var(--accent);text-align:center;margin:-8px 0 0;font-size:.88rem;font-weight:900}.otp-digit-group{border:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.otp-digit-input{appearance:none;color:#191112;font:inherit;text-align:center;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#ff2748,#ff7f93) border-box;border:2px solid #0000;border-radius:14px;outline:0;min-width:0;height:54px;font-size:clamp(1.1rem,5vw,1.35rem);font-weight:900;transition:box-shadow .16s,transform .16s;box-shadow:0 12px 24px #ef273a14}.otp-digit-input:focus{box-shadow:0 0 0 4px #ef273a21,0 12px 24px #ef273a14}.register-otp-panel{animation:.36s both fadeUp}.login-form:after{content:"";background:linear-gradient(90deg,#0000 0%,#ef273a29 12%,#ef273a61 42%,#ff9d004d 64%,#7c3cff2e 88%,#0000 100%);border-radius:999px;width:min(380px,96vw);height:2px;margin:10px auto 0;display:block}.auth-panel .auth-copy,.auth-panel .login-form-panel,.auth-panel .register-form-panel{display:none}.referral-register-panel .register-form-panel,.referral-register-panel .referral-register-copy,.referral-register-panel .register-form-panel{display:grid}.referral-register-panel{padding-top:14px}.referral-register-copy{text-align:center;justify-items:center}.referral-center-logo{object-fit:cover;border-radius:14px;width:72px;height:72px;margin-bottom:12px}.referral-missing-state{margin-top:28px}#login-tab:checked~.login-copy-panel,#register-tab:checked~.register-copy-panel{display:block}#login-tab:checked~.login-form-panel,#register-tab:checked~.register-form-panel{display:grid}.dashboard-page{background:linear-gradient(#fff 0%,#fff6f7 100%);min-height:100svh;padding:clamp(18px,4vw,32px)}.dashboard-shell{z-index:1;max-width:960px;margin:0 auto;position:relative}.dashboard-topbar{justify-content:space-between;align-items:center;margin-bottom:clamp(44px,8vw,82px);display:flex}.dashboard-topbar span{color:#191112;font-size:1.1rem;font-weight:900}.dashboard-hero{margin-bottom:28px}.dashboard-hero p{color:var(--accent);font-size:.9rem;font-weight:900;line-height:1.2}.dashboard-hero h1{color:#191112;margin:8px 0 12px;font-size:clamp(2rem,6vw,4rem);line-height:1}.dashboard-hero span{color:#514343;font-size:1.04rem;line-height:1.5}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-card{background:#fff;border:1px solid #f2d6d9f2;border-radius:10px;gap:12px;min-height:130px;padding:20px;display:grid;box-shadow:0 14px 34px #1f14180f}.dashboard-link-card{color:inherit;text-decoration:none}.dashboard-card span{color:#6b5d5f;font-size:.9rem;font-weight:800}.dashboard-card strong{color:#191112;font-size:2rem;line-height:1}.dashboard-card p{color:#6b5d5f;margin:0;font-size:.92rem;font-weight:700;line-height:1.45}.admin-page{--admin-sidebar-width:260px;--admin-sidebar-inner-width:224px;--admin-sidebar-gap:14px;--admin-collapse-button-offset:-30px;color:#111827;grid-template-columns:calc(var(--admin-sidebar-width) + var(--admin-sidebar-gap)) minmax(0, 1fr);background:#f7f8fb;height:100svh;min-height:100svh;transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.admin-page:has(.admin-sidebar-toggle:checked){--admin-sidebar-width:92px;--admin-sidebar-inner-width:60px}.admin-sidebar-toggle,.admin-mobile-toggle{display:none}.admin-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#111827;height:calc(100svh - (var(--admin-sidebar-gap) * 2));margin:var(--admin-sidebar-gap) 0 var(--admin-sidebar-gap) var(--admin-sidebar-gap);min-height:0;top:var(--admin-sidebar-gap);width:var(--admin-sidebar-width);z-index:40;background:#ffffffc2;border:1px solid #e2e8f0d1;border-radius:22px;flex-direction:column;gap:28px;padding:22px 18px;transition:padding .32s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:sticky;box-shadow:0 18px 46px #0f172a14}.admin-sidebar-head{width:var(--admin-sidebar-inner-width);justify-content:space-between;align-items:center;gap:10px;transition:width .32s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.admin-brand{color:#111827;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.admin-brand img{object-fit:cover;border-radius:6px;width:38px;height:38px}.admin-brand strong{white-space:nowrap;max-width:150px;font-size:1rem;transition:max-width .28s cubic-bezier(.22,1,.36,1),opacity .18s,transform .28s cubic-bezier(.22,1,.36,1);overflow:hidden}.admin-sidebar-collapse{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;pointer-events:auto;height:36px;right:var(--admin-collapse-button-offset);z-index:80;background:#111827;border:1px solid #111827;border-radius:999px;justify-content:center;align-items:center;width:36px;font-size:.82rem;font-weight:900;line-height:1;transition:background .16s,color .16s,transform .16s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.admin-sidebar-collapse:hover{color:#fff;background:#0f172a;transform:translateY(-50%)translate(-1px)scale(1.07);box-shadow:0 12px 26px #0f172a2e}.admin-sidebar-collapse:active{transform:translateY(-50%)translate(-1px)scale(.92);box-shadow:0 7px 18px #0f172a38}.admin-collapse-closed{display:none}.admin-sidebar-collapse svg{width:13px;height:13px}.admin-nav{width:var(--admin-sidebar-inner-width);gap:6px;transition:width .32s cubic-bezier(.22,1,.36,1);display:grid}.admin-nav a{color:#475569;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:11px 12px;font-size:.94rem;font-weight:750;text-decoration:none;transition:background .16s,color .16s,padding .32s cubic-bezier(.22,1,.36,1),gap .32s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.admin-nav-group{gap:6px;display:grid;position:relative}.admin-nav-group[open]:after{content:"";opacity:.5;background:linear-gradient(#ef233c 0%,#7c3cff 100%);border-radius:0;width:3px;position:absolute;top:54px;bottom:0;left:20px}.admin-nav-group summary{-webkit-tap-highlight-color:transparent;color:#475569;cursor:pointer;border-radius:14px;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:10px;min-height:42px;padding:11px 12px;font-size:.94rem;font-weight:750;list-style:none;transition:background .16s,color .16s,padding .32s cubic-bezier(.22,1,.36,1),gap .32s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.admin-nav-group summary::-webkit-details-marker{display:none}.admin-nav a:hover,.admin-nav-group summary:hover{color:#9f1239;background:linear-gradient(135deg,#fb718524,#e11d481a);border:1px solid #fb718557;box-shadow:0 12px 24px #e11d4814}.admin-nav a.is-active,.admin-nav-group[open] summary,.admin-nav-group.is-active summary{color:#fff;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);border:1px solid #0000;box-shadow:0 14px 28px #e11d4824,inset 0 1px #ffffff47}.admin-nav-icon{color:#111827;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:900;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:flex;box-shadow:inset 0 1px #ffffffdb}.admin-nav-icon svg{width:14px;height:14px}.admin-nav a:hover .admin-nav-icon,.admin-nav-group summary:hover .admin-nav-icon{color:#fff;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);border-color:#0000;box-shadow:0 10px 20px #e11d481f}.admin-nav a.is-active .admin-nav-icon,.admin-nav-group[open] summary .admin-nav-icon,.admin-nav-group.is-active summary .admin-nav-icon{color:#e11d48;background:#fff;border-color:#ffffffbd;box-shadow:0 10px 20px #0f172a1f}.admin-nav-caret{width:11px;height:11px;transition:transform .16s}.admin-nav-group[open] .admin-nav-caret{transform:rotate(90deg)}.admin-nav-group[open] summary,.admin-nav-group.is-active summary{position:relative}.admin-nav-group[open] summary:before,.admin-nav-group.is-active summary:before{border-radius:inherit;content:"";filter:blur(14px);opacity:.7;z-index:-1;background:linear-gradient(135deg,#ef233c47,#7c3cff47);position:absolute;inset:5px}.admin-subnav-link{z-index:1;border:0;border-radius:12px;grid-template-columns:26px minmax(0,1fr);gap:8px;width:calc(100% - 20px);min-height:42px;margin-left:20px;padding:8px 10px 8px 14px;font-size:.88rem;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;position:relative}.admin-subnav-link:before{display:none}.admin-subnav-icon{color:#111827;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:flex}.admin-subnav-icon svg{width:11px;height:11px}.admin-subnav-link:hover,.admin-subnav-link.is-active{box-shadow:none;color:#9f1239;background:linear-gradient(135deg,#fb718524,#e11d481a);border:0;transform:none}.admin-subnav-link.is-active{box-shadow:none;color:#9f1239;background:linear-gradient(135deg,#fb718524,#e11d481a)}.admin-nav .admin-subnav-link.is-active .admin-nav-text{color:#9f1239}.admin-nav .admin-subnav-link:hover,.admin-nav .admin-subnav-link.is-active{box-shadow:none;background:linear-gradient(135deg,#fb71851f,#e11d4814);border:0;border-radius:0 14px 14px 0}.admin-nav .admin-subnav-link.is-active{box-shadow:none;background:linear-gradient(135deg,#fb71851f,#e11d4814)}.admin-subnav-link .admin-nav-text{text-overflow:clip;max-width:none;overflow:visible}.admin-subnav-link:after{display:none}.admin-subnav-link:hover .admin-subnav-icon,.admin-subnav-link.is-active .admin-subnav-icon{color:#e11d48;background:#fff1f2;border-color:#0000;transform:translateY(-1px);box-shadow:0 8px 16px #e11d481a}.admin-subnav-link.is-active .admin-subnav-icon{color:#fff;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);border-color:#0000;box-shadow:0 8px 16px #e11d481f}.admin-nav-text{text-overflow:ellipsis;white-space:nowrap;max-width:140px;transition:max-width .28s cubic-bezier(.22,1,.36,1),opacity .18s,transform .28s cubic-bezier(.22,1,.36,1);overflow:hidden}.admin-main{z-index:1;grid-template-rows:minmax(0,1fr);min-width:0;max-height:100svh;display:grid;position:relative;overflow:auto}.admin-main:before{content:"";opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='280' height='260' viewBox='0 0 280 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23ef233c' stroke-width='3' opacity='.45'%3E%3Cpath d='M36 54c18-18 48-18 66 0'/%3E%3Cpath d='M49 69c11-10 29-10 40 0'/%3E%3Ccircle cx='69' cy='88' r='4' fill='%23ef233c' stroke='none'/%3E%3Cpath d='M205 44h20l-14 24h18l-31 39 10-30h-17z'/%3E%3C/g%3E%3Cg stroke='%237c3cff' stroke-width='3' opacity='.45'%3E%3Ccircle cx='76' cy='182' r='15'/%3E%3Ccircle cx='152' cy='162' r='13'/%3E%3Ccircle cx='166' cy='215' r='16'/%3E%3Cpath d='M91 178l48-13M89 193l63 16'/%3E%3Cpath d='M222 160v30M207 175h30'/%3E%3Cpath d='M214 205h28M228 191v28' opacity='.5'/%3E%3C/g%3E%3Cg stroke='%230f172a' stroke-width='2.5' opacity='.22'%3E%3Crect x='121' y='39' width='44' height='31' rx='8'/%3E%3Cpath d='M133 70l-9 12h26'/%3E%3Cpath d='M42 128h52M42 142h34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),radial-gradient(circle at 24px 24px,#7c3cff2e 1.4px,#0000 1.8px);background-position:10px 8px,0 0;background-repeat:repeat,repeat;background-size:280px 260px,48px 48px;position:absolute;inset:0}.admin-content{z-index:1;min-width:0;position:relative}.admin-page-title{align-items:center;margin-bottom:24px;display:block}.admin-page-title span,.admin-empty-state span{color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:850}.admin-page-title h1{color:#111827;margin:4px 0 0;font-size:clamp(1.65rem,4vw,2.4rem);line-height:1.2}.admin-account{width:var(--admin-sidebar-inner-width);z-index:35;margin-top:auto;transition:width .32s cubic-bezier(.22,1,.36,1);position:relative}.admin-account-toggle{display:none}.admin-account-button{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;z-index:36;background:#ffffffa8;border:1px solid #e2e8f0d1;border-radius:8px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:60px;padding:9px;transition:border-color .16s,box-shadow .16s,gap .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),transform .16s;display:grid;position:relative;box-shadow:0 12px 28px #0f172a0f}.admin-account-toggle:checked+.admin-account-button{border-color:#fecdd3;box-shadow:0 14px 34px #d9162b1f}.admin-account-avatar{color:#fff;text-transform:uppercase;background:#111827;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.82rem;font-weight:900;display:flex}.admin-account-copy{gap:2px;min-width:0;max-width:130px;transition:max-width .28s cubic-bezier(.22,1,.36,1),opacity .18s,transform .28s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.admin-account-copy span{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:850}.admin-account-copy strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;line-height:1.2;overflow:hidden}.admin-account-caret{color:#94a3b8;width:11px;height:11px;transition:transform .16s}.admin-account-toggle:checked+.admin-account-button .admin-account-caret{transform:rotate(-90deg)}.admin-account-scrim{cursor:default;z-index:34;display:none;position:fixed;inset:0}.admin-account-toggle:checked~.admin-account-scrim{display:block}.admin-account-dropdown{z-index:37;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:min(240px,100vw - 32px);padding:8px;display:none;position:absolute;bottom:calc(100% + 10px);left:0;right:0;box-shadow:0 18px 44px #0f172a24}.admin-account-toggle:checked~.admin-account-dropdown{gap:4px;display:grid}.admin-account-dropdown a{color:#111827;border-radius:6px;align-items:center;gap:10px;padding:10px 11px;font-size:.9rem;font-weight:850;text-decoration:none;display:flex}.admin-account-dropdown svg{width:14px;height:14px}.admin-account-dropdown a:hover{background:#f8fafc}.admin-account-dropdown .admin-account-logout{color:#e9112b}.admin-page:has(.admin-sidebar-toggle:checked) .admin-sidebar{align-items:center;padding-left:16px;padding-right:16px}.admin-page:has(.admin-sidebar-toggle:checked) .admin-brand strong{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-text{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-caret{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-copy{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-caret{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-sidebar-head{flex-direction:column;align-items:center;gap:14px;width:60px}.admin-page:has(.admin-sidebar-toggle:checked) .admin-sidebar-collapse{order:1;width:38px;height:38px;position:static;transform:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-brand{justify-content:center;align-items:center}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a{justify-content:center;align-items:center}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group summary{justify-content:center;align-items:center}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-button{justify-content:center;align-items:center}.admin-page:has(.admin-sidebar-toggle:checked) .admin-brand{order:2;gap:0;width:38px;height:38px;padding:0;display:flex;position:relative}.admin-page:has(.admin-sidebar-toggle:checked) .admin-brand strong{display:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-brand img{width:38px;height:38px}.admin-page:has(.admin-sidebar-toggle:checked) .admin-brand:after{content:"";background:linear-gradient(90deg,#0000,#dbe5ef,#0000);width:46px;height:1px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a{box-shadow:none;color:#475569;background:0 0;gap:0;width:60px;height:54px;padding:6px;display:flex}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group{position:relative}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group:before{content:"";z-index:54;width:230px;height:92px;position:absolute;top:0;left:60px}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group-four:before{height:176px}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group summary{box-shadow:none;color:#475569;background:0 0;gap:0;width:60px;height:54px;padding:6px;display:flex}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group[open]:after{display:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav{margin-top:10px}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-icon{color:#111827;background:#f1f5f9;border-color:#e2e8f0;width:38px;height:38px;box-shadow:0 8px 18px #0f172a12,inset 0 1px #ffffffe6}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-icon svg{width:16px;height:16px}:is(.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a:hover,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a.is-active,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group summary:hover,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group[open] summary){box-shadow:none;color:#475569;background:0 0}:is(.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a:hover .admin-nav-icon,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a.is-active .admin-nav-icon,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group summary:hover .admin-nav-icon,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group[open] summary .admin-nav-icon,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group.is-active summary .admin-nav-icon){color:#fff;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);border-color:#0000;box-shadow:0 10px 20px #e11d4829}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a:not(.is-active):hover .admin-nav-icon{transform:translateY(-1px)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group summary:hover .admin-nav-icon{transform:translateY(-1px)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group .admin-subnav-link{color:#475569;z-index:70;background:#fff;border:1px solid #e5e7eb;justify-content:stretch;width:210px;min-width:210px;height:42px;margin-left:0;padding:8px 10px;display:none;position:absolute;left:calc(100% + 8px)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group[open] .admin-subnav-link{display:grid}.admin-page:has(.admin-sidebar-toggle:checked) .admin-subnav-link:first-of-type{border-radius:14px 14px 0 0;top:0;box-shadow:0 18px 42px #0f172a29}.admin-page:has(.admin-sidebar-toggle:checked) .admin-subnav-link:nth-of-type(2){border-radius:0 0 14px 14px;top:42px;box-shadow:0 18px 42px #0f172a29}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group-four .admin-subnav-link:nth-of-type(2){border-radius:0}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group-four .admin-subnav-link:nth-of-type(3){border-radius:0;top:84px;box-shadow:0 18px 42px #0f172a29}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group-four .admin-subnav-link:nth-of-type(4){border-radius:0 0 14px 14px;top:126px;box-shadow:0 18px 42px #0f172a29}:is(.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group .admin-subnav-link:hover,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group .admin-subnav-link.is-active){background:#fff;border-color:#e5e7eb;transform:none;box-shadow:0 18px 42px #0f172a29}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group .admin-subnav-link.is-active{color:#9f1239;background:#ffe4ec;border-color:#fecdd3}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group .admin-subnav-link.is-active .admin-nav-text{color:#9f1239}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group .admin-subnav-link.is-active .admin-subnav-icon{color:#fff;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);border-color:#0000}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group .admin-subnav-link:before{display:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group .admin-subnav-link:after{display:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-subnav-link .admin-nav-text{opacity:1;pointer-events:auto;max-width:140px;transform:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a:after{color:#fff;content:attr(data-label);opacity:0;pointer-events:none;white-space:nowrap;z-index:50;background:#111827;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:850;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 14px 28px #0f172a2e}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group summary:after{color:#fff;content:attr(data-label);opacity:0;pointer-events:none;white-space:nowrap;z-index:80;background:#111827;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:850;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 14px 28px #0f172a2e}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group summary:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-group[open] summary:after{opacity:0}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-button{box-shadow:none;background:0 0;border-color:#0000;gap:0;width:60px;height:60px;padding:0;display:flex}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-avatar{width:38px;height:38px}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-button:after{color:#fff;content:"Akun";opacity:0;pointer-events:none;white-space:nowrap;z-index:50;background:#111827;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:850;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 14px 28px #0f172a2e}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-button:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-dropdown{bottom:0;left:calc(100% + 12px);right:auto}.admin-page:has(.admin-sidebar-toggle:checked) .admin-collapse-open{display:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-collapse-closed{display:inline}.admin-page:has(.admin-sidebar-toggle:checked) .admin-sidebar-collapse:hover{transform:scale(1.07)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-sidebar-collapse:active{transform:scale(.92)}.admin-content{padding:clamp(20px,4vw,36px)}.admin-empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:clamp(260px,42vw,360px);padding:clamp(22px,4vw,34px);display:flex}.admin-empty-state h2{color:#111827;margin:8px 0 10px;font-size:clamp(1.32rem,4vw,1.6rem);line-height:1.2}.admin-empty-state p{color:#475569;max-width:560px;margin:0;font-size:.98rem;line-height:1.6}.setting-panel{gap:20px;min-width:0;display:grid}.setting-tabs{isolation:isolate;background:#e9edf3;border-radius:999px;align-items:center;width:fit-content;padding:6px;display:inline-flex;position:relative}.setting-tab-slider{z-index:0;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);border-radius:999px;height:calc(100% - 12px);transition:transform .24s cubic-bezier(.22,1,.36,1),width .24s cubic-bezier(.22,1,.36,1);position:absolute;top:6px;left:6px;box-shadow:0 10px 22px #e11d4829}.setting-tabs button{color:#667085;cursor:pointer;font:inherit;z-index:1;background:0 0;border:0;border-radius:999px;min-height:48px;padding:0 20px;font-size:1rem;font-weight:700;transition:background .18s,box-shadow .18s,color .18s,transform .18s;position:relative}.setting-tabs button:not(.is-active):hover{color:#9f1239;transform:translateY(-1px)}.setting-tabs button.is-active{box-shadow:none;color:#fff;background:0 0;transform:translateY(-1px)}.setting-tab-content{background:#ffffffd1;border:1px solid #e2e8f0e6;border-radius:18px;padding:22px;animation:.22s cubic-bezier(.22,1,.36,1) both settingTabIn}.setting-tax-content{min-width:0;animation:.22s cubic-bezier(.22,1,.36,1) both settingTabIn}@keyframes settingTabIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.setting-tab-content span{color:#64748b;text-transform:uppercase;font-size:.78rem;font-weight:850}.setting-tab-content h2{color:#111827;margin:6px 0 8px;font-size:1.35rem}.setting-tab-content p{color:#475569;margin:0;font-size:.98rem;line-height:1.6}.tax-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;gap:20px;padding:20px;display:grid;box-shadow:0 18px 42px #0f172a0f}.tax-setting-row{gap:10px;display:grid}.tax-setting-row label{color:#020617;font-size:1rem;font-weight:500}.tax-setting-control{grid-template-columns:minmax(0,1fr) 120px;gap:12px;display:grid}.tax-setting-control input{color:#020617;font:inherit;background:#f4f4f5;border:2px solid #e5e7eb;border-radius:14px;outline:0;min-height:58px;padding:0 18px;font-size:1rem;box-shadow:inset 0 1px 2px #0f172a0f}.tax-setting-control input:disabled{color:#020617;opacity:1}.tax-setting-control input:not(:disabled){background:#fff;border-color:#f59e0b}.tax-setting-control button{color:#fff;cursor:pointer;font:inherit;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:0;border-radius:14px;min-height:58px;font-size:1rem;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 12px 24px #f59e0b24}.tax-setting-control button:hover{background:linear-gradient(135deg,#facc15 0%,#f59e0b 100%);transform:translateY(-1px)}.tax-setting-control button.is-save{background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);box-shadow:0 12px 24px #e11d4829}.tax-setting-control button.is-save:hover{background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%)}.tax-setting-control button:disabled{cursor:wait;opacity:.72;transform:none}.tax-setting-message{color:#475569;margin:0;font-size:.92rem;font-weight:800}.laporan-panel{background:#ffffffdb;border:1px solid #e2e8f0f2;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:36px;display:grid;position:relative;box-shadow:0 18px 42px #0f172a0f}.laporan-date-field{cursor:pointer;background:#fff;border:3px solid #e5e7eb;border-radius:18px;gap:4px;min-height:84px;padding:14px 18px;display:grid;box-shadow:0 3px 7px #0f172a14}.laporan-date-field span,.laporan-select small{color:#4b5563;font-size:1.05rem;font-weight:500;line-height:1.1}.laporan-date-field input{appearance:none;color:#020617;font:inherit;background:0 0;border:0;outline:0;width:100%;font-size:1.35rem;line-height:1.2}.laporan-select{z-index:20;position:relative}.laporan-select>button{color:#020617;cursor:pointer;font:inherit;text-align:left;background:#fff;border:3px solid #e5e7eb;border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:84px;padding:14px 18px;display:flex;box-shadow:0 3px 7px #0f172a14}.laporan-select strong{color:#020617;margin-top:4px;font-size:1.35rem;font-weight:500;line-height:1.2;display:block}.laporan-select>button svg{color:#111827;width:16px;height:16px}.laporan-select.is-open>button svg{transform:rotate(180deg)}.laporan-options{background:#fff;border:1px solid #e5e7eb;border-radius:18px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 42px #0f172a1f}.laporan-options button{color:#020617;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;padding:0 12px;font-size:1.2rem;display:flex}.laporan-options button.is-selected{background:#d4d4d8}.laporan-options button svg{width:16px;height:16px}.laporan-download-button{color:#fff;cursor:pointer;font:inherit;background:#f31261;border:0;border-radius:16px;justify-content:center;align-self:center;align-items:center;gap:16px;min-height:60px;padding:0 24px;font-size:1.22rem;font-weight:500;display:inline-flex}.laporan-download-button:disabled{cursor:wait;opacity:.72}.laporan-download-button svg{width:22px;height:22px}.dashboard-filter-panel{z-index:80;grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) minmax(230px,1.1fr) minmax(120px,136px);align-items:center;gap:16px;padding:0;display:grid;position:relative}.dashboard-date-field{min-height:70px;padding:10px 16px}.dashboard-date-field span{font-size:.95rem}.dashboard-date-field input{font-size:1.12rem}.dashboard-cluster-select{min-width:0}.dashboard-cluster-select>button{min-height:70px;padding:10px 16px}.dashboard-cluster-select small{font-size:.95rem}.dashboard-cluster-select strong{font-size:1.12rem}.dashboard-filter-button{align-self:center;width:136px;height:58px;min-height:58px}.dashboard-filter-button:disabled{cursor:wait;opacity:.72}.dashboard-filter-button svg{width:17px;height:17px}.dashboard-voucher-section{z-index:10;gap:20px;margin-top:28px;display:grid;position:relative}.dashboard-voucher-header{align-items:center;display:block}.dashboard-voucher-header h2{color:#111827;margin:0;font-size:clamp(1.45rem,3vw,1.9rem);line-height:1.1}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.dashboard-kpi-card{border:1px solid #0000;border-radius:18px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;min-height:128px;padding:24px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f172a14}.dashboard-kpi-card:before{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.dashboard-kpi-card:after{content:"";background:radial-gradient(circle,#ffffffb3,#0000 64%);width:140px;height:140px;position:absolute;top:-58px;right:-50px}.dashboard-kpi-card-blue{--kpi-loading-glow:#6366f129;--kpi-loading-line:#6366f12e;--kpi-loading-width:72px;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#c7d2fe}.dashboard-kpi-card-blue:before{box-shadow:inset 4px 0 #6366f1}.dashboard-kpi-card-orange{--kpi-loading-glow:#f9731629;--kpi-loading-line:#f973162e;--kpi-loading-width:150px;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border-color:#fed7aa}.dashboard-kpi-card-orange:before{box-shadow:inset 4px 0 #f97316}.dashboard-kpi-card-green{background:linear-gradient(135deg,#ecfdf5 0%,#dcfce7 100%);border-color:#86efac}.dashboard-kpi-card-green:before{box-shadow:inset 4px 0 #22c55e}.dashboard-kpi-card-amber{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fcd34d}.dashboard-kpi-card-amber:before{box-shadow:inset 4px 0 #f59e0b}.dashboard-kpi-card-teal{background:linear-gradient(135deg,#ecfeff 0%,#ccfbf1 100%);border-color:#5eead4}.dashboard-kpi-card-teal:before{box-shadow:inset 4px 0 #14b8a6}.dashboard-kpi-card-purple{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);border-color:#d8b4fe}.dashboard-kpi-card-purple:before{box-shadow:inset 4px 0 #a855f7}.dashboard-kpi-icon{color:#fff;z-index:1;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 24px #0f172a21}.dashboard-kpi-icon:after{content:"";background:#ffffff38;border-radius:999px;width:38px;height:38px;position:absolute;top:-14px;right:-16px}.dashboard-kpi-card-blue .dashboard-kpi-icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}.dashboard-kpi-card-orange .dashboard-kpi-icon{background:linear-gradient(135deg,#fb923c,#f97316)}.dashboard-kpi-card-green .dashboard-kpi-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.dashboard-kpi-card-amber .dashboard-kpi-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.dashboard-kpi-card-teal .dashboard-kpi-icon{background:linear-gradient(135deg,#14b8a6,#0d9488)}.dashboard-kpi-card-purple .dashboard-kpi-icon{background:linear-gradient(135deg,#a855f7,#9333ea)}.dashboard-kpi-icon svg{color:#fff;z-index:1;width:26px;height:26px;position:relative}.dashboard-kpi-card div{z-index:1;min-width:0;position:relative}.dashboard-kpi-card>div>span{font-size:1.08rem;font-weight:750;line-height:1.2;display:block}.dashboard-kpi-card-blue span,.dashboard-kpi-card-blue strong{color:#3730a3}.dashboard-kpi-card-orange span,.dashboard-kpi-card-orange strong{color:#7c2d12}.dashboard-kpi-card-green span,.dashboard-kpi-card-green strong{color:#166534}.dashboard-kpi-card-amber span,.dashboard-kpi-card-amber strong{color:#78350f}.dashboard-kpi-card-teal span,.dashboard-kpi-card-teal strong{color:#115e59}.dashboard-kpi-card-purple span,.dashboard-kpi-card-purple strong{color:#6b21a8}.dashboard-kpi-card strong{letter-spacing:0;overflow-wrap:anywhere;margin-top:6px;font-size:clamp(1.85rem,4vw,2.25rem);font-weight:900;line-height:1.05;display:block}.dashboard-kpi-card.is-loading{overflow:hidden}.dashboard-kpi-card.is-loading:after{display:none}.dashboard-kpi-card.is-loading strong{background:linear-gradient(90deg, var(--kpi-loading-line,#0f172a1a), #ffffffd1);box-shadow:0 0 0 1px var(--kpi-loading-glow,#0f172a14);height:38px;max-width:var(--kpi-loading-width,92px);border-radius:8px;margin-top:8px;animation:.9s ease-in-out infinite alternate dashboardKpiPulse;display:block}@keyframes dashboardKpiPulse{0%{opacity:.58;transform-origin:0;transform:scaleX(.92)}to{opacity:1;transform-origin:0;transform:scaleX(1)}}.dashboard-chart-panel{gap:0;display:grid}.dashboard-period-select{z-index:25;min-width:210px}.dashboard-period-select>button{border-width:2px;min-height:44px;padding:8px 12px}.dashboard-period-select strong{margin:0;font-size:1rem}.dashboard-chart-card{background:#ffffffeb;border:3px solid #fecdd3;border-radius:18px;gap:18px;min-width:0;padding:22px;display:grid;box-shadow:0 14px 32px #0f172a0f}.dashboard-chart-head{grid-template-columns:minmax(0,210px) minmax(0,1fr) minmax(210px,210px);align-items:start;gap:16px;display:grid}.dashboard-chart-title{text-align:center;grid-column:2}.dashboard-chart-head .dashboard-period-select{grid-column:3;justify-self:end}.dashboard-chart-title h3{color:#be123c;margin:0;font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.2}.dashboard-pln-chart-title h3{color:#1d4ed8}.dashboard-chart-title span{color:#64748b;margin-top:6px;font-size:1rem;font-weight:600;display:block}.dashboard-chart-figure{min-height:300px;position:relative;overflow-x:auto}.dashboard-chart-loading{z-index:2;background:#ffffffc7;border:1px solid #fecdd3;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.dashboard-chart-loading span{background:0 0;border:2px solid #fecdd3;border-top-color:#e11d48;border-radius:999px;width:16px;height:16px;animation:.76s linear infinite dashboardChartSpin}.dashboard-chart-loading strong{color:#be123c;white-space:nowrap;font-size:.9rem;font-weight:850}@keyframes dashboardChartSpin{to{transform:rotate(360deg)}}.dashboard-chart-figure svg{width:100%;min-width:760px;display:block}.dashboard-chart-grid{stroke:#dbeafe;stroke-dasharray:4 4;stroke-width:1px}.dashboard-chart-axis{stroke:#94a3b8;stroke-width:1.4px}.dashboard-chart-area{fill:url(#dashboardVoucherArea)}.dashboard-chart-line{fill:none;stroke:#fb7185;stroke-width:3px}.dashboard-chart-point{fill:#e11d48;stroke:#fff;stroke-width:2px}.dashboard-chart-point-label{fill:#be123c;text-anchor:middle;font-size:15px;font-weight:900}.dashboard-pln-chart-card{border-color:#bfdbfe}.dashboard-pln-chart-line{stroke:#3b82f6}.dashboard-pln-chart-point{fill:#2563eb}.dashboard-pln-chart-point-label{fill:#1d4ed8}.dashboard-chart-tick,.dashboard-chart-axis-label{fill:#475569;font-size:13px;font-weight:700}.dashboard-chart-tick{text-anchor:middle}.dashboard-chart-axis-label{fill:#be123c;text-anchor:middle}.dashboard-pln-chart-card .dashboard-chart-axis-label{fill:#1d4ed8}@media (max-width:1180px){.dashboard-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-cluster-select{grid-column:1/-1}.dashboard-kpi-grid{grid-template-columns:1fr}}.master-setting{gap:16px;min-width:0;display:grid}.master-setting-toolbar{justify-content:space-between;align-items:end;gap:12px;display:flex}.master-setting-table{min-width:820px}.serial-number-table{min-width:1190px}.order-table{min-width:1160px}.paket-table{min-width:1200px}.paket-filter-bar{z-index:30;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:relative}.paket-filter-select .select2-trigger{border-radius:12px;min-height:72px;padding:10px 18px}.paket-filter-select .select2-trigger span{gap:2px;display:grid}.paket-filter-select .select2-trigger small{color:#6b7280;font-size:.86rem;font-weight:500;line-height:1}.paket-filter-select .select2-trigger strong{color:#111827;font-size:1.05rem;font-weight:500;line-height:1.1}.paket-filter-select.is-open .select2-trigger{border-color:#111827;box-shadow:0 0 0 1px #111827}.paket-filter-select .select2-options{border-radius:18px;max-height:360px;padding:10px}.paket-filter-select .select2-options button{border-radius:10px;min-height:48px;padding:0 14px;font-size:1rem}.paket-filter-select .select2-options button.is-selected{color:#111827;background:#d4d4d8;justify-content:space-between;display:flex}.paket-filter-select .select2-options button.is-selected:after{content:"✓"}@media (max-width:760px){.laporan-panel{grid-template-columns:1fr;padding:20px}.dashboard-filter-panel{grid-template-columns:1fr;padding:14px}.dashboard-cluster-select{grid-column:auto}.dashboard-voucher-section{gap:16px;margin-top:24px}.dashboard-voucher-header{display:block}.dashboard-kpi-card{grid-template-columns:58px minmax(0,1fr);min-height:112px;padding:18px}.dashboard-kpi-icon{border-radius:12px;width:58px;height:58px}.dashboard-kpi-icon svg{width:22px;height:22px}.dashboard-chart-panel{padding:0}.dashboard-period-select{justify-self:stretch;min-width:0}.dashboard-chart-card{padding:16px}.dashboard-chart-head{grid-template-columns:1fr}.dashboard-chart-title,.dashboard-chart-head .dashboard-period-select{grid-column:auto}.paket-filter-bar{scroll-snap-type:x proximity;gap:10px;margin-inline:-4px;padding:0 4px 8px;display:flex;overflow-x:auto}.paket-filter-select{scroll-snap-align:start;flex:0 0 240px}.paket-filter-select .select2-trigger{min-height:64px}.paket-filter-select .select2-trigger strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.paket-filter-select .select2-options{min-width:240px}}.paket-table td{color:#111827;font-size:1.05rem;line-height:1.45}.paket-table td:nth-child(2),.paket-table td:nth-child(3){white-space:normal;max-width:210px}.paket-stock-pill{cursor:pointer;font:inherit;background:#dbeafe;border:0;border-radius:999px;justify-content:center;min-width:96px;padding:7px 16px;font-weight:900;color:#006dee!important;display:inline-flex!important}.paket-stock-pill:not(.is-empty):not(.is-low){background:#dcfce7;color:#16a34a!important}.paket-stock-pill.is-empty{background:#fee2e2;color:#dc2626!important}.paket-stock-pill.is-low{background:#ffedd5;color:#ea580c!important}.paket-row-menu{position:relative}.paket-row-trigger{color:#64748b;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.paket-row-trigger svg{width:16px;height:16px}.paket-row-options{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:4px;min-width:230px;padding:18px 24px;display:grid;position:absolute;top:34px;right:20px;box-shadow:0 24px 54px #0f172a2e}.paket-row-menu.open-up .paket-row-options{top:auto;bottom:34px}.paket-row-options button{color:#006dee;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;min-height:42px;padding:0;font-size:1.05rem}.paket-row-options button:hover{color:#0f172a}.paket-row-options button:nth-child(3){color:#f59e0b}.paket-row-options .danger{color:#e91e63}.paket-modal{max-width:620px}.paket-form-grid,.paket-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.paket-detail-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:4px;padding:12px;display:grid}.paket-detail-grid span{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:850}.paket-detail-grid strong{color:#111827;overflow-wrap:anywhere}.paket-detail-desc{color:#475569;margin:0;line-height:1.5}.paket-stock-view{gap:28px;display:grid}.paket-stock-view h2{color:#111827;margin:0 0 12px;font-size:1.65rem;line-height:1.1}.paket-stock-view p{color:#111827;margin:0;font-size:.98rem}.paket-stock-summary{background:#f3f3f5;border-radius:10px;gap:5px;padding:26px;display:grid}.paket-stock-summary strong{color:#111827;text-transform:uppercase;font-size:1.35rem;line-height:1.25}.paket-stock-summary span{color:#747782;font-size:1.08rem}.paket-stock-summary.is-loading{position:relative;overflow:hidden}.paket-summary-skeleton{background:linear-gradient(90deg,#e5e7eb 0%,#f8fafc 46%,#e5e7eb 100%) 0 0/220% 100%;border-radius:8px;width:220px;max-width:100%;height:17px;animation:.98s ease-in-out infinite paketSummaryLoading;display:block}.paket-summary-skeleton.title{width:min(340px,72%);height:24px}.paket-summary-skeleton.short{width:136px}@keyframes paketSummaryLoading{0%{background-position:120% 0}to{background-position:-120% 0}}.paket-stock-search{max-width:none}.paket-stock-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.paket-stock-actions .paket-stock-action-menu{margin-left:auto}.paket-stock-actions .paket-back-button{border-radius:14px;height:52px;min-height:52px;padding-inline:24px}.paket-back-button{box-sizing:border-box;color:#fff;cursor:pointer;font:inherit;background:linear-gradient(135deg,#111827 0%,#020617 100%);border:1px solid #020617;align-items:center;gap:10px;font-size:.98rem;font-weight:800;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 10px 22px #0206172e}.paket-back-button:hover{color:#fff;border-color:#111827;transform:translateY(-1px);box-shadow:0 14px 28px #0206173d}.paket-back-button svg{border:1px solid;border-radius:50%;width:14px;height:14px;padding:2px}.paket-download-button{gap:10px}.paket-stock-action-menu{z-index:12;position:relative}.paket-stock-action-options{background:#fff;border:1px solid #fecdd3;border-radius:14px;gap:4px;min-width:210px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 38px #0f172a24}.paket-stock-action-options button{color:#111827;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-weight:800;transition:background .16s,color .16s;display:flex}.paket-stock-action-options button:hover{color:#e11d48;background:#fff1f2}.paket-stock-action-options svg{color:#fb4564;width:16px}.paket-modal .select2-options button{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.paket-upload-field{cursor:pointer;position:relative}.paket-upload-field input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.paket-upload-box{background:linear-gradient(135deg,#fff7f9 0%,#fff 100%);border:1.5px dashed #fb7185;border-radius:14px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:88px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.paket-upload-field:hover .paket-upload-box,.paket-upload-field:focus-within .paket-upload-box{border-color:#e11d48;transform:translateY(-1px);box-shadow:0 12px 28px #e11d481f}.paket-upload-icon{background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;color:#fff!important}.paket-upload-icon svg{width:20px;height:20px}.paket-upload-box strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;line-height:1.25;display:block;overflow:hidden}.paket-upload-box small{color:#64748b;margin-top:3px;font-size:.86rem;font-weight:800;display:block}.paket-import-review-modal{align-content:start;max-width:min(560px,100vw - 24px);max-height:calc(100svh - 28px);overflow:hidden}.paket-import-review-meta{color:#64748b;flex-wrap:wrap;gap:10px 18px;margin-bottom:14px;font-weight:800;display:flex}.paket-import-review-list{scrollbar-color:#fb7185 #f8fafc;scrollbar-width:thin;border:1px solid #e2e8f0;border-radius:12px;align-content:start;gap:0;max-height:calc(100svh - 245px);display:grid;overflow-y:auto}.paket-import-review-list::-webkit-scrollbar{width:7px}.paket-import-review-list::-webkit-scrollbar-track{background:#f8fafc;border-radius:999px}.paket-import-review-list::-webkit-scrollbar-thumb{background:linear-gradient(#fb7185 0%,#e11d48 100%);border:2px solid #f8fafc;border-radius:999px}.paket-import-review-list::-webkit-scrollbar-thumb:hover{background:#e11d48}.paket-import-review-item{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:32px minmax(0,1fr) 36px;align-items:start;gap:12px;padding:14px;display:grid}.paket-import-review-item:last-child{border-bottom:0}.paket-import-review-item>span{color:#111827;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:900;display:flex}.paket-import-review-item div{gap:5px;min-width:0;display:grid}.paket-import-review-item small{color:#64748b;text-transform:uppercase;font-size:.76rem;font-weight:900;line-height:1}.paket-import-review-item input{color:#111827;overflow-wrap:anywhere;background:#fff;border:1px solid #0000;border-radius:8px;width:calc(100% + 8px);margin-left:-8px;padding:5px 8px;font-size:1rem;font-weight:900;line-height:1.25}.paket-import-review-item input:focus{border-color:#fb7185;outline:0;box-shadow:0 0 0 3px #fb718524}.paket-import-review-item input+small{margin-top:8px}.paket-import-delete-button{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex}.paket-import-delete-button:hover{color:#fff;background:#e11d48;border-color:#e11d48;transform:translateY(-1px)}.paket-import-delete-button svg{width:14px;height:14px}@media (max-width:560px){.paket-stock-actions{grid-template-columns:1fr;align-items:stretch;display:grid}.paket-stock-actions .paket-back-button,.paket-stock-actions .paket-stock-action-menu,.paket-stock-actions .paket-download-button{justify-content:center;width:100%;margin-left:0}}.paket-stock-table{min-width:980px}.paket-expired-pill{background:#d4d4d8;border-radius:999px;justify-content:center;min-width:148px;padding:8px 14px;color:#111827!important;display:inline-flex!important}.paket-expired-pill.is-expired{background:#fee2e2;color:#dc2626!important}.order-table td{color:#111827;font-size:1.12rem;line-height:1.45}.order-detail-button{color:#006dee;cursor:pointer;background:#dbeafe;border:0;border-radius:999px;justify-content:center;align-items:center;width:58px;height:42px;display:inline-flex;position:relative}.order-detail-button svg{width:16px;height:16px}.order-detail-button:after{color:#fff;content:attr(data-tip);opacity:0;pointer-events:none;white-space:nowrap;z-index:20;background:#111827;border-radius:8px;padding:6px 8px;font-size:.74rem;font-weight:850;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.order-detail-button:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.order-detail-modal{max-width:680px}.order-detail-modal .referral-modal-head button{border-radius:999px;justify-content:center;align-items:center;width:38px;padding:0;display:inline-flex}.order-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.order-detail-summary div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:4px;min-width:0;padding:12px;display:grid}.order-detail-summary span{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:850}.order-detail-summary strong{color:#111827;overflow-wrap:anywhere}.order-detail-list{gap:10px;max-height:360px;padding-right:2px;display:grid;overflow:auto}.order-detail-card{border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:14px;display:grid}.order-detail-card p{color:#111827;margin:0;font-size:1rem;line-height:1.45}.order-detail-card strong{font-weight:900}.pln-midtrans-detail-modal{gap:20px;width:min(760px,100vw - 48px);max-width:760px;padding:28px 32px 24px}.pln-midtrans-detail-modal .referral-modal-head{align-items:flex-start}.pln-midtrans-detail-modal .referral-modal-head button{color:#6b7280;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;padding:0;display:inline-flex}.pln-midtrans-detail-modal .referral-modal-head button svg{width:18px;height:18px}.pln-midtrans-detail-modal h2{font-size:1.72rem}.pln-midtrans-detail-list{gap:12px;display:grid}.pln-midtrans-detail-row{color:#111827;grid-template-columns:142px 8px minmax(0,1fr);align-items:start;column-gap:6px;line-height:1.3;display:grid}.pln-midtrans-detail-row span{color:#111827;font-size:1rem;font-weight:500}.pln-midtrans-detail-row i{color:#111827;text-align:center;font-style:normal}.pln-midtrans-detail-row strong{color:#111827;overflow-wrap:anywhere;font-size:1rem;font-weight:900}.pln-midtrans-detail-actions{justify-content:flex-end;display:flex}.pln-midtrans-detail-actions button{color:#e11d48;cursor:pointer;font:inherit;background:#f8c8da;border:0;border-radius:18px;min-width:120px;min-height:60px;padding:0 28px;font-size:1.25rem}@media (max-width:560px){.pln-midtrans-detail-modal{padding:24px 22px 22px}.pln-midtrans-detail-row{grid-template-columns:122px 8px minmax(0,1fr);gap:8px}.pln-midtrans-detail-row span,.pln-midtrans-detail-row strong{font-size:1rem}}.serial-number-toolbar{grid-template-columns:minmax(280px,420px) minmax(180px,220px) minmax(0,1fr) max-content;justify-content:stretch;align-items:end;gap:12px;display:grid}.serial-filter-field{gap:7px;min-width:220px;display:grid}.serial-filter-field>span{color:#64748b;text-transform:uppercase;font-size:.76rem;font-weight:850;display:block}.serial-filter-field .select2-trigger{min-height:46px}.serial-download-button{grid-column:4;align-self:end;gap:8px;min-height:46px}.serial-download-button svg{width:14px;height:14px}.serial-number-table td{color:#111827;font-size:1rem;line-height:1.5}.serial-expired-pill{background:#e5e7eb;border:1px solid #d1d5db;border-radius:999px;justify-content:center;min-width:150px;padding:8px 16px;font-weight:500;color:#374151!important;margin-top:0!important;display:inline-flex!important}.serial-expired-pill.expired{background:#fee2e2;border-color:#fecaca;color:#991b1b!important}.serial-expired-pill.warning{background:#ffedd5;border-color:#fed7aa;color:#9a3412!important}.serial-expired-pill.sold{background:#dcfce7;border-color:#bbf7d0;color:#166534!important}.serial-status-pill{border-radius:999px;padding:7px 11px;font-size:.86rem;font-weight:850;margin-top:0!important;display:inline-flex!important}.serial-status-pill.available{background:#f1f5f9;color:#475569!important}.serial-status-pill.sold{background:#dcfce7;color:#166534!important}.voucher-action-menu{position:relative}.voucher-import-input{display:none}.voucher-action-options{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:190px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 42px #0f172a29}.voucher-action-options button{color:#111827;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:0 12px;font-weight:850;display:grid}.voucher-action-options button:hover{color:#9f1239;background:linear-gradient(135deg,#fb71851f,#e11d4814)}.voucher-action-options svg{width:14px;height:14px}.user-management-table{min-width:1080px}.user-role-pill{color:#9f1239;background:linear-gradient(135deg,#fb718524,#e11d481a);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;display:inline-flex!important}.user-modal{max-width:520px}.user-password-control{grid-template-columns:minmax(0,1fr) 118px;gap:10px;display:grid}.user-password-control button{color:#fff;cursor:pointer;font:inherit;background:linear-gradient(135deg,#334155 0%,#020617 100%);border:0;border-radius:14px;min-height:46px;padding:0 12px;font-size:.9rem;font-weight:900;box-shadow:0 12px 24px #0f172a2e}.pagination-select2{min-width:142px}.pagination-select2 .select2-trigger{min-height:38px}.referral-pagination .pagination-select2 .select2-options{gap:0;min-width:100%;display:grid;overflow-x:hidden}.referral-pagination .pagination-select2 .select2-options button{color:#111827;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:flex-start;width:100%;min-height:38px;padding:0 12px}.referral-pagination .pagination-select2 .select2-options button:hover{color:#9f1239;background:linear-gradient(135deg,#fb71851f,#e11d4814)}.referral-pagination .pagination-select2 .select2-options button.is-selected{color:#fff;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);font-weight:800}.select2-field{z-index:2;position:relative}.select2-field.is-open{z-index:40}.select2-trigger{color:#111827;cursor:pointer;font:inherit;text-align:left;background:#ffffffdb;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:0 14px 0 18px;display:flex}.select2-trigger:after{content:"";border:2px solid #334155;border-width:0 2px 2px 0;width:7px;height:7px;margin-left:12px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.select2-field.is-open .select2-trigger{border-color:#fb7185;box-shadow:0 0 0 4px #fb71851f}.select2-field.is-open .select2-trigger:after{transform:rotate(-135deg)translateY(-2px)}.select2-options{z-index:30;background:#fff;border:1px solid #e2e8f0;border-radius:14px;max-height:240px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 42px #0f172a29}.select2-options button{color:#111827;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;min-height:38px;padding:0 12px}.select2-options button:hover{color:#9f1239;background:linear-gradient(135deg,#fb71851f,#e11d4814)}.select2-options button.is-selected{color:#fff;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);font-weight:800}.setting-modal-overlay{z-index:220;position:fixed}:is(.admin-main:has(.referral-modal-overlay),.admin-content:has(.referral-modal-overlay)){z-index:220}.admin-mobile-menu-button,.admin-mobile-brand,.admin-mobile-scrim{display:none}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;background:#0f172a47;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.admin-modal-overlay:target{display:flex}.admin-dialog{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-items:center;gap:12px;width:100%;max-width:330px;padding:24px;display:grid;box-shadow:0 24px 70px #0f172a38}.admin-dialog-icon{color:#e9112b;background:#fff0f2;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:900;display:flex}.admin-dialog h2{color:#111827;margin:0;font-size:1.35rem;line-height:1.2}.admin-dialog p{color:#475569;font-size:.95rem;line-height:1.5}.admin-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:6px;display:grid}.admin-dialog-button{cursor:pointer;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font-size:.92rem;font-weight:900;text-decoration:none;display:flex}.admin-dialog-button.primary{color:#fff;background:#e9112b}.admin-dialog-button.secondary{color:#475569;background:#f8fafc}.referral-admin{gap:16px;display:grid}.referral-toolbar{justify-content:space-between;align-items:end;gap:12px;display:flex}.referral-search{gap:7px;width:100%;max-width:420px;display:grid}.referral-search span,.referral-field span,.referral-code-preview span,.referral-modal-head span{color:#64748b;text-transform:uppercase;font-size:.76rem;font-weight:850}.referral-search input,.referral-field input,.referral-field select,.referral-field textarea{color:#111827;font:inherit;background:#ffffffdb;border:1px solid #e2e8f0;border-radius:14px;outline:0;width:100%;min-height:46px;padding:0 14px}.referral-field textarea{resize:vertical;min-height:92px;padding:12px 14px}.referral-primary-button,.referral-modal-actions button:last-child,.referral-qr-actions button{color:#fff;cursor:pointer;font:inherit;white-space:nowrap;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:900;display:inline-flex;box-shadow:0 14px 28px #e11d4829}.referral-message{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;font-size:.92rem;font-weight:800}.referral-table-wrap{background:#ffffffd1;border:1px solid #e2e8f0e6;border-radius:18px;position:relative;overflow:auto;box-shadow:0 18px 42px #0f172a0f}.referral-loading{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#111827;z-index:5;background:#ffffffb8;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute;inset:0}.referral-table{border-collapse:collapse;width:100%;min-width:980px}.customer-referral-table{border-collapse:separate;border-spacing:0}.customer-referral-table th{color:#667085;background:#f3f3f5;padding:18px 20px;font-size:.98rem}.customer-referral-table th:first-child{border-radius:10px 0 0 10px}.customer-referral-table th:last-child{border-radius:0 10px 10px 0}.customer-referral-table td{color:#020617;border-bottom:0;padding:18px 20px;font-size:1.12rem}.referral-table th,.referral-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px}.referral-table th{color:#64748b;text-transform:uppercase;background:#f8fafcdb;font-size:.78rem}.referral-table th button{color:inherit;cursor:pointer;font:inherit;text-transform:inherit;background:0 0;border:0;padding:0;font-weight:900}.referral-table td strong,.referral-table td span{display:block}.referral-table td>span{color:#64748b;margin-top:4px;font-size:.86rem}.referral-table code{color:#111827;background:#f1f5f9;margin-top:6px;font-weight:900;display:inline-flex}.referral-link-button{color:#475569;cursor:pointer;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:320px;padding:0;overflow:hidden}.referral-status{text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:900;display:inline-flex!important}.referral-status.aktif{color:#166534;background:#dcfce7}.referral-status.nonaktif{color:#991b1b;background:#fee2e2}.referral-actions{gap:8px;display:flex}.referral-icon-action{justify-content:center;align-items:center;width:38px;min-width:38px;display:flex;position:relative;padding:0!important}.referral-icon-action svg{width:14px;height:14px}.referral-icon-action:after{color:#fff;content:attr(data-tip);opacity:0;pointer-events:none;white-space:nowrap;z-index:20;background:#111827;border-radius:8px;padding:6px 8px;font-size:.74rem;font-weight:850;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.referral-icon-action:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.referral-actions button,.referral-pagination button,.referral-pagination select,.referral-modal-head button,.referral-modal-actions button:first-child{color:#334155;cursor:pointer;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:36px;padding:0 11px;font-size:.88rem;font-weight:850}.referral-actions button:last-child,.referral-actions .danger{color:#e9112b}.referral-pagination{justify-content:space-between;align-items:center;gap:12px;display:flex}.referral-pagination span{color:#475569;font-size:.9rem;font-weight:800}.referral-pagination div{gap:8px;display:flex}.referral-empty{color:#64748b;text-align:center;padding:28px;font-weight:850}.referral-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:220;background:#0f172a52;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.referral-modal{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:14px;width:100%;max-width:460px;padding:20px;display:grid;box-shadow:0 24px 70px #0f172a38}.referral-modal-head{justify-content:space-between;align-items:flex-start;display:flex}.referral-modal h2{color:#111827;margin:2px 0 0;font-size:1.28rem;line-height:1.2}.referral-field{gap:7px;display:grid}.referral-code-preview{background:linear-gradient(135deg,#ef233c0f,#7c3cff14);border-radius:14px;gap:5px;padding:13px;display:grid}.referral-code-preview strong{color:#111827;font-size:1.1rem}.referral-code-preview p,.referral-confirm p,.referral-qr-modal p{color:#475569;font-size:.92rem;line-height:1.5}.referral-modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.referral-confirm{max-width:360px}.referral-qr-modal{text-align:center;justify-items:center;max-width:380px}.referral-qr-modal .referral-modal-head{width:100%}.referral-qr-modal img{border:1px solid #e2e8f0;border-radius:18px;width:240px;height:240px}.referral-qr-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.referral-qr-actions svg{width:14px;height:14px}.referral-toast{color:#fff;z-index:120;background:#111827;border-radius:999px;padding:9px 14px;font-size:.86rem;font-weight:900;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 28px #0f172a2e}@media (max-width:720px){.setting-panel{gap:14px;width:100%}.setting-tabs{scrollbar-width:none;border-radius:18px;width:100%;max-width:100%;padding:5px;overflow-x:auto}.setting-tabs::-webkit-scrollbar{display:none}.setting-tab-slider{height:calc(100% - 10px);top:5px;left:5px}.setting-tabs button{white-space:nowrap;flex:none;min-height:42px;padding:0 14px;font-size:.9rem}.setting-tab-content,.tax-settings-card{border-radius:14px;padding:14px}.tax-settings-card{gap:16px}.tax-setting-control{grid-template-columns:1fr}.tax-setting-control input,.tax-setting-control button{min-height:50px}.master-setting-toolbar{flex-direction:column;align-items:stretch}.master-setting-toolbar .referral-primary-button,.voucher-action-menu,.voucher-action-options,.serial-filter-field{width:100%}.serial-number-toolbar{grid-template-columns:1fr}.serial-download-button{grid-column:auto;width:100%}.master-setting-table{min-width:620px}.user-management-table{min-width:920px}.user-password-control{grid-template-columns:1fr}.referral-toolbar,.referral-pagination{flex-direction:column;align-items:stretch}.referral-pagination div{width:100%}.referral-pagination button{flex:1}}@media (max-width:820px){.admin-main,.admin-content,.setting-panel,.setting-tax-content,.tax-settings-card,.master-setting{width:100%;min-width:0}.setting-tabs{max-width:calc(100vw - 28px);display:flex}.tax-setting-control{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.tax-setting-control input,.tax-setting-control button{width:100%;min-width:0}.admin-page{--admin-sidebar-gap:12px;--admin-sidebar-width:min(280px, calc(100vw - 54px));--admin-sidebar-inner-width:calc(min(280px, calc(100vw - 54px)) - 36px);grid-template-columns:1fr}.admin-page:has(.admin-sidebar-toggle:checked){grid-template-columns:1fr}.admin-mobile-menu-button{-webkit-tap-highlight-color:transparent;cursor:pointer;z-index:60;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:4px;width:42px;height:42px;padding:10px;display:grid;position:fixed;top:14px;left:14px;box-shadow:0 12px 28px #0f172a14}.admin-mobile-brand{color:#111827;z-index:60;align-items:center;gap:10px;min-height:42px;text-decoration:none;display:flex;position:fixed;top:14px;left:66px}.admin-mobile-brand img{object-fit:cover;border-radius:6px;width:34px;height:34px}.admin-mobile-brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.98rem;line-height:1;overflow:hidden}.admin-mobile-menu-button span{background:#111827;border-radius:999px;width:100%;height:2px;display:block}.admin-sidebar{z-index:70;align-items:stretch;gap:22px;width:min(280px,100vw - 54px);height:calc(100svh - 24px);min-height:0;margin:0;padding:18px;position:fixed;top:12px;bottom:0;left:12px;transform:translate(calc(-100% - 18px))}.admin-page:has(.admin-sidebar-toggle:checked) .admin-sidebar{align-items:stretch;padding:18px}.admin-page:has(.admin-sidebar-toggle:checked) .admin-sidebar-head{flex-direction:row}.admin-page:has(.admin-sidebar-toggle:checked) .admin-brand strong{opacity:1;pointer-events:auto;max-width:150px;transform:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav-text{opacity:1;pointer-events:auto;max-width:150px;transform:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-copy{opacity:1;pointer-events:auto;max-width:150px;transform:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-caret{opacity:1;pointer-events:auto;max-width:150px;transform:none}:is(.admin-page:has(.admin-sidebar-toggle:checked) .admin-brand,.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav,.admin-page:has(.admin-sidebar-toggle:checked) .admin-account){width:var(--admin-sidebar-inner-width)}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a{justify-content:stretch;padding:11px 12px;display:grid}.admin-page:has(.admin-sidebar-toggle:checked) .admin-nav a:after{display:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-button:after{display:none}.admin-page:has(.admin-sidebar-toggle:checked) .admin-account-button{display:grid}.admin-mobile-toggle:checked~.admin-sidebar{transform:translate(0)}.admin-mobile-scrim{cursor:pointer;z-index:65;background:#0f172a42;position:fixed;inset:0}.admin-mobile-toggle:checked~.admin-mobile-scrim{display:block}.admin-sidebar-collapse{display:none}.admin-brand{justify-content:flex-start}.admin-nav{gap:8px;margin:0;padding:0;display:grid;overflow:visible}.admin-nav a{white-space:normal}.admin-account{margin-top:auto}.admin-account-dropdown{width:min(240px,100vw - 32px);inset:auto 0 calc(100% + 10px)}.admin-content{padding-top:98px}}@media (max-width:520px){.admin-sidebar{padding:14px}.admin-brand img,.admin-account-avatar{width:34px;height:34px}.admin-nav{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.admin-content{padding:98px 14px 24px}.admin-empty-state{min-height:240px}}.wa-shop-page{justify-content:flex-start;align-items:flex-start}.wa-shop-container{z-index:3;flex-direction:column;width:min(100%,680px);max-width:680px;margin:0 auto;display:flex;position:relative}.wa-shop-page button,.wa-shop-page input,.wa-shop-page label,.wa-shop-page .step-dot,.wa-shop-page .service-option,.wa-shop-page .package-card{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.selected-product-watermarks{pointer-events:none;z-index:0;width:clamp(230px,34vw,340px);height:clamp(230px,34vw,330px);position:fixed;bottom:58px;right:clamp(14px,50vw - 330px,34px)}.list-produk-watermark{filter:drop-shadow(0 18px 28px #ef273a1f);object-fit:contain;opacity:.14;pointer-events:none;z-index:0;width:clamp(180px,34vw,260px);height:clamp(180px,34vw,260px);transition:opacity .18s;position:fixed;bottom:28px;right:-48px;transform:rotate(-10deg)}#telkomsel-step:target~.list-produk-watermark,#byu-step:target~.list-produk-watermark,#pln-step:target~.list-produk-watermark,.wa-shop-intro.is-telkomsel-step .list-produk-watermark,.wa-shop-intro.is-byu-step .list-produk-watermark,.wa-shop-intro.is-pln-step .list-produk-watermark,.wa-shop-intro.is-summary-step .list-produk-watermark,.wa-shop-intro.is-checkout-step .list-produk-watermark{opacity:0}.selected-product-watermark-image{filter:grayscale(.15)saturate(1.08)drop-shadow(0 18px 28px #ef273a21);object-fit:contain;opacity:0;width:clamp(230px,34vw,340px);height:clamp(230px,34vw,330px);transition:opacity .22s;position:absolute;top:0;right:0;transform:rotate(-8deg)}#telkomsel-step:target~.selected-product-watermarks .telkomsel-watermark,#byu-step:target~.selected-product-watermarks .byu-watermark,#pln-step:target~.selected-product-watermarks .pln-watermark,.wa-shop-intro.is-telkomsel-step .telkomsel-watermark,.wa-shop-intro.is-byu-step .byu-watermark,.wa-shop-intro.is-pln-step .pln-watermark,.wa-shop-intro.is-summary-telkomsel .telkomsel-watermark,.wa-shop-intro.is-summary-byu .byu-watermark,.wa-shop-intro.is-summary-pln .pln-watermark{opacity:.22}.wa-shop-header{z-index:5;background:0 0;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;width:100%;margin-bottom:clamp(20px,3vw,34px);display:grid;position:sticky;top:6px}.wa-header-left{z-index:2;justify-content:flex-start;align-items:center;height:42px;display:flex;position:relative}.wa-shop-intro{text-align:center;min-height:560px;margin-top:0;position:relative}.step-indicator,.product-step-panel,.question-step-panel{z-index:2;position:relative}.step-indicator{grid-template-columns:repeat(4,1fr);align-items:center;gap:0;width:min(100%,420px);max-width:420px;margin-bottom:clamp(26px,4vw,34px);margin-left:auto;margin-right:auto;display:grid;position:relative}.step-indicator:before{content:"";z-index:0;background:#dedede;height:3px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.step-indicator:after{background:linear-gradient(90deg, var(--accent), #ff7180);content:"";opacity:0;z-index:0;width:calc(33.3333% - 13.3333px);height:3px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.step-dot{color:#222;z-index:1;background:#fff;border:2px solid #d8d8d8;border-radius:999px;justify-content:center;justify-self:center;align-items:center;width:clamp(28px,6vw,38px);height:clamp(28px,6vw,38px);transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.step-dot svg{width:clamp(12px,2.7vw,17px);height:clamp(12px,2.7vw,17px)}.step-dot.is-active,.step-dot.is-passed{color:#fff;background:linear-gradient(135deg,#ff2748 0%,#ff7f93 100%);border-color:#ffd1d7;box-shadow:0 0 0 5px #ef273a21}.step-dot.is-passed{background:linear-gradient(135deg,#ff5c73 0%,#ff9aaa 100%)}.step-dot.is-upcoming{cursor:not-allowed;opacity:.85}.step-dot.is-question{cursor:not-allowed;opacity:.85;pointer-events:none}.step-dot.is-active:hover,.step-dot.is-passed:hover,.step-dot.is-question:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 0 0 7px #ef273a26}.wa-shop-title{text-align:center}.wa-shop-greeting{color:#191112;text-align:center;margin:0 0 8px;font-size:clamp(1rem,2.4vw,1.25rem);font-weight:900;line-height:1.45;display:block}.wa-shop-title h1{color:#191112;margin:0 0 10px;font-size:clamp(1.9rem,6vw,3.15rem);line-height:1.05}.wa-shop-title p{color:#726464;margin:0;font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.45}.product-service-list{gap:clamp(14px,2.8vw,20px);width:100%;max-width:560px;margin:clamp(28px,5vw,42px) auto 0;display:grid}.product-step-panel{animation:.56s cubic-bezier(.2,.8,.2,1) both stepPanelEnter}.flow-target{opacity:0;pointer-events:none;width:0;height:0;display:block;position:relative}#telkomsel-step:target~.product-step-panel,#byu-step:target~.product-step-panel,#pln-step:target~.product-step-panel,.wa-shop-intro.is-telkomsel-step .product-step-panel,.wa-shop-intro.is-byu-step .product-step-panel,.wa-shop-intro.is-pln-step .product-step-panel,.wa-shop-intro.is-summary-step .product-step-panel,.wa-shop-intro.is-checkout-step .product-step-panel{display:none}#telkomsel-step:target~.telkomsel-panel,#byu-step:target~.byu-panel,#pln-step:target~.pln-panel,.wa-shop-intro.is-telkomsel-step .telkomsel-panel,.wa-shop-intro.is-byu-step .byu-panel,.wa-shop-intro.is-pln-step .pln-panel,.wa-shop-intro.is-summary-step .summary-panel,.wa-shop-intro.is-checkout-step .checkout-panel{animation:.56s cubic-bezier(.2,.8,.2,1) both stepPanelEnter;display:grid}.wa-shop-intro.is-summary-step .telkomsel-panel,.wa-shop-intro.is-summary-step .byu-panel,.wa-shop-intro.is-summary-step .pln-panel,.wa-shop-intro.is-checkout-step .telkomsel-panel,.wa-shop-intro.is-checkout-step .byu-panel,.wa-shop-intro.is-checkout-step .pln-panel{display:none!important}#product-step:target~.product-step-panel{animation:.56s cubic-bezier(.2,.8,.2,1) both stepPanelEnter}#telkomsel-step:target~.step-indicator .step-dot:first-child,#byu-step:target~.step-indicator .step-dot:first-child,#pln-step:target~.step-indicator .step-dot:first-child,.wa-shop-intro.is-telkomsel-step .step-indicator .step-dot:first-child,.wa-shop-intro.is-byu-step .step-indicator .step-dot:first-child,.wa-shop-intro.is-pln-step .step-indicator .step-dot:first-child{color:#fff;background:#ff6a78;border-color:#ffd1d7;box-shadow:0 0 0 5px #ef273a21}#telkomsel-step:target~.step-indicator .step-dot:nth-child(2),#byu-step:target~.step-indicator .step-dot:nth-child(2),#pln-step:target~.step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-telkomsel-step .step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-byu-step .step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-pln-step .step-indicator .step-dot:nth-child(2){background:var(--accent);color:#fff;cursor:pointer;opacity:1;pointer-events:auto;border-color:#ffd1d7;box-shadow:0 0 0 5px #ef273a21}.wa-shop-intro.is-summary-step .step-indicator .step-dot:first-child,.wa-shop-intro.is-summary-step .step-indicator .step-dot:nth-child(2){color:#fff;background:#ff6a78;border-color:#ffd1d7;box-shadow:0 0 0 5px #ef273a21}.wa-shop-intro.is-summary-step .step-indicator .step-dot:nth-child(3),.wa-shop-intro.is-checkout-step .step-indicator .step-dot{background:var(--accent);color:#fff;border-color:#ffd1d7;box-shadow:0 0 0 5px #ef273a21}#telkomsel-step:target~.step-indicator:after{opacity:1;background:linear-gradient(90deg,#ff7a18 0%,#ef233c 100%)}#byu-step:target~.step-indicator:after{opacity:1;background:linear-gradient(90deg,#7fe8ff 0%,#06aeda 100%)}#pln-step:target~.step-indicator:after{opacity:1;background:linear-gradient(90deg,#8bdefc 0%,#b8edf0 18%,#ddf3bf 34%,#ffef86 54%,#ffd84a 78%,#f4b900 100%)}.wa-shop-intro.is-telkomsel-step .step-indicator:after{opacity:1;background:linear-gradient(90deg,#ff7a18 0%,#ef233c 100%)}.wa-shop-intro.is-byu-step .step-indicator:after{opacity:1;background:linear-gradient(90deg,#7fe8ff 0%,#06aeda 100%)}.wa-shop-intro.is-pln-step .step-indicator:after{opacity:1;background:linear-gradient(90deg,#8bdefc 0%,#b8edf0 18%,#ddf3bf 34%,#ffef86 54%,#ffd84a 78%,#f4b900 100%)}.wa-shop-intro.is-summary-step .step-indicator:after{opacity:1;background:linear-gradient(90deg,#ff2748 0%,#ff7f93 100%);width:66%}.wa-shop-intro.is-checkout-step .step-indicator:after{opacity:1;background:linear-gradient(90deg,#ff2748 0%,#ff7f93 100%);width:calc(100% - 40px)}.wa-shop-intro.is-summary-step.is-summary-telkomsel .step-indicator:after,.wa-shop-intro.is-checkout-step.is-summary-telkomsel .step-indicator:after{background:linear-gradient(90deg,#ff7a18 0%,#ef233c 100%)}.wa-shop-intro.is-summary-step.is-summary-byu .step-indicator:after,.wa-shop-intro.is-checkout-step.is-summary-byu .step-indicator:after{background:linear-gradient(90deg,#7fe8ff 0%,#06aeda 100%)}.wa-shop-intro.is-summary-step.is-summary-pln .step-indicator:after,.wa-shop-intro.is-checkout-step.is-summary-pln .step-indicator:after{background:linear-gradient(90deg,#8bdefc 0%,#b8edf0 18%,#ddf3bf 34%,#ffef86 54%,#ffd84a 78%,#f4b900 100%)}#telkomsel-step:target~.step-indicator .step-dot:nth-child(2),#telkomsel-step:target~.step-indicator .step-dot:first-child,.wa-shop-intro.is-telkomsel-step .step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-telkomsel-step .step-indicator .step-dot:first-child{background:linear-gradient(135deg,#ff8a1f 0%,#ef233c 100%);border-color:#ffd2a8;box-shadow:0 0 0 5px #ef462329}#byu-step:target~.step-indicator .step-dot:nth-child(2),#byu-step:target~.step-indicator .step-dot:first-child,.wa-shop-intro.is-byu-step .step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-byu-step .step-indicator .step-dot:first-child{background:linear-gradient(135deg,#6de6ff 0%,#06aeda 100%);border-color:#c8f5ff;box-shadow:0 0 0 5px #06aeda29}#pln-step:target~.step-indicator .step-dot:nth-child(2),#pln-step:target~.step-indicator .step-dot:first-child,.wa-shop-intro.is-pln-step .step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-pln-step .step-indicator .step-dot:first-child{color:#191112;background:linear-gradient(135deg,#8bdefc 0%,#b8edf0 18%,#ddf3bf 34%,#ffef86 54%,#ffd84a 78%,#f4b900 100%);border-color:#fff2a8;box-shadow:0 0 0 5px #f4b9002e}.wa-shop-intro.is-summary-step.is-summary-telkomsel .step-indicator .step-dot:first-child,.wa-shop-intro.is-summary-step.is-summary-telkomsel .step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-summary-step.is-summary-telkomsel .step-indicator .step-dot:nth-child(3),.wa-shop-intro.is-checkout-step.is-summary-telkomsel .step-indicator .step-dot{background:linear-gradient(135deg,#ff8a1f 0%,#ef233c 100%);border-color:#ffd2a8;box-shadow:0 0 0 5px #ef462329}.wa-shop-intro.is-summary-step.is-summary-byu .step-indicator .step-dot:first-child,.wa-shop-intro.is-summary-step.is-summary-byu .step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-summary-step.is-summary-byu .step-indicator .step-dot:nth-child(3),.wa-shop-intro.is-checkout-step.is-summary-byu .step-indicator .step-dot{background:linear-gradient(135deg,#6de6ff 0%,#06aeda 100%);border-color:#c8f5ff;box-shadow:0 0 0 5px #06aeda29}.wa-shop-intro.is-summary-step.is-summary-pln .step-indicator .step-dot:first-child,.wa-shop-intro.is-summary-step.is-summary-pln .step-indicator .step-dot:nth-child(2),.wa-shop-intro.is-summary-step.is-summary-pln .step-indicator .step-dot:nth-child(3),.wa-shop-intro.is-checkout-step.is-summary-pln .step-indicator .step-dot{color:#191112;background:linear-gradient(135deg,#ffe76d 0%,#f4b900 100%);border-color:#fff2a8;box-shadow:0 0 0 5px #f4b9002e}.service-option{-webkit-tap-highlight-color:transparent;color:#181214;cursor:pointer;font:inherit;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:26px;width:100%;min-height:clamp(112px,17vw,136px);padding:0;text-decoration:none;animation:.62s both fadeUp;display:block}.service-option:focus,.service-option:focus-visible,.service-option:active{outline:none}.service-option:active .service-option-inner{filter:saturate(1.08)brightness(.98);transform:scale(.975);box-shadow:0 9px 22px #1f14181f}.service-option.is-clickable{cursor:pointer}.service-option.is-disabled{cursor:not-allowed;opacity:.82}.service-option-inner{border-radius:inherit;min-height:inherit;transform-origin:50%;background:#fff;border:1px solid #dae0e4f2;grid-template-columns:clamp(64px,14vw,92px) minmax(0,1fr) 30px;align-items:center;gap:clamp(16px,3vw,24px);width:100%;padding:clamp(16px,3vw,22px);transition:border-color .18s,box-shadow .18s,filter .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #1f14180f}.service-option-inner:before,.service-option-inner:after{content:"";pointer-events:none;z-index:0;position:absolute}.service-option-inner:before{border-radius:0;inset:0}.service-option-inner:after{opacity:.72;border-top:11px solid #ffffff29;border-radius:50%;width:72%;height:96%;animation:9s ease-in-out infinite serviceGlassLine;top:24%;left:44%;transform:rotate(10deg)translate(0);box-shadow:0 -7px #ffffff14}.telkomsel-service .service-option-inner,.byu-service .service-option-inner,.token-service .service-option-inner{color:#191112;background:#fff}.telkomsel-service .service-option-inner:before{background:linear-gradient(100deg,#0000 0%,#ffda75ad 22%,#ff7a2f 60%,#e9192f 100%)}.byu-service .service-option-inner:before{background:linear-gradient(100deg,#0000 0%,#dff8ffb8 22%,#73ddff 60%,#08aeea 100%)}.token-service .service-option-inner:before{background:linear-gradient(100deg,#e5f9ff2e 0%,#8bdefc94 18%,#ffef86 42%,#ffe04a 72%,#ffd400 100%)}.telkomsel-service .service-copy span,.byu-service .service-copy span,.token-service .service-copy span{color:#191112b8}.service-option:first-child{animation-delay:.26s}.service-option:nth-child(2){animation-delay:.34s}.service-option:nth-child(3){animation-delay:.42s}.service-option:nth-child(4){animation-delay:.5s}.service-logo{z-index:1;justify-content:center;justify-self:center;align-items:center;font-weight:900;display:flex;position:relative}.service-logo-image{object-fit:contain;width:clamp(66px,15vw,88px);height:clamp(66px,15vw,88px)}.service-copy{z-index:1;min-width:0;display:block;position:relative}.service-copy strong,.service-copy span{display:block}.service-copy strong{margin-bottom:8px;font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.1}.service-copy span{color:#74696b;font-size:clamp(.95rem,2.8vw,1.18rem);line-height:1.45}.service-arrow{color:var(--accent);z-index:1;background:#fff0f2;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative}.telkomsel-service .service-arrow{color:#e9192f}.byu-service .service-arrow{color:#08aeea}.token-service .service-arrow{color:#f1b900;background:#fff}.service-arrow svg{width:11px;height:11px}.question-step-panel{gap:clamp(22px,4vw,32px);width:100%;max-width:560px;margin:clamp(28px,5vw,42px) auto 0}.question-field{box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;gap:12px;width:100%;padding:0;animation:.62s both fadeUp;display:grid;position:relative;overflow:visible}.question-field:before{content:none}.question-field>*{z-index:1;position:relative}.question-title{text-align:center;max-width:460px;margin:0 auto}.question-title h2{color:#191112;margin:0 0 12px;font-size:clamp(1.85rem,5vw,2.7rem);line-height:1.1}.question-title p{color:#74696b;margin:0;font-size:clamp(1rem,2.6vw,1.22rem);line-height:1.55}.checkout-panel .question-title p{font-weight:800}.hash-panel{display:none}.question-field span{color:#191112;letter-spacing:.01em;font-size:clamp(.86rem,2vw,.98rem);font-weight:900}.question-field input{color:#191112;font:inherit;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#ff2748,#ff7f93) border-box;border:2px solid #0000;border-radius:26px;outline:none;width:100%;padding:clamp(17px,3vw,20px) 18px;font-size:clamp(.95rem,2.4vw,1.05rem);transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 14px 30px #1f141812}.question-field input::placeholder{color:#51434394}.question-field input:focus{background:#fff;border-width:3px;border-color:#111;transform:translateY(-1px);box-shadow:0 0 0 5px #11111114,0 10px 24px #11111114}.question-field.is-history-open{z-index:30;margin-bottom:118px}#telkomsel-step:target~.telkomsel-panel input,#byu-step:target~.byu-panel input,#pln-step:target~.pln-panel input,.wa-shop-intro.is-telkomsel-step .telkomsel-panel input,.wa-shop-intro.is-byu-step .byu-panel input,.wa-shop-intro.is-pln-step .pln-panel input{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#ff2748,#ff7f93) border-box;border-width:3px;border-color:#0000;box-shadow:0 0 0 5px #ef273a14,0 10px 24px #ef273a1a}#telkomsel-step:target~.telkomsel-panel input,.wa-shop-intro.is-telkomsel-step .telkomsel-panel input{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#ff7a18,#ef233c) border-box;box-shadow:0 0 0 5px #ef46231a,0 10px 24px #ef46231f}#byu-step:target~.byu-panel input,.wa-shop-intro.is-byu-step .byu-panel input{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#6de6ff,#06aeda) border-box;box-shadow:0 0 0 5px #06aeda1a,0 10px 24px #06aeda1f}#pln-step:target~.pln-panel input,.wa-shop-intro.is-pln-step .pln-panel input{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#8bdefc 0%,#b8edf0 18%,#ddf3bf 34%,#ffef86 54%,#ffd84a 78%,#f4b900 100%) border-box;box-shadow:0 0 0 5px #f4b9001f,0 10px 24px #f4b9001f}.field-note{color:#514343d1;text-align:center;max-width:520px;margin:12px auto 0;font-size:clamp(.84rem,2.2vw,.95rem);font-style:italic;line-height:1.55}.field-note strong{color:#ef233c;font-weight:900}.region-history-dropdown{z-index:40;background:linear-gradient(135deg,#fffffffa,#fff8f9f5);border:1px solid #ffa7b594;border-radius:16px;gap:9px;width:100%;max-height:210px;padding:12px;animation:.18s cubic-bezier(.2,.85,.2,1) both historyDropdownIn;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 16px 32px #d9162b24}.region-history-dropdown.is-closing{pointer-events:none;animation:.16s both historyDropdownOut}@keyframes historyDropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes historyDropdownOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}.region-history-dropdown span{color:#7d6f72;text-transform:uppercase;padding:0 2px;font-size:.76rem;font-weight:900;line-height:1}.region-history-list{flex-wrap:wrap;gap:8px;display:flex}.region-history-loading{color:#75686b;background:#ffffffd1;border:1px solid #ef273a1f;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:34px;padding:9px 12px;font-size:.84rem;font-weight:900;line-height:1.1;display:inline-flex}.region-history-list button{color:#3f3437;cursor:pointer;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #ef273a29;border-radius:999px;flex:0 auto;max-width:100%;min-height:34px;padding:9px 12px;font-size:.84rem;font-weight:900;line-height:1.1;animation:.18s both historyTagIn;overflow:hidden;box-shadow:0 8px 18px #1f14180f}.region-history-list button:nth-child(2){animation-delay:35ms}.region-history-list button:nth-child(3){animation-delay:70ms}.region-history-list button:nth-child(4){animation-delay:.105s}@keyframes historyTagIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.region-history-list button:hover,.region-history-list button:focus-visible{background:#fff5f7;border-color:#ef273a4d;outline:none}.region-history-list button:active{background:#ffecef;transform:scale(.97)}.wa-shop-intro.is-byu-step .region-history-list button:hover,.wa-shop-intro.is-byu-step .region-history-list button:focus-visible{background:#f0fcff;border-color:#06aeda47}.wa-shop-intro.is-pln-step .region-history-list button:hover,.wa-shop-intro.is-pln-step .region-history-list button:focus-visible{background:#fffbea;border-color:#f4b90052}.meter-history-dropdown{background:linear-gradient(135deg,#fffffffa,#fffdeef5);border-color:#f4b9005c;box-shadow:0 16px 32px #f4b90024}.byu-panel .field-note strong{color:#06aeda}.question-error{color:#ef233c;text-align:center;max-width:460px;margin:-6px auto 0;font-size:.9rem;font-weight:800;line-height:1.45}.blocking-loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#fffafab8;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.blocking-loading-overlay.is-visible,body.is-blocking-loading .blocking-loading-overlay{display:flex}.order-create-loading,.payment-create-loading,.customer-submit-loading{z-index:160}.blocking-loading-dialog{text-align:center;background:#fff;border:1px solid #ef273a29;border-radius:26px;place-items:center;gap:10px;width:100%;max-width:300px;padding:28px 24px;display:grid;box-shadow:0 22px 60px #1f141829}.blocking-loading-spinner{border:3px solid #ef273a29;border-top-color:#ef273a;border-radius:999px;width:36px;height:36px;animation:.76s linear infinite spin}.blocking-loading-dialog strong{color:#191112;font-size:1.2rem;font-weight:900}.blocking-loading-dialog p{color:#74696b;font-size:.94rem;line-height:1.45}.sweet-alert-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;z-index:140;background:#19111252;justify-content:center;align-items:center;padding:22px;transition:opacity .16s;display:flex;position:fixed;inset:0}.sweet-alert-overlay.is-visible{opacity:1}.sweet-alert-dialog{text-align:center;background:#fff;border:1px solid #f2d6d9f2;border-radius:8px;justify-items:center;gap:12px;width:min(100%,360px);max-width:360px;padding:28px 24px 24px;animation:.18s both popIn;display:grid;box-shadow:0 24px 70px #1f14183d}.sweet-alert-icon{border:3px solid;border-radius:999px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:2px;display:flex;position:relative}.sweet-alert-icon-success{color:#23b26d}.sweet-alert-icon-success:before{content:"";border-bottom:4px solid;border-left:4px solid;width:28px;height:14px;transform:rotate(-45deg)translate(2px,-2px)}.sweet-alert-icon-info{color:var(--accent)}.sweet-alert-icon-info:before{content:"i";font-size:2rem;font-weight:900;line-height:1}.sweet-alert-icon-error,.sweet-alert-icon-warning{color:#ef273a}.sweet-alert-icon-error:before,.sweet-alert-icon-error:after{content:"";background:currentColor;border-radius:999px;width:30px;height:4px;position:absolute}.sweet-alert-icon-error:before{transform:rotate(45deg)}.sweet-alert-icon-error:after{transform:rotate(-45deg)}.sweet-alert-icon-warning:before{content:"!";font-size:2rem;font-weight:900;line-height:1}.sweet-alert-dialog h2{color:#191112;margin:0;font-size:1.35rem;line-height:1.2}.sweet-alert-dialog p{color:#625557;margin:0;font-size:.96rem;line-height:1.5}.sweet-alert-button{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font:inherit;background:linear-gradient(135deg,#ff3450 0%,#e9112b 100%);border:0;border-radius:999px;min-width:108px;min-height:46px;margin-top:8px;padding:0 22px;font-size:.95rem;font-weight:900;box-shadow:0 12px 24px #e9112b33}.sweet-alert-button:active{transform:scale(.97)}.cluster-picker-dialog{grid-template-rows:auto auto minmax(0,1fr) auto;max-width:390px;min-height:min(78svh,520px);padding:34px 24px 26px}.cluster-picker-list{gap:8px;width:100%;min-height:0;max-height:none;display:grid;overflow:auto}.cluster-picker-option{-webkit-tap-highlight-color:transparent;color:#191112;cursor:pointer;text-align:left;background:#fff;border:2px solid #19111224;border-radius:8px;place-items:center start;gap:4px;width:100%;min-height:48px;padding:12px 14px;transition:background .16s,box-shadow .16s,transform .12s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #1f14180f}.cluster-picker-option:after{content:"";opacity:0;pointer-events:none;background:#1f14180f;border-radius:999px;width:120px;height:120px;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}.cluster-picker-option strong{z-index:1;font-size:.98rem;line-height:1.2;position:relative}.cluster-picker-option span{color:#6b5d5f;font-size:.84rem;font-weight:800}.cluster-picker-option:active{transform:translateY(1px)scale(.985);box-shadow:0 4px 10px #1f14181a}.cluster-picker-option:active:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.cluster-picker-theme-telkomsel .cluster-picker-option{border-color:#ef233c57;box-shadow:0 8px 18px #ef462314}.cluster-picker-theme-telkomsel .cluster-picker-option:after{background:#ef233c1f}.cluster-picker-theme-telkomsel .cluster-picker-option:active{background:#fff6f3;box-shadow:0 4px 10px #ef462321}.cluster-picker-theme-telkomsel .cluster-picker-cancel{background:linear-gradient(135deg,#ff8a1f 0%,#ef233c 100%);box-shadow:0 12px 24px #ef462333}.cluster-picker-theme-byu .cluster-picker-option{border-color:#06aeda57;box-shadow:0 8px 18px #06aeda14}.cluster-picker-theme-byu .cluster-picker-option:after{background:#06aeda1f}.cluster-picker-theme-byu .cluster-picker-option:active{background:#f3fcff;box-shadow:0 4px 10px #06aeda21}.cluster-picker-theme-byu .cluster-picker-cancel{background:linear-gradient(135deg,#6de6ff 0%,#06aeda 100%);box-shadow:0 12px 24px #06aeda33}.cluster-picker-theme-pln .cluster-picker-option{border-color:#f4b90061;box-shadow:0 8px 18px #f4b90017}.cluster-picker-theme-pln .cluster-picker-option:after{background:#f4b90024}.cluster-picker-theme-pln .cluster-picker-option:active{background:#fffdf1;box-shadow:0 4px 10px #f4b90026}.cluster-picker-theme-pln .cluster-picker-cancel{color:#191112;background:linear-gradient(135deg,#ffe76d 0%,#f4b900 100%);box-shadow:0 12px 24px #f4b90038}.package-panel-body{gap:12px;width:100%;max-width:360px;min-height:0;margin:0 auto;display:grid;position:relative}.package-loading{text-align:center;background:#ffffffbd;border:1px solid #ef273a1f;border-radius:8px;place-items:center;gap:8px;min-height:136px;padding:18px;display:grid}.package-loading strong{color:#191112;font-size:1rem;font-weight:900}.package-loading p{color:#6b5d5f;margin:0;font-size:.9rem;line-height:1.4}.package-list{gap:12px;width:100%;display:grid}.package-history-block{gap:10px;width:100%;min-width:0;margin:22px 0 0;display:grid}.package-history-title{color:#6a5a5d;text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.88rem;font-weight:900;line-height:1;display:grid}.package-history-title:before,.package-history-title:after{content:"";background:#ef273a24;min-width:0;height:1px}.package-history-slider{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;margin:0 -4px;padding:2px 4px 12px;display:flex;overflow-x:auto}.package-history-slider::-webkit-scrollbar{display:none}.package-history-card{-webkit-tap-highlight-color:transparent;color:#191112;cursor:pointer;scroll-snap-align:start;text-align:left;background:#ffffffe0;border:1px solid #ffa7b58f;border-radius:12px;flex:0 0 170px;gap:8px;min-height:86px;padding:12px;display:grid;box-shadow:0 10px 20px #d9162b14}.package-history-card strong{font-size:.9rem;line-height:1.2}.package-history-card b{color:#ef273a;font-size:.86rem;line-height:1.1}.package-history-card:active{transform:scale(.98)}.package-card{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#191112;cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffffdb,#fff7f894),radial-gradient(circle at 86%,#ff345021,#0000 30%);border:1px solid #ffa7b5a3;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:68px;padding:13px 14px 13px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 28px #d9162b17,inset 0 1px #ffffffb8}.package-card:hover{border-color:#ff7388db;transform:translateY(-1px);box-shadow:0 16px 30px #ef273a21,inset 0 1px #fffffff2}.package-card span{gap:5px;min-width:0;display:grid}.package-card strong{z-index:1;font-size:1rem;line-height:1.2;position:relative}.package-card b{color:#ef273a;z-index:1;white-space:nowrap;background:#fff4eceb;border:1px solid #ffffffc2;border-radius:999px;padding:9px 13px;font-size:.88rem;line-height:1.1;position:relative;box-shadow:0 8px 18px #ef273a14,inset 0 1px #ffffffc7}.summary-panel .question-title p strong{color:#4f4547;font-weight:900}.wa-shop-intro.is-summary-telkomsel .package-card{background:linear-gradient(135deg,#ffffffdb,#fff9f494),radial-gradient(circle at 86%,#ff8a1f26,#0000 30%);border-color:#ffbc7ac2;box-shadow:0 10px 24px #ef462314}.wa-shop-intro.is-summary-telkomsel .package-card b{color:#ef233c;background:#ffeddef5}.wa-shop-intro.is-summary-telkomsel .package-history-card{border-color:#ffbc7ac2;box-shadow:0 10px 20px #ef462314}.wa-shop-intro.is-summary-byu .package-card{background:linear-gradient(135deg,#ffffffdb,#f2fdff99),radial-gradient(circle at 86%,#6de6ff2e,#0000 30%);border-color:#9deafad1;box-shadow:0 10px 24px #06aeda14}.wa-shop-intro.is-summary-byu .package-card b{color:#047fa0;background:#e2f9fff5}.wa-shop-intro.is-summary-byu .package-history-card{border-color:#9deafad1;box-shadow:0 10px 20px #06aeda14}.wa-shop-intro.is-summary-byu .package-history-card b{color:#047fa0}.wa-shop-intro.is-summary-pln .package-card{background:linear-gradient(135deg,#ffffffe6,#e5f9ff75 24%,#fffdeebd 48%,#fff8d3c2),radial-gradient(circle at 62% 45%,#8bdefc47,#0000 30%),radial-gradient(circle at 90%,#ffe76d57,#0000 34%);border-color:#b7ebdebd;box-shadow:0 10px 22px #06aeda12,0 8px 20px #f4b9001a}.wa-shop-intro.is-summary-pln .package-card b{color:#8a6400;background:linear-gradient(135deg,#ffffffeb,#e5f9ffa3 28%,#fff8d3fa 62%);border-color:#ffffffd6}.wa-shop-intro.is-summary-pln .package-history-card{border-color:#b7ebdebd;box-shadow:0 10px 18px #06aeda12,0 8px 18px #f4b90017}.wa-shop-intro.is-summary-pln .package-history-card b{color:#8a6400}.package-card:active{transform:scale(.985)translateY(0)}.checkout-card{box-shadow:none;text-align:left;background:0 0;border:0;border-radius:8px;gap:8px;width:100%;max-width:360px;margin:0 auto;padding:0;display:grid;position:relative}.checkout-qris{background:#fff;border:1px solid #1f141814;border-radius:8px;justify-content:center;align-items:center;gap:0;width:100%;min-height:0;margin-bottom:8px;padding:0 8px 8px;display:grid;position:relative;overflow:hidden}.checkout-qris img{width:min(112%,352px);max-width:none;height:auto;margin:-18px 0 -14px;display:block}.checkout-qris-actions{z-index:2;background:#fffffff5;border:1px solid #1f14181f;border-radius:999px;justify-content:center;gap:0;margin:0 auto;padding:3px;display:flex;overflow:hidden;box-shadow:0 10px 22px #1f141814}.checkout-qris-actions button{-webkit-tap-highlight-color:transparent;box-shadow:none;color:#191112;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:auto;height:32px;padding:0 10px;display:flex}.checkout-qris-actions button+button{position:relative}.checkout-qris-actions button+button:before{content:"";background:#1f141829;width:1px;height:16px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.checkout-qris-actions button span{font-size:.76rem;font-weight:900;line-height:1}.checkout-qris-actions button:hover{background:#1f14180d}.checkout-qris-actions svg{width:14px;height:14px}.checkout-qris-actions button:active{transform:scale(.95)}.checkout-order-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 10px;display:grid}.checkout-order-row strong{grid-column:1}.qris-zoom-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:80;background:#19111294;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.qris-zoom-dialog{background:#fff;border-radius:8px;max-width:min(94vw,720px);max-height:min(88dvh,720px);padding:6px;overflow:auto;box-shadow:0 26px 70px #1f141842}.qris-zoom-dialog img{width:680px;max-width:min(90vw,680px);height:auto;display:block}.qris-zoom-close{-webkit-tap-highlight-color:transparent;color:#191112;cursor:pointer;font:inherit;z-index:181;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:900;line-height:1;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 12px 26px #1f141833}.checkout-qris-placeholder{justify-content:center;align-items:center;width:100%;min-height:190px;display:flex}.checkout-qris-error{color:#ef273a;font-size:.9rem;font-weight:900}.checkout-qris-info{color:#8a6400;text-align:center;padding:18px;font-size:.92rem;font-weight:900;line-height:1.45}.checkout-token-waiting{color:#8a6400;text-align:center;justify-items:center;gap:10px;min-height:190px;padding:18px;display:grid}.checkout-token-waiting strong{color:#8a6400;font-size:1rem;font-weight:900}.checkout-token-waiting span{color:#6b5d5f;font-size:.9rem;font-weight:850;line-height:1.35}.checkout-payment-error{color:#ef273a;margin:0 0 4px;font-size:.84rem;font-weight:800;line-height:1.4}.checkout-payment-info{color:#8a6400;margin:0 0 4px;font-size:.84rem;font-weight:800;line-height:1.4}.checkout-detail-card{background:linear-gradient(135deg,#ff7a1814,#fff0 46%),#fffffff5;border:1px solid #ffd2d8f2;border-left:4px solid #ff3450;border-radius:8px;gap:7px;padding:14px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 26px #d9162b14}.checkout-detail-card:before{content:"";opacity:.07;pointer-events:none;background:url(/assets/images/favicon.webp) 50%/contain no-repeat;width:150px;height:150px;position:absolute;bottom:-42px;right:-36px;transform:rotate(-10deg)}.checkout-detail-card>*{z-index:1;position:relative}.checkout-card span{color:#6b5d5f;text-transform:none;font-size:.78rem;font-weight:900}.checkout-card strong{color:#191112;font-size:.96rem;font-weight:900;line-height:1.25}.checkout-card b{color:#ef273a;font-size:1rem;font-weight:900}.checkout-card p{color:#5f5254;margin:4px 0 0;font-size:.92rem;line-height:1.45}.checkout-success-card{text-align:center;background:radial-gradient(circle at 50% -20%,#ffffff52,#0000 46%),linear-gradient(145deg,#20b15a,#0f8f55 54%,#087547);border:1px solid #ffffff38;border-radius:8px;justify-items:center;gap:14px;width:100%;max-width:360px;margin:0 auto;padding:22px 16px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 36px #0875473d}.checkout-success-card>strong{color:#fff;font-size:1.05rem;font-weight:900}.checkout-copy-toast{white-space:nowrap;z-index:3;background:#fffffff5;border:1px solid #ffffffb8;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:900;line-height:1;animation:.18s both copyToastIn;position:absolute;top:-24px;right:12px;box-shadow:0 8px 16px #00462724;color:#0f8f55!important}.checkout-success-dial button,.checkout-success-copy-row{position:relative}@keyframes copyToastIn{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.checkout-success-check{background:#fffffffa;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;animation:1.35s ease-in-out infinite success-check-bounce;display:flex;transform:scale(1);box-shadow:0 12px 26px #00462738}.checkout-success-check:before{content:"";border-bottom:4px solid #0f8f55;border-right:4px solid #0f8f55;width:13px;height:24px;transform:rotate(45deg)translate(-1px,-3px)}.checkout-success-close{-webkit-tap-highlight-color:transparent;color:#0f8f55;cursor:pointer;font:inherit;background:#fffffff5;border:0;border-radius:999px;justify-content:center;align-items:center;width:auto;height:38px;margin-top:2px;padding:0 24px;font-size:.9rem;font-weight:900;line-height:1;display:flex}.checkout-success-close:hover{background:#fff}.checkout-success-dial{border-top:1px solid #ffffff38;gap:8px;width:100%;padding-top:12px;display:grid}.checkout-success-dial span{color:#ffffffc7;font-size:.8rem;font-weight:900}.checkout-success-dial .checkout-copy-toast{color:#0f8f55;font-size:.7rem;line-height:1}.checkout-success-dial button{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #ffffff52;border-radius:999px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 8px 8px 14px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 10px 22px #00502b1f}.checkout-success-dial button b{color:#fff;overflow-wrap:anywhere;text-align:left;font-size:.92rem;font-weight:900;line-height:1.25}.checkout-success-dial button small,.checkout-success-copy-row small{color:#0f8f55;white-space:nowrap;background:#fffffff5;border-radius:999px;align-self:center;padding:7px 10px;font-size:.72rem;font-weight:900}.checkout-success-dial button:hover{background:#ffffff30}.checkout-success-dial button:active{transform:scale(.985)}.checkout-success-card>div:not(.checkout-success-check):not(.checkout-success-dial){border-top:1px solid #ffffff38;gap:4px;width:100%;padding-top:10px;display:grid}.checkout-success-copy-row{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #ffffff52;border-radius:999px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 8px 8px 14px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 10px 22px #00502b1f}.checkout-success-copy-row b{text-align:left;line-height:1.25}.checkout-success-copy-row:hover{background:#ffffff30}.checkout-success-copy-row:hover small{background:#fff}.checkout-success-copy-row:active{transform:scale(.985)}.checkout-success-card span{color:#ffffffc7;font-size:.78rem;font-weight:900}.checkout-success-card b{color:#fff;overflow-wrap:anywhere;font-size:1rem;font-weight:900;line-height:1.35}@keyframes success-check-bounce{0%{transform:translateY(0)scale(1)}18%{transform:translateY(-7px)scale(1.06)}34%{transform:translateY(0)scale(.98)}48%{transform:translateY(-3px)scale(1.02)}64%,to{transform:translateY(0)scale(1)}}.wa-shop-intro.is-checkout-step.is-summary-telkomsel .checkout-card{box-shadow:none}.wa-shop-intro.is-checkout-step.is-summary-telkomsel .checkout-qris{border-color:#ffd2a8}.wa-shop-intro.is-checkout-step.is-summary-telkomsel .checkout-qris-actions button{color:#ef233c}.wa-shop-intro.is-checkout-step.is-summary-telkomsel .checkout-qris-actions{border-color:#ffd2a8}.wa-shop-intro.is-checkout-step.is-summary-telkomsel .checkout-card b{color:#ef233c}.wa-shop-intro.is-checkout-step.is-summary-telkomsel .checkout-detail-card{background:linear-gradient(135deg,#ff8a1f1f,#fff0 48%),#fffffff5;border-color:#ffd2a8 #ffd2a8 #ffd2a8 #ff8a1f;box-shadow:0 12px 26px #ef462314}.wa-shop-intro.is-checkout-step.is-summary-telkomsel .checkout-detail-card:before{opacity:.1;background-image:url(/assets/images/Telkomsel.webp)}.wa-shop-intro.is-checkout-step.is-summary-byu .checkout-card{box-shadow:none}.wa-shop-intro.is-checkout-step.is-summary-byu .checkout-qris{border-color:#c8f5ff}.wa-shop-intro.is-checkout-step.is-summary-byu .checkout-qris-actions button{color:#047fa0}.wa-shop-intro.is-checkout-step.is-summary-byu .checkout-qris-actions{border-color:#c8f5ff}.wa-shop-intro.is-checkout-step.is-summary-byu .checkout-card b{color:#047fa0}.wa-shop-intro.is-checkout-step.is-summary-byu .checkout-detail-card{background:linear-gradient(135deg,#6de6ff29,#fff0 48%),#fffffff5;border-color:#c8f5ff #c8f5ff #c8f5ff #06aeda;box-shadow:0 12px 26px #06aeda14}.wa-shop-intro.is-checkout-step.is-summary-byu .checkout-detail-card:before{opacity:.1;background-image:url(/assets/images/byu.webp)}.wa-shop-intro.is-checkout-step.is-summary-pln .checkout-card{box-shadow:none}.wa-shop-intro.is-checkout-step.is-summary-pln .checkout-qris{border-color:#fff2a8}.wa-shop-intro.is-checkout-step.is-summary-pln .checkout-qris-actions button{color:#8a6400}.wa-shop-intro.is-checkout-step.is-summary-pln .checkout-qris-actions{border-color:#fff2a8}.wa-shop-intro.is-checkout-step.is-summary-pln .checkout-card b{color:#8a6400}.wa-shop-intro.is-checkout-step.is-summary-pln .checkout-detail-card{background:linear-gradient(135deg,#ffe76d2e,#fff0 48%),#fffffff5;border-color:#fff2a8 #fff2a8 #fff2a8 #f4b900;box-shadow:0 12px 26px #f4b90014}.wa-shop-intro.is-checkout-step.is-summary-pln .checkout-detail-card:before{opacity:.1;background-image:url(/assets/images/pln.webp)}.package-confirm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#1911126b;justify-content:center;align-items:center;min-height:100dvh;padding:18px;animation:.18s both packageOverlayIn;display:flex;position:fixed;inset:0}.package-confirm-dialog{color:#191112;text-align:left;background:#fff;border:1px solid #ffd2d8f2;border-radius:8px;width:min(100%,360px);max-width:360px;animation:.24s cubic-bezier(.2,.9,.2,1) both packageDialogIn;position:relative;overflow:hidden;box-shadow:0 22px 52px #d9162b2e}@keyframes packageOverlayIn{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1}}@keyframes packageDialogIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.package-confirm-dialog:before{content:"";background:linear-gradient(90deg,#ff3450 0%,#ff8fa0 100%);height:5px;position:absolute;top:0;left:0;right:0}.package-confirm-dialog h3{color:#191112;margin:0;padding:18px 16px 10px;font-size:1.02rem;font-weight:900;line-height:1.3}.package-confirm-dialog p{color:#4f4245;margin:0;padding:0 16px 14px;font-size:.9rem;line-height:1.42}.package-confirm-dialog .package-confirm-error{color:#ef273a;padding-top:0;font-size:.84rem;font-weight:800}.package-confirm-product{gap:4px;padding:0 16px 14px;display:grid}.package-confirm-product span{color:#6b5d5f;font-size:.86rem;font-weight:800}.package-confirm-product strong{color:#191112;font-size:.96rem;font-weight:900;line-height:1.25}.package-confirm-product b{color:#ef273a;font-size:.95rem;font-weight:900;line-height:1.2}.package-confirm-price{gap:4px;padding:0 16px 14px;display:grid}.package-confirm-price span{color:#6b5d5f;font-size:.86rem;font-weight:800}.package-confirm-price b{color:#ef273a;font-size:.98rem;font-weight:900;line-height:1.2}.package-confirm-meter{gap:5px;padding:0 16px 14px;display:grid}.package-confirm-meter span{color:#6b5d5f;font-size:.78rem;font-weight:800}.package-confirm-meter strong{color:#191112;overflow-wrap:anywhere;font-size:.88rem;line-height:1.25}.package-confirm-dialog strong{color:#191112;font-weight:800}.package-confirm-actions{grid-template-columns:1fr 1fr;gap:10px;padding:4px 16px 16px;display:grid}.package-confirm-button{-webkit-tap-highlight-color:transparent;color:#ef273a;cursor:pointer;font:inherit;text-align:center;background:#fff;border:1px solid #ef273a2e;border-radius:999px;min-height:46px;padding:0 16px;font-size:.92rem;font-weight:900}.package-confirm-button:first-child{color:#fff;background:linear-gradient(135deg,#ff3450 0%,#e9112b 100%);border-color:#0000;box-shadow:0 12px 24px #e9112b2e}.package-confirm-button:before{content:""}.package-confirm-button:active{transform:scale(.97)}.package-confirm-button:disabled{cursor:wait;opacity:.72;transform:none}.wa-shop-intro.is-summary-telkomsel .package-confirm-dialog,.package-confirm-overlay.is-summary-telkomsel .package-confirm-dialog{border-color:#ffd2a8;box-shadow:0 22px 52px #ef46232e}.wa-shop-intro.is-summary-telkomsel .package-confirm-dialog:before,.wa-shop-intro.is-summary-telkomsel .package-confirm-button:first-child,.package-confirm-overlay.is-summary-telkomsel .package-confirm-dialog:before,.package-confirm-overlay.is-summary-telkomsel .package-confirm-button:first-child{background:linear-gradient(135deg,#ff8a1f 0%,#ef233c 100%)}.wa-shop-intro.is-summary-telkomsel .package-confirm-button,.package-confirm-overlay.is-summary-telkomsel .package-confirm-button{color:#ef233c;border-color:#ffd2a8}.wa-shop-intro.is-summary-telkomsel .package-confirm-product b,.wa-shop-intro.is-summary-telkomsel .package-confirm-price b,.package-confirm-overlay.is-summary-telkomsel .package-confirm-product b,.package-confirm-overlay.is-summary-telkomsel .package-confirm-price b{color:#ef233c}.wa-shop-intro.is-summary-telkomsel .package-confirm-button:first-child,.package-confirm-overlay.is-summary-telkomsel .package-confirm-button:first-child{color:#fff;border-color:#0000}.wa-shop-intro.is-summary-byu .package-confirm-dialog,.package-confirm-overlay.is-summary-byu .package-confirm-dialog{border-color:#c8f5ff;box-shadow:0 22px 52px #06aeda2e}.wa-shop-intro.is-summary-byu .package-confirm-dialog:before,.wa-shop-intro.is-summary-byu .package-confirm-button:first-child,.package-confirm-overlay.is-summary-byu .package-confirm-dialog:before,.package-confirm-overlay.is-summary-byu .package-confirm-button:first-child{background:linear-gradient(135deg,#6de6ff 0%,#06aeda 100%)}.wa-shop-intro.is-summary-byu .package-confirm-button,.package-confirm-overlay.is-summary-byu .package-confirm-button{color:#047fa0;border-color:#c8f5ff}.wa-shop-intro.is-summary-byu .package-confirm-product b,.wa-shop-intro.is-summary-byu .package-confirm-price b,.package-confirm-overlay.is-summary-byu .package-confirm-product b,.package-confirm-overlay.is-summary-byu .package-confirm-price b{color:#047fa0}.wa-shop-intro.is-summary-byu .package-confirm-button:first-child,.package-confirm-overlay.is-summary-byu .package-confirm-button:first-child{color:#fff;border-color:#0000}.wa-shop-intro.is-summary-pln .package-confirm-dialog,.package-confirm-overlay.is-summary-pln .package-confirm-dialog{border-color:#fff2a8;box-shadow:0 22px 52px #f4b9002e}.wa-shop-intro.is-summary-pln .package-confirm-dialog:before,.wa-shop-intro.is-summary-pln .package-confirm-button:first-child,.package-confirm-overlay.is-summary-pln .package-confirm-dialog:before,.package-confirm-overlay.is-summary-pln .package-confirm-button:first-child{background:linear-gradient(135deg,#ffe76d 0%,#f4b900 100%)}.wa-shop-intro.is-summary-pln .package-confirm-button,.package-confirm-overlay.is-summary-pln .package-confirm-button{color:#8a6400;border-color:#fff2a8}.wa-shop-intro.is-summary-pln .package-confirm-product b,.wa-shop-intro.is-summary-pln .package-confirm-price b,.package-confirm-overlay.is-summary-pln .package-confirm-product b,.package-confirm-overlay.is-summary-pln .package-confirm-price b{color:#8a6400}.wa-shop-intro.is-summary-pln .package-confirm-button:first-child,.package-confirm-overlay.is-summary-pln .package-confirm-button:first-child{color:#191112;border-color:#0000}.question-ok-button{color:#fff;cursor:pointer;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(135deg,#ff3450 0%,#e9112b 100%);border:0;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:10px;min-width:clamp(190px,48vw,240px);min-height:clamp(54px,9vw,60px);padding:0 46px;font-size:clamp(1.05rem,2.7vw,1.18rem);font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;animation:.64s both fadeUp;display:inline-flex;position:relative;box-shadow:0 16px 32px #e9112b38}.question-ok-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 20px 38px #e9112b47}.question-ok-button:disabled{cursor:wait;opacity:.92}.question-ok-button:disabled:before{content:"";border:2px solid #ffffff73;border-top-color:#fff;border-radius:999px;width:16px;height:16px;animation:.72s linear infinite spin}.byu-panel .question-ok-button{background:linear-gradient(135deg,#22c9ee 0%,#079dcc 100%);box-shadow:0 16px 32px #06aeda38}.byu-panel .question-ok-button:hover{box-shadow:0 20px 38px #06aeda47}.pln-panel .question-ok-button{color:#191112;background:linear-gradient(135deg,#8bdefc 0%,#b8edf0 18%,#ddf3bf 34%,#ffef86 54%,#ffd84a 78%,#f4b900 100%);box-shadow:0 16px 32px #f4b9003d}.pln-panel .question-ok-button:disabled:before{border-color:#191112 #1911124d #1911124d}.pln-panel .question-ok-button:hover{box-shadow:0 20px 38px #f4b9004d}.wa-back-button{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font:inherit;-webkit-user-select:none;user-select:none;background:#111;border:1px solid #1111111f;border-radius:999px;justify-content:flex-start;align-items:center;gap:0;width:42px;height:42px;padding-left:13px;transition:transform .16s,box-shadow .16s,width .22s,padding .22s;display:flex;overflow:hidden;box-shadow:0 10px 26px #d9162b1f}.wa-back-home{justify-content:center;padding-left:0}.wa-back-button:focus,.wa-back-button:focus-visible,.wa-back-button:active{outline:none}.wa-back-button:active{transform:scale(.92);box-shadow:0 7px 18px #11111138}.wa-back-button svg{stroke-width:4px;flex:none;width:16px;height:16px}.wa-back-button .wa-home-icon{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:18px;height:18px;display:block}.wa-back-button span{opacity:0;white-space:nowrap;margin-left:0;font-size:.86rem;font-weight:800;line-height:1;transition:opacity .18s 70ms,transform .2s 50ms,margin-left .2s;display:none;transform:translate(-8px)}.wa-shop-header .wa-back-products,#telkomsel-step:target~.wa-shop-header .wa-back-home,#byu-step:target~.wa-shop-header .wa-back-home,#pln-step:target~.wa-shop-header .wa-back-home,.wa-shop-intro.is-telkomsel-step .wa-shop-header .wa-back-home,.wa-shop-intro.is-byu-step .wa-shop-header .wa-back-home,.wa-shop-intro.is-pln-step .wa-shop-header .wa-back-home,.wa-shop-intro.is-summary-step .wa-shop-header .wa-back-home,.wa-shop-intro.is-checkout-step .wa-shop-header .wa-back-home{display:none}#telkomsel-step:target~.wa-shop-header .wa-back-products,#byu-step:target~.wa-shop-header .wa-back-products,#pln-step:target~.wa-shop-header .wa-back-products,.wa-shop-intro.is-telkomsel-step .wa-shop-header .wa-back-products,.wa-shop-intro.is-byu-step .wa-shop-header .wa-back-products,.wa-shop-intro.is-pln-step .wa-shop-header .wa-back-products,.wa-shop-intro.is-summary-step .wa-shop-header .wa-back-products,.wa-shop-intro.is-checkout-step .wa-shop-header .wa-back-products{display:flex}.wa-shop-logo{justify-self:center;width:220px;max-width:min(220px,52vw);height:auto}.user-menu{z-index:30;justify-self:end;position:relative}.user-menu-toggle{display:none}.user-menu-button{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:32;background:linear-gradient(135deg,#ff3450 0%,#ff8fa0 100%);border:1px solid #ffd2d8f2;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;transition:box-shadow .16s,transform .16s;display:flex;position:relative;box-shadow:0 10px 26px #d9162b33}.user-menu-button svg{color:#fff;width:16px;height:16px}.user-menu-toggle:checked+.user-menu-button{transform:scale(.96);box-shadow:0 8px 22px #d9162b3d}.user-menu-scrim{cursor:default;z-index:31;display:none;position:fixed;inset:0}.user-menu-toggle:checked~.user-menu-scrim{display:block}.user-menu-dropdown{text-align:left;z-index:33;background:#fff;border:1px solid #f2d6d9f2;border-radius:8px;min-width:min(250px,100vw - 32px);padding:12px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 44px #1f141824}.user-menu-toggle:checked~.user-menu-dropdown{display:block}.user-menu-welcome{gap:4px;padding:4px 6px 10px;display:grid}.user-menu-welcome span{color:#6b5d5f;font-size:.82rem;font-weight:800}.user-menu-welcome strong{color:#191112;overflow-wrap:anywhere;font-size:.95rem;line-height:1.25}.user-menu-divider{background:#f2d6d9f2;height:1px;margin:2px 0 8px}.user-menu-item{-webkit-tap-highlight-color:transparent;color:#191112;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 8px;font-size:.92rem;font-weight:900;display:flex}.user-menu-item svg{color:var(--accent);width:14px;height:14px}.user-menu-item:active{background:var(--soft-red)}.user-menu-logout{color:#e9112b}.account-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;background:#1911123d;justify-content:center;align-items:center;padding:22px;display:none;position:fixed;inset:0}.account-modal-overlay:target{display:flex}.account-dialog{text-align:left;background:#fff;border:1px solid #f2d6d9f2;border-radius:8px;gap:14px;width:100%;max-width:380px;padding:24px;animation:.18s both popIn;display:grid;box-shadow:0 24px 70px #1f141838}.account-dialog-small{text-align:center;justify-items:center;max-width:320px}.account-dialog-icon{color:#fff;background:linear-gradient(135deg,#ff3450 0%,#ff8fa0 100%);border-radius:999px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 12px 26px #d9162b33}.account-dialog-icon svg{width:22px;height:22px}.account-dialog h2{color:#191112;margin:0;font-size:1.35rem;line-height:1.15}.account-dialog p{color:#6b5d5f;font-size:.95rem;line-height:1.45}.password-modal-form{gap:12px;display:grid}.password-modal-form label{gap:7px;display:grid}.password-modal-form span{color:#514343;font-size:.84rem;font-weight:900}.password-modal-form input{color:#191112;font:inherit;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#ff2748,#ff7f93) border-box;border:2px solid #0000;border-radius:22px;outline:0;width:100%;min-height:48px;padding:0 16px}.account-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px;display:grid}.account-dialog-button{-webkit-tap-highlight-color:transparent;cursor:pointer;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-size:.95rem;font-weight:900;display:flex}.account-dialog-button.primary{color:#fff;background:linear-gradient(135deg,#ff3450 0%,#e9112b 100%);box-shadow:0 12px 24px #e9112b33}.account-dialog-button.secondary{color:#e9112b;background:#fff0f2}.is-account-modal-open{overflow:hidden}.brand-row{color:var(--accent);justify-content:center;align-items:center;margin-bottom:clamp(58px,10vw,82px);animation:.7s both fadeDown;display:flex}.brand-logo{width:238px;max-width:min(238px,68vw);height:auto}.home-content{margin-top:6px}.welcome-block{margin-bottom:18px;animation:.7s .12s both fadeUp}.welcome-block p,.welcome-block span{color:#514343;font-size:1rem;line-height:1.35;display:block}.welcome-block p{font-size:1.18rem}.welcome-block h1{color:#191112;margin:2px 0 8px;font-size:clamp(2rem,7vw,3.4rem);line-height:1.05}.choice-list{gap:24px;width:100%;max-width:100%;margin-top:58px;margin-left:auto;margin-right:auto;padding-inline:0;display:grid}.choice-card{--choice-body-size:clamp(.78rem, 1.8vw, .98rem);--choice-title-size:clamp(1.16rem, 3.4vw, 1.5rem);-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font:inherit;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:18px;width:100%;min-width:0;min-height:clamp(162px,25vw,190px);padding:0;animation:.76s cubic-bezier(.2,.8,.2,1) both cardReveal;display:block;position:relative;overflow:visible}.choice-card-inner{border-radius:inherit;min-height:inherit;transform-origin:50%;grid-template-columns:minmax(124px,42%) minmax(0,1fr) 38px;width:100%;transition:box-shadow .18s,filter .18s,transform .18s;display:grid;position:relative;overflow:visible;box-shadow:0 18px 42px #d9162b29}.choice-card:active .choice-card-inner{filter:saturate(1.08)brightness(.98);transform:scale(.975);box-shadow:0 12px 28px #d9162b2e}.choice-card-bg{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.choice-card-bg:before,.choice-card-bg:after{content:"";pointer-events:none;position:absolute}.choice-card:first-child{animation-delay:.42s}.choice-card:nth-child(2){animation-delay:.54s}.customer-card{overflow:visible}.customer-card .choice-card-inner{box-shadow:0 18px 42px #d9162b29}.customer-card .choice-card-bg{background:linear-gradient(100deg,#ffc8d0 0%,#ff8799 34%,#f52a43 66%,#df0f2b 100%)}.customer-card .choice-card-bg:before{opacity:.8;border-top:12px solid #ffffff26;border-radius:50%;width:76%;height:96%;animation:8s ease-in-out infinite glassSweep;top:28%;left:36%;transform:rotate(10deg)translate(0);box-shadow:0 -7px #ffffff14}.customer-card .choice-card-bg:after{opacity:.58;border-top:2px solid #ffffff4d;border-left:1px solid #ffffff3d;border-radius:50%;width:70%;height:150%;animation:9s ease-in-out infinite glassBand;top:-22%;left:38%;transform:rotate(10deg)translate(0)}@keyframes glassSweep{0%,to{transform:rotate(10deg)translate(-10px)}50%{transform:rotate(10deg)translate(12px)}}@keyframes glassBand{0%,to{transform:rotate(10deg)translate(-12px)}50%{transform:rotate(10deg)translate(14px)}}@keyframes outletGlassSweep{0%,to{transform:rotate(7deg)translate(-10px)}50%{transform:rotate(7deg)translate(12px)}}@keyframes outletGlassBand{0%,to{transform:rotate(12deg)translate(-12px)}50%{transform:rotate(12deg)translate(14px)}}.outlet-card{color:#fff;overflow:visible}.outlet-card .choice-card-inner{box-shadow:0 18px 42px #7c3cff2e}.outlet-card .choice-card-bg{background:linear-gradient(100deg,#f2eaff 0%,#d9c6ff 32%,#a778ff 62%,#7c3cff 100%)}.outlet-card .choice-card-bg:before{opacity:.78;border-top:13px solid #ffffff29;border-radius:50%;width:80%;height:90%;animation:8s ease-in-out infinite outletGlassSweep;top:24%;left:34%;transform:rotate(7deg)translate(0);box-shadow:0 -8px #ffffff14}.outlet-card .choice-card-bg:after{opacity:.52;border-top:2px solid #ffffff47;border-left:1px solid #ffffff38;border-radius:50%;width:66%;height:142%;animation:9s ease-in-out infinite outletGlassBand;top:-18%;left:42%;transform:rotate(12deg)translate(0)}.choice-visual{align-self:stretch;position:relative;overflow:hidden}.portrait-visual{background:0 0;overflow:visible}.choice-image{-webkit-user-drag:none;object-fit:contain;object-position:left bottom;z-index:2;width:auto;height:calc(100% + 20px);position:absolute;bottom:-2px;left:clamp(-22px,-3vw,-14px)}.choice-card:focus,.choice-card:focus-visible,.choice-card:active{outline:none}.outlet-visual{background:0 0;overflow:visible}.outlet-image{height:calc(100% + 16px);bottom:-4px;left:clamp(-18px,-2.4vw,-10px)}.choice-copy{z-index:2;align-self:center;min-width:0;padding:clamp(18px,4vw,26px) 6px clamp(18px,4vw,26px) clamp(14px,3.6vw,24px);position:relative}.choice-copy strong,.choice-copy span{display:block}.choice-copy strong{font-size:var(--choice-title-size);margin-bottom:clamp(6px,1.5vw,10px);line-height:1.1}.choice-copy span{font-size:var(--choice-body-size);font-weight:600;line-height:1.35}.arrow-button{color:var(--accent);z-index:2;background:#fff;border-radius:999px;justify-content:center;align-self:end;align-items:center;width:26px;height:26px;margin:0 12px 16px 0;font-size:1rem;font-weight:900;line-height:1;display:flex}.arrow-button svg{width:11px;height:11px;display:block}.outlet-card .arrow-button{color:#7c3cff;background:#fff}.benefit-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.benefit-row div{animation:.52s cubic-bezier(.2,.9,.25,1.2) both popIn;animation-delay:calc(.24s + (var(--item-index) * 70ms));flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}@keyframes fadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes watermarkFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.025)}}@keyframes popIn{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes stepPanelEnter{0%{filter:blur(5px);opacity:0;transform:translateY(22px)scale(.985)}to{filter:blur();opacity:1;transform:translateY(0)scale(1)}}@keyframes cardWobble{0%{transform:translateY(0)rotate(0)scale(1)}22%{transform:translateY(-4px)rotate(.7deg)scale(1.012)}46%{transform:translateY(-4px)rotate(-.55deg)scale(1.012)}68%{transform:translateY(-3px)rotate(.28deg)scale(1.008)}to{transform:translateY(-3px)rotate(0)scale(1.008)}}@keyframes serviceGlassSweep{0%,to{transform:rotate(10deg)translate(-10px)}50%{transform:rotate(10deg)translate(12px)}}@keyframes serviceGlassLine{0%,to{transform:rotate(10deg)translate(-12px)}50%{transform:rotate(10deg)translate(14px)}}@media (hover:hover) and (pointer:fine){.choice-card:hover .choice-card-inner,.service-option.is-clickable:hover .service-option-inner{filter:saturate(1.04);border-color:#ef273a38;animation:.52s both cardWobble;box-shadow:0 24px 56px #d9162b33}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.benefit-icon{color:#fff;background:linear-gradient(135deg,#ff3450 0%,#ff9d00 100%);border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.82rem;font-weight:900;display:flex;box-shadow:0 8px 18px #ef273a29}.benefit-icon svg{width:14px;height:14px}.benefit-row strong{color:#5e4c4f;overflow-wrap:anywhere;font-size:.68rem;line-height:1.1}@media (min-width:820px){.home-page{min-height:100vh;padding-top:28px;padding-bottom:28px;overflow:hidden}.home-container{max-width:760px}.brand-row{margin-bottom:42px}.brand-logo{width:220px}.welcome-block{margin-bottom:14px}.welcome-block h1{font-size:3rem}.benefit-row{margin-top:20px}.choice-list{gap:18px;margin-top:38px}.choice-card{--choice-body-size:clamp(.92rem, 1.6vw, 1.05rem);--choice-title-size:clamp(1.45rem, 2vw, 1.72rem);min-height:176px}.choice-card-inner{grid-template-columns:46% 1fr 46px}.choice-copy{padding-left:24px}.arrow-button{width:34px;height:34px;margin-bottom:22px}}.hero,.content-section{max-width:1120px;margin:0 auto;padding:clamp(56px,10vw,120px) clamp(20px,5vw,72px)}.hero-copy{max-width:760px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}h1{margin:0 0 22px;font-size:clamp(2.4rem,7vw,5.4rem);line-height:1}h2{margin:10px 0;font-size:1.25rem}p{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}code{color:var(--accent-dark);background:#0f766e1a;border-radius:4px;padding:2px 5px}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:6px;justify-content:center;min-width:140px;padding:12px 18px;font-weight:700;display:inline-flex}.button.primary{background:var(--accent);color:#fff}.button.secondary{border:1px solid var(--line);color:var(--accent-dark)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:32px;display:grid}.product-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:180px;padding:22px;transition:border-color .16s,transform .16s;display:block}.product-card:hover{border-color:var(--accent);transform:translateY(-2px)}.product-card span{color:var(--accent);font-weight:800}.product-card p{font-size:.95rem}@media (max-width:640px){.home-page:before,.home-page:after{width:92vw;height:56vh}.home-page:before{-webkit-mask-image:radial-gradient(circle at 0 0,#000 0%,#000000a3 28%,#0000 68%);mask-image:radial-gradient(circle at 0 0,#000 0%,#000000a3 28%,#0000 68%)}.home-page:after{-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 0%,#00000094 30%,#0000 70%);mask-image:radial-gradient(circle at 100% 100%,#000 0%,#00000094 30%,#0000 70%)}.home-page{padding:18px 14px 20px}.login-page{padding-left:28px;padding-right:28px}.login-container,.auth-panel,.auth-copy,.login-form{width:100%;max-width:352px;margin-left:auto;margin-right:auto}.auth-panel{margin-top:92px}.referral-register-panel{margin-top:58px}.auth-tabs{width:min(100%,236px)}.auth-tabs+.login-copy-panel:before,.auth-tabs+.login-copy-panel+.register-copy-panel:before,.login-form:after{width:100%}.home-container{width:min(100%,352px);max-width:352px;transform:none}.wa-shop-page{align-items:center;padding-left:8px;padding-right:8px}.wa-shop-container{width:min(100%,382px);max-width:382px;padding-left:0;padding-right:0}.wa-shop-header{z-index:20;margin-bottom:0;padding:8px 18px 0;position:fixed;top:0;left:0;right:0}.wa-shop-intro{margin-top:116px}.step-indicator,.product-step-panel,.question-step-panel{transform:translate(-8px)}.selected-product-watermarks{width:190px;height:190px;bottom:14px;right:-30px}.selected-product-watermark-image{width:190px;height:190px}.step-indicator{margin-bottom:44px}.product-service-list{gap:12px;width:100%;max-width:100%;margin-top:24px}.service-option{border-radius:24px;min-height:104px}.service-option-inner{grid-template-columns:72px minmax(0,1fr) 28px;padding:12px 14px}.step-dot{width:40px;height:40px}.step-dot svg{width:18px;height:18px}.choice-list{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0;position:static;transform:none}.choice-card{--choice-body-size:clamp(.72rem, 3vw, .84rem);--choice-title-size:clamp(1.08rem, 4.8vw, 1.28rem);width:100%;min-height:172px}.powered-text{text-align:center;width:min(100%,352px);max-width:352px;padding-left:0;padding-right:0;transform:none}.site-header{flex-direction:column;align-items:flex-start;gap:14px}.nav-links{width:100%}}