.billing-dialog-overlay{z-index:140;-webkit-backdrop-filter:blur(1.25px);background:#d9d9d94d;position:fixed;inset:0}.billing-dialog-viewport{z-index:141}.billing-dialog-content{z-index:141;gap:var(--app-space-20);width:min(575px,100vw - 32px);max-height:calc(100dvh - 48px);padding:var(--app-space-20);font-family:var(--app-shell-font);background:var(--app-shell-panel);border-radius:var(--app-shell-radius-canvas);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000000f,0 1px 1px -.5px #0000000f,0 3px 3px -1.5px #0000000f,0 6px 6px -3px #0000000f,0 12px 12px -6px #0000000a,0 24px 24px -12px #0000000a}.billing-dialog-header{align-items:center;gap:var(--app-space-16);padding-right:var(--app-space-40);display:flex;position:relative}.billing-dialog-icontile{width:48px;height:48px;color:var(--app-shell-text);border:1px solid var(--app-shell-border);border-radius:12px;flex:0 0 48px;justify-content:center;align-items:center;display:inline-flex}.billing-dialog-title{color:var(--app-shell-text);letter-spacing:var(--app-tracking-hero);margin:0;font-size:20px;font-weight:500;line-height:28px}.billing-dialog-close{width:32px;height:32px;color:var(--app-shell-text);border-radius:var(--app-shell-radius-chip);cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding:0;transition:background-color 75ms;display:inline-flex;position:absolute;top:-8px;right:-8px}.billing-dialog-close:hover{background:var(--app-shell-control)}.billing-dialog-close:active{background:var(--app-shell-control-hover)}.billing-dialog-close:focus-visible{outline:var(--app-shell-focus-ring-width) solid var(--app-shell-focus-ring);outline-offset:var(--app-shell-focus-ring-offset)}.billing-dialog-body{gap:var(--app-space-16);flex-direction:column;display:flex}.billing-dialog-intro{color:var(--app-shell-text);font-size:var(--app-type-small);margin:0;font-weight:400;line-height:20px}.billing-dialog-card{border:1px solid var(--app-shell-border);border-radius:var(--app-shell-radius-popover)}.billing-dialog-row{justify-content:space-between;align-items:center;gap:var(--app-space-12);padding:13px var(--app-space-16) var(--app-space-12);display:flex;position:relative}.billing-dialog-row:first-child{padding-top:var(--app-space-16)}.billing-dialog-row+.billing-dialog-row:before{top:0;right:var(--app-space-16);left:var(--app-space-16);background:var(--app-shell-border);content:"";height:1px;position:absolute}.billing-dialog-row-label{color:var(--app-shell-text-muted);font-size:var(--app-type-small);margin:0;font-weight:400;line-height:20px}.billing-dialog-row-value{color:var(--app-shell-text);font-size:var(--app-type-small);text-align:right;margin:0;font-weight:500;line-height:20px}.billing-dialog-topup{justify-content:space-between;align-items:center;gap:var(--app-space-12);border:1px solid var(--app-shell-border);border-radius:var(--app-shell-radius-popover);padding:17px 15px;display:flex}.billing-dialog-footer{justify-content:flex-end;align-items:center;gap:var(--app-space-8);flex-wrap:wrap;display:flex}.billing-dialog-btn.wui-btn{gap:var(--app-space-4);border-radius:var(--app-shell-radius-chip);padding:0 11px}.billing-dialog-btn--icon.wui-btn{padding-left:var(--app-space-8);gap:5px}.billing-dialog-status{color:var(--app-shell-text-muted);text-align:right;margin:0;font-size:13px;font-weight:400;line-height:18px}.billing-dialog-skeleton{background:var(--app-shell-control);border-radius:var(--app-shell-radius-chip);height:14px;animation:1.4s ease-in-out infinite billing-dialog-skeleton-pulse;display:block}.billing-dialog-error{justify-content:space-between;align-items:center;gap:var(--app-space-12);padding:var(--app-space-16);border:1px solid var(--app-shell-border);border-radius:var(--app-shell-radius-popover);flex-wrap:wrap;display:flex}.billing-dialog-error-text{color:var(--app-shell-text-muted);font-size:var(--app-type-small);margin:0;font-weight:400;line-height:20px}@keyframes billing-dialog-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.billing-dialog-close{transition:none}.billing-dialog-skeleton{animation:none}}