@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inconsolata:wght@400;600&display=swap";#portal-root{--pt-void: #151515;--pt-carbon: #1f1f1c;--pt-graphite: #282828;--pt-iron: #3a3a3a;--pt-olive: #161600;--pt-paper: #e5e7eb;--pt-bone: #dfdfdf;--pt-smoke: #a0a0a0;--pt-lime: #faff69;--pt-red: #ff6b6b;--pt-axon: #ff8a3d;--pt-vertex: #faff69;--pt-apex: #34d6e0;--pt-ease: cubic-bezier(.22, 1, .36, 1);font-family:Inter,system-ui,sans-serif;color:var(--pt-paper);background:var(--pt-void);min-height:100vh}#portal-root *{box-sizing:border-box}.pt-muted{color:var(--pt-smoke)}.pt-small{font-size:12px}.pt-dim{color:var(--pt-smoke)}.pt-link{color:var(--pt-lime);cursor:pointer}.pt-err{color:var(--pt-red);font-size:13px}.pt-logo{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.02em}.pt-logo-mark{color:var(--pt-lime)}.pt-btn{background:var(--pt-graphite);color:var(--pt-paper);border:1px solid var(--pt-iron);padding:9px 16px;border-radius:4px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s var(--pt-ease),background .2s var(--pt-ease)}.pt-btn:hover{background:#303030}.pt-btn:active{transform:translateY(1px)}.pt-btn:disabled{opacity:.5;cursor:not-allowed}.pt-btn-primary{background:var(--pt-lime);color:#111;border-color:var(--pt-lime);font-weight:600}.pt-btn-primary:hover{background:#eef25a}.pt-full{width:100%}.pt-input{background:var(--pt-void);border:1px solid var(--pt-iron);border-radius:4px;padding:10px 12px;color:var(--pt-paper);font:inherit;font-size:14px;outline:none}.pt-input:focus{border-color:var(--pt-lime)}.pt-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px}.pt-auth-card{background:var(--pt-carbon);border:1px solid var(--pt-iron);border-radius:8px;padding:32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:8px}.pt-auth-card h1{font-size:20px;margin:12px 0 0}.pt-auth-card label{font-size:13px;color:var(--pt-smoke);margin-top:10px}.pt-auth-links{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:13px;text-align:center}.pt-auth-foot{font-size:12px}.pt-shell{display:flex;min-height:100vh}.pt-side{width:230px;background:var(--pt-carbon);border-right:1px solid var(--pt-iron);padding:20px 14px;display:flex;flex-direction:column;gap:6px}.pt-side-top{padding:6px 8px 16px;border-bottom:1px solid var(--pt-iron);margin-bottom:8px}.pt-navi{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--pt-bone);padding:10px;border-radius:6px;font:inherit;font-size:14px;cursor:pointer;text-align:left;width:100%;transition:background .2s var(--pt-ease)}.pt-navi:hover{background:var(--pt-graphite)}.pt-navi.active{background:var(--pt-graphite);color:var(--pt-lime)}.pt-navi-ic{width:18px;display:inline-block;text-align:center;opacity:.9}.pt-logout{margin-top:auto;color:var(--pt-smoke)}.pt-main{flex:1;padding:28px 32px;overflow:auto}.pt-main h2{font-size:20px;margin:0 0 14px}.pt-main h3{font-size:14px;margin:18px 0 10px;color:var(--pt-smoke);font-weight:600}.pt-card{background:var(--pt-carbon);border:1px solid var(--pt-iron);border-radius:8px;padding:18px}.pt-usage{display:flex;flex-direction:column;gap:14px;max-width:760px}.pt-meter{display:flex;flex-direction:column;gap:6px}.pt-meter-head{display:flex;justify-content:space-between;font-size:13px}.pt-bar{height:8px;background:var(--pt-void);border-radius:99px;overflow:hidden}.pt-bar-fill{height:100%;border-radius:99px;transition:width .5s var(--pt-ease)}.pt-credits{font-family:Inconsolata,monospace;font-size:20px;color:var(--pt-lime);margin-top:2px}.pt-usage-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--pt-iron);padding-top:14px;margin-top:4px}.pt-chips{display:flex;gap:8px;flex-wrap:wrap}.pt-chip{background:var(--pt-graphite);border:1px solid var(--pt-iron);border-radius:99px;padding:4px 11px;font-size:12px;color:var(--pt-bone)}.pt-chip-lock{color:var(--pt-smoke)}.pt-chart{display:flex;align-items:flex-end;gap:3px;height:120px;max-width:760px}.pt-chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;min-width:0}.pt-chart-col>div{border-radius:1px}.pt-legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--pt-smoke)}.pt-legend span{display:flex;align-items:center;gap:6px}.pt-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.pt-empty{display:flex;flex-direction:column;gap:10px;align-items:flex-start;max-width:760px}.pt-empty-badge{background:#2a2718;color:var(--pt-lime);border:1px solid #4a4520;border-radius:99px;padding:5px 14px;font-size:13px;font-weight:600}@media(max-width:640px){.pt-shell{flex-direction:column}.pt-side{width:auto;flex-direction:row;overflow-x:auto;align-items:center}.pt-side-top{display:none}.pt-logout{margin:0}.pt-main{padding:20px 16px}}.pt-logo-img{height:26px;display:block}.pt-mono{font-family:Inconsolata,monospace}.pt-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px}.pt-pkg{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.pt-pkg-credits{font-family:Inconsolata,monospace;font-size:22px;color:var(--pt-paper)}.pt-pkg-price{font-size:16px;margin:10px 0 14px;color:var(--pt-lime);font-weight:600}.pt-pay{max-width:760px}.pt-pay-head{font-size:15px;font-weight:600;margin-bottom:4px}.pt-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:14px}.pt-pay-col{display:flex;flex-direction:column;gap:8px}.pt-pay-label{font-size:13px;color:var(--pt-smoke);font-weight:600}.pt-qris{width:100%;max-width:260px;border-radius:8px;background:#fff;padding:8px}.pt-kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--pt-iron);font-size:14px}.pt-kv span{color:var(--pt-smoke)}.pt-divider{height:1px;background:var(--pt-iron);margin:18px 0}.pt-upload{display:block;background:var(--pt-void);border:1px dashed var(--pt-iron);border-radius:6px;padding:14px;text-align:center;cursor:pointer;font-size:14px;transition:border-color .2s var(--pt-ease)}.pt-upload:hover{border-color:var(--pt-lime)}.pt-pay-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.pt-table{width:100%;border-collapse:collapse;font-size:13px}.pt-table th{text-align:left;color:var(--pt-smoke);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--pt-iron)}.pt-table td{padding:11px 10px;border-bottom:1px solid #2a2a2a}.pt-status{padding:3px 10px;border-radius:99px;font-size:12px}.pt-status.pending{background:#2a2718;color:var(--pt-lime)}.pt-status.success{background:#1c2a1c;color:#8fe08f}.pt-status.failed,.pt-status.expired{background:#2a1c1c;color:var(--pt-red)}@media(max-width:640px){.pt-pkg-grid,.pt-pay-grid{grid-template-columns:1fr}}.pt-main h3.pt-topup-group{margin:20px 0 10px;color:var(--pt-paper);font-size:15px}.pt-main h3.pt-topup-group:first-child{margin-top:4px}