body.standalone-page{overflow-y:auto!important;overflow-x:hidden;height:auto;min-height:100vh}.auth-shell{height:100vh;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);background:var(--bg-primary);overflow:hidden}.auth-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;background:linear-gradient(180deg,rgba(13,17,23,.92) 0,rgba(13,17,23,.97) 100%),var(--bg-primary);overflow:hidden;border-right:1px solid var(--border-color);height:100%;min-height:0}.auth-brand-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px}.auth-brand-logo-box{flex-shrink:0;width:64px;height:64px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:var(--shadow-sm),0 0 0 1px rgba(255,255,255,.06)}.auth-brand-top img{width:100%;height:100%;object-fit:contain}.auth-brand-name{font-family:var(--font-sans);font-weight:700;font-size:1.2rem;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.auth-brand-sub{font-family:var(--font-mono);font-size:.68rem;color:var(--accent-green);letter-spacing:.12em;margin-top:2px}.auth-brand-mid{position:relative;z-index:2;max-width:420px}.auth-brand-headline{font-family:var(--font-sans);font-size:2rem;font-weight:700;line-height:1.15;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:14px}.auth-brand-headline em{color:var(--accent-green);font-style:normal}.auth-brand-desc{font-family:var(--font-sans);font-size:.88rem;color:var(--text-secondary);line-height:1.6}.auth-brand-bottom{position:relative;z-index:2;display:flex;gap:24px}.auth-stat{display:flex;flex-direction:column;gap:2px}.auth-stat-num{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.auth-stat-label{font-family:var(--font-sans);font-size:.68rem;color:var(--text-muted)}.auth-candles{position:absolute;inset:auto 0 0 0;height:46%;display:flex;align-items:flex-end;gap:6px;padding:0 56px 0 56px;z-index:1;opacity:.55;mask-image:linear-gradient(to top,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 0%,transparent 100%)}.auth-candle{width:7px;border-radius:2px;background:var(--accent-green);animation:candleFlicker 4.5s ease-in-out infinite;transform-origin:bottom}.auth-candle.down{background:var(--accent-red)}@keyframes candleFlicker{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.18)}}@media (prefers-reduced-motion:reduce){.auth-candle{animation:none}}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:48px 32px;background:var(--bg-secondary);height:100%;min-height:0;overflow-y:auto}.auth-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow)}.auth-card-logo-mobile{display:none}.auth-card-logo-mobile-box{width:84px;height:84px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;box-shadow:var(--shadow-sm)}.auth-card-logo-mobile-box img{width:100%;height:100%;object-fit:contain}.auth-card-title{font-family:var(--font-sans);font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px}.auth-card-sub{font-family:var(--font-sans);font-size:.84rem;color:var(--text-secondary);margin-bottom:28px}.auth-field{margin-bottom:16px}.auth-label{display:block;font-family:var(--font-sans);font-size:.74rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.01em}.auth-input{width:100%;padding:11px 13px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.86rem;transition:border-color var(--transition),box-shadow var(--transition)}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{outline:0;border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-dim)}.auth-input-wrap{position:relative}.auth-input-toggle{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex}.auth-input-toggle:hover{color:var(--text-secondary)}.auth-submit{width:100%;padding:12px;margin-top:6px;background:var(--accent-green);color:#0d1117;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:700;font-size:.88rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.auth-submit:hover:not(:disabled){background:#00e893;box-shadow:var(--shadow-green);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:22px;text-align:center;font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary)}.auth-switch a{color:var(--accent-blue);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.auth-msg{display:none;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.78rem;line-height:1.4;margin-bottom:16px}.auth-msg.show{display:flex}.auth-msg.error{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid rgba(255,71,87,.25)}.auth-msg.success{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid rgba(0,208,132,.25)}.auth-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(13,17,23,.25);border-top-color:#0d1117;animation:authSpin .7s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}@media (max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-panel{padding:36px 20px;align-items:flex-start}.auth-card{margin:24px auto;padding:28px 22px}.auth-card-logo-mobile{display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center;margin-bottom:24px}.auth-card-logo-mobile span{font-family:var(--font-sans);font-weight:700;color:var(--text-primary);font-size:1.05rem;letter-spacing:-.01em}}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.role-badge.free{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.role-badge.premium{background:var(--accent-gold-dim);color:var(--accent-gold);border:1px solid rgba(255,215,0,.3)}.role-badge.admin{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid rgba(77,171,247,.3)}.role-badge.unused{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid rgba(0,208,132,.25)}.role-badge.used{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-color)}.premium-shell{min-height:100vh;background:var(--bg-primary)}.premium-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.premium-topbar-brand{display:flex;align-items:center;gap:10px}.premium-topbar-brand .topbar-logo-box{width:38px;height:38px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;padding:4px}.premium-topbar-brand img{width:100%;height:100%;object-fit:contain}.premium-topbar-brand span{font-family:var(--font-sans);font-weight:700;color:var(--text-primary);font-size:.92rem}.premium-wrap{max-width:1080px;margin:0 auto;padding:48px 24px 80px}.premium-hero{text-align:center;max-width:620px;margin:0 auto 44px}.premium-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--accent-gold);text-transform:uppercase;background:var(--accent-gold-dim);padding:5px 12px;border-radius:100px;margin-bottom:16px}.premium-title{font-family:var(--font-sans);font-size:1.8rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px}.premium-sub{font-family:var(--font-sans);font-size:.9rem;color:var(--text-secondary);line-height:1.6}.plan-status-banner{max-width:620px;margin:0 auto 32px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);font-family:var(--font-sans);font-size:.84rem;color:var(--text-primary);display:flex;align-items:center;gap:10px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}.plan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px 22px;display:flex;flex-direction:column;gap:14px;transition:border-color var(--transition),transform var(--transition)}.plan-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.plan-card.featured{border-color:var(--accent-gold);box-shadow:0 0 0 1px var(--accent-gold),var(--shadow);position:relative}.plan-card.featured::before{content:'PALING HEMAT';position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--accent-gold);color:#0d1117;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:100px}.plan-name{font-family:var(--font-sans);font-size:.95rem;font-weight:700;color:var(--text-primary)}.plan-price{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.plan-price span{font-size:.7rem;color:var(--text-muted);font-weight:400}.plan-perday{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-green)}.plan-features{list-style:none;padding:0;margin:4px 0;display:flex;flex-direction:column;gap:8px}.plan-features li{font-family:var(--font-sans);font-size:.78rem;color:var(--text-secondary);display:flex;gap:8px;align-items:flex-start}.plan-features li svg{flex-shrink:0;margin-top:2px;color:var(--accent-green)}.plan-select-btn{margin-top:auto;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-primary);font-family:var(--font-sans);font-weight:600;font-size:.82rem;cursor:pointer;transition:all var(--transition);text-align:center}.plan-select-btn:hover{background:var(--bg-active);border-color:var(--border-bright)}.plan-card.featured .plan-select-btn{background:var(--accent-gold);color:#0d1117;border-color:var(--accent-gold)}.plan-card.featured .plan-select-btn:hover{background:#ffe033}.pay-panel{display:none;max-width:760px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;grid-template-columns:300px 1fr}.pay-panel.show{display:grid}@media (max-width:720px){.pay-panel.show{grid-template-columns:1fr}}.pay-qris{padding:28px;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg-secondary);border-right:1px solid var(--border-color)}.pay-qris img{width:220px;height:220px;object-fit:contain;background:#fff;border-radius:var(--radius);padding:10px}.pay-qris-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);text-align:center}.pay-qris-amount{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--accent-green)}.pay-steps{padding:28px}.pay-steps-title{font-family:var(--font-sans);font-weight:700;color:var(--text-primary);font-size:.95rem;margin-bottom:16px}.pay-step{display:flex;gap:12px;margin-bottom:16px}.pay-step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--bg-hover);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.68rem;color:var(--text-secondary);font-weight:700}.pay-step-text{font-family:var(--font-sans);font-size:.82rem;color:var(--text-secondary);line-height:1.55;padding-top:1px}.pay-step-text strong{color:var(--text-primary)}.wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:6px;background:#25d366;color:#07330f;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:700;font-size:.86rem;cursor:pointer;text-decoration:none;transition:all var(--transition)}.wa-btn:hover{background:#2fe579;transform:translateY(-1px)}.redeem-panel{max-width:460px;margin:56px auto 0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px}.redeem-title{font-family:var(--font-sans);font-weight:700;color:var(--text-primary);font-size:.95rem;margin-bottom:4px}.redeem-sub{font-family:var(--font-sans);font-size:.78rem;color:var(--text-secondary);margin-bottom:18px}.redeem-row{display:flex;gap:8px}.redeem-row .auth-input{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.redeem-row .auth-submit{width:auto;padding:11px 18px;margin-top:0;white-space:nowrap}.admin-shell{min-height:100vh;background:var(--bg-primary)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;top:0;z-index:10}.admin-topbar-brand{display:flex;align-items:center;gap:10px}.admin-topbar-brand .topbar-logo-box{width:36px;height:36px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;padding:4px}.admin-topbar-brand img{width:100%;height:100%;object-fit:contain}.admin-topbar-brand span{font-family:var(--font-sans);font-weight:700;color:var(--text-primary);font-size:.9rem}.admin-topbar-right{display:flex;align-items:center;gap:14px}.admin-email{font-family:var(--font-mono);font-size:.76rem;color:var(--text-secondary)}.admin-wrap{max-width:1180px;margin:0 auto;padding:28px 24px 64px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:18px}.admin-stat-num{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.admin-stat-label{font-family:var(--font-sans);font-size:.74rem;color:var(--text-secondary);margin-top:4px}.admin-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.admin-section-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:10px}.admin-section-title{font-family:var(--font-sans);font-weight:700;color:var(--text-primary);font-size:.9rem}.admin-section-sub{font-family:var(--font-sans);font-size:.74rem;color:var(--text-secondary);margin-top:2px}.admin-gen-row{display:flex;gap:8px;padding:16px 18px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.gen-btn{padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-primary);font-family:var(--font-sans);font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:6px}.gen-btn:hover{background:var(--accent-green-dim);border-color:var(--accent-green);color:var(--accent-green)}.gen-btn:disabled{opacity:.5;cursor:not-allowed}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:.78rem}.admin-table th{text-align:left;padding:10px 16px;color:var(--text-muted);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap}.admin-table td{padding:11px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-hover)}.admin-table .mono{font-family:var(--font-mono)}.admin-table .muted{color:var(--text-secondary)}.icon-btn{background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px 8px;display:inline-flex;transition:all var(--transition)}.icon-btn:hover{color:var(--accent-red);border-color:var(--accent-red);background:var(--accent-red-dim)}.icon-btn.copy:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--accent-blue-dim)}.admin-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-family:var(--font-sans);font-size:.82rem}.admin-loading{padding:40px 20px;text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem}.std-toast-host{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:8px}.std-toast{min-width:240px;max-width:340px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);font-family:var(--font-sans);font-size:.8rem;color:var(--text-primary);display:flex;align-items:flex-start;gap:9px;animation:toastIn .25s ease}.std-toast.success{border-color:rgba(0,208,132,.35)}.std-toast.error{border-color:rgba(255,71,87,.35)}@keyframes toastIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.fullscreen-loader{position:fixed;inset:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:99999;flex-direction:column;gap:22px}.fullscreen-loader .loader-logo-box{position:relative;width:108px;height:108px;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,255,255,.06);animation:loaderLogoPulse 2.2s ease-in-out infinite}.fullscreen-loader .loader-logo-box img{width:100%;height:100%;object-fit:contain}.fullscreen-loader .loader-logo-box .ring{position:absolute;inset:-12px;border-radius:30px;border:3px solid var(--border-color);border-top-color:var(--accent-green);border-right-color:var(--accent-green);animation:authSpin 1s linear infinite}@keyframes loaderLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}.fullscreen-loader .loader-text{display:flex;flex-direction:column;align-items:center;gap:4px}.fullscreen-loader .loader-brand{font-family:var(--font-sans);font-weight:700;font-size:1rem;color:var(--text-primary);letter-spacing:-.01em}.fullscreen-loader span.loader-status{font-family:var(--font-mono);font-size:.74rem;color:var(--text-secondary);letter-spacing:.02em}@media (prefers-reduced-motion:reduce){.fullscreen-loader .loader-logo-box{animation:none}}.upgrade-gate{max-width:460px;margin:60px auto;text-align:center;padding:36px 28px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.upgrade-gate-icon{width:52px;height:52px;border-radius:50%;background:var(--accent-gold-dim);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.upgrade-gate-title{font-family:var(--font-sans);font-weight:700;font-size:1.05rem;color:var(--text-primary);margin-bottom:8px}.upgrade-gate-desc{font-family:var(--font-sans);font-size:.84rem;color:var(--text-secondary);line-height:1.6;margin-bottom:22px}.upgrade-gate-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:var(--accent-green);color:#0d1117;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:700;font-size:.84rem;text-decoration:none;transition:all var(--transition)}.upgrade-gate-btn:hover{background:#00e893;transform:translateY(-1px)}@media (max-width:720px){.plan-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}.nav-badge.limit-badge{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color);font-family:var(--font-mono)}.nav-badge.limit-badge.exhausted{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid rgba(255,71,87,.25)}.nav-badge.unlimited-badge{background:var(--accent-gold-dim);color:var(--accent-gold);border:1px solid rgba(255,215,0,.3);font-family:var(--font-sans);font-weight:800;letter-spacing:.02em}.nav-badge.pro-badge{background:var(--accent-gold);color:#0d1117;font-family:var(--font-mono);font-weight:800;display:inline-flex;align-items:center;gap:3px}.nav-crown{display:inline-flex;vertical-align:-1px;margin-left:6px;color:var(--accent-gold);filter:drop-shadow(0 0 3px rgba(255,215,0,.35))}.nav-section-label.premium-section-label{display:flex;align-items:center;color:var(--accent-gold);margin-top:4px;padding-top:14px;border-top:1px solid var(--border-color)}.account-wrap{display:flex;align-items:center;gap:8px;margin-left:4px}.upgrade-pill{display:flex;align-items:center;gap:5px;padding:6px 11px;background:var(--accent-gold-dim);color:var(--accent-gold);border:1px solid rgba(255,215,0,.3);border-radius:100px;font-family:var(--font-sans);font-size:.72rem;font-weight:700;text-decoration:none;transition:all var(--transition);white-space:nowrap}.upgrade-pill:hover{background:var(--accent-gold);color:#0d1117}.account-info{display:flex;align-items:center;gap:7px;background:0 0;border:1px solid var(--border-color);border-radius:100px;padding:5px 12px 5px 5px;cursor:pointer;transition:all var(--transition)}.account-info:hover{border-color:var(--border-bright);background:var(--bg-hover)}.account-username{font-family:var(--font-sans);font-size:.78rem;font-weight:600;color:var(--text-primary);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:0 0;border:1px solid var(--border-color);border-radius:100px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.logout-btn:hover{color:var(--accent-red);border-color:var(--accent-red);background:var(--accent-red-dim)}@media (max-width:768px){.account-username{display:none}.upgrade-pill span{display:none}}