.dubsub-billing{min-height:100%;color:var(--ds-ink);flex-direction:column;display:flex}.dubsub-billing button,.dubsub-billing input{font:inherit}.dubsub-billing-refresh svg{width:.78rem}.dubsub-billing-body{flex-direction:column;flex:1;gap:.8rem;padding:.9rem 1rem 1.2rem;display:flex}.dubsub-billing-overview{grid-template-columns:minmax(0,1.55fr) minmax(15rem,.75fr);gap:.5rem;display:grid}.dubsub-billing-balance-card,.dubsub-billing-stat-card,.dubsub-billing-packages,.dubsub-billing-record-panel{background:#fbf8f1cc;border:1px solid #15161221;box-shadow:inset 0 1px 1px #ffffffe0,0 .7rem 1.8rem #1516120a}.dubsub-billing-balance-card{min-height:12.5rem;color:var(--ds-paper-soft);background:radial-gradient(circle at 90% 12%,#ed4f323d,#0000 15rem),linear-gradient(145deg,#171813 0%,#202019 100%);border-radius:1.45rem;padding:1.25rem 1.35rem;position:relative;overflow:hidden}.dubsub-billing-balance-card:after{content:"";border:1px solid #ed4f3238;border-radius:50%;width:18rem;height:18rem;position:absolute;bottom:-13rem;right:-9rem}.dubsub-billing-card-head,.dubsub-billing-balance-meta,.dubsub-billing-section-head,.dubsub-billing-package-index,.dubsub-billing-record-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dubsub-billing-overline{color:var(--ds-ink-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:750}.dubsub-billing-balance-card .dubsub-billing-overline{color:var(--ds-dark-muted)}.dubsub-billing-sync-state{color:var(--ds-dark-muted);align-items:center;gap:.35rem;font-size:.65rem;display:inline-flex}.dubsub-billing-sync-state i{background:var(--ds-sage);border-radius:50%;width:.34rem;height:.34rem;box-shadow:0 0 0 .2rem #a6b59a1f}.dubsub-billing-balance-value{z-index:1;align-items:baseline;gap:.6rem;margin-top:1.35rem;display:flex;position:relative}.dubsub-billing-balance-value svg{width:1.15rem;color:var(--ds-signal);transform:translateY(.08rem)}.dubsub-billing-balance-value strong{letter-spacing:-.075em;font-variant-numeric:tabular-nums;font-size:clamp(2.9rem,5vw,4.7rem);font-weight:560;line-height:.86}.dubsub-billing-balance-value span{color:var(--ds-dark-muted);font-size:.8rem}.dubsub-billing-balance-card>p{z-index:1;max-width:34rem;color:var(--ds-dark-muted);margin:1.05rem 0 0;font-size:.75rem;line-height:1.55;position:relative}.dubsub-billing-balance-meta{z-index:1;border-top:1px solid var(--ds-line-dark);color:var(--ds-dark-muted);padding-top:.8rem;font-size:.67rem;position:absolute;bottom:1.25rem;left:1.35rem;right:1.35rem}.dubsub-billing-balance-meta strong{color:var(--ds-paper-soft);font-variant-numeric:tabular-nums;font-size:.72rem}.dubsub-billing-stat-stack{gap:.5rem;display:grid}.dubsub-billing-stat-card{border-radius:1.15rem;grid-template-columns:1fr auto;align-items:start;gap:.35rem 1rem;min-height:0;padding:1rem 1.1rem;display:grid}.dubsub-billing-stat-card .dubsub-billing-overline,.dubsub-billing-stat-card p{grid-column:1/-1}.dubsub-billing-stat-card>div{display:contents}.dubsub-billing-stat-card strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:560;line-height:1}.dubsub-billing-stat-card svg{width:1rem;color:var(--ds-signal)}.dubsub-billing-stat-card.is-usage svg{color:#728e68}.dubsub-billing-stat-card p{color:var(--ds-ink-muted);margin:0;font-size:.68rem;line-height:1.45}.dubsub-billing-packages,.dubsub-billing-record-panel{border-radius:1.45rem}.dubsub-billing-packages{padding:1.2rem}.dubsub-billing-section-head{align-items:end}.dubsub-billing-section-head h1{letter-spacing:-.055em;text-wrap:balance;max-width:38rem;margin:.32rem 0 0;font-size:clamp(1.45rem,2.5vw,2.35rem);font-weight:560;line-height:1.02}.dubsub-billing-section-head p{color:var(--ds-ink-muted);margin:.55rem 0 0;font-size:.72rem}.dubsub-billing-methods{border:1px solid var(--ds-line);background:var(--ds-paper-deep);border-radius:.82rem;grid-template-columns:1fr 1fr;gap:.2rem;min-width:14rem;padding:.22rem;display:grid}.dubsub-billing-methods button{min-height:2.2rem;color:var(--ds-ink-muted);cursor:pointer;transition:color .18s ease, background .22s var(--ds-ease), transform .18s ease;background:0 0;border:0;border-radius:.64rem;padding:0 .8rem;font-size:.69rem;font-weight:650}.dubsub-billing-methods button[aria-pressed=true]{background:var(--ds-ink);color:var(--ds-paper-soft)}.dubsub-billing-methods button:active{transform:translateY(1px)}.dubsub-billing-package-grid{border:1px solid var(--ds-line);background:var(--ds-paper-deep);border-radius:1.1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem;display:grid;overflow:hidden}.dubsub-billing-package{background:var(--ds-paper-soft);min-width:0;min-height:17.5rem;transition:background .22s ease, transform .22s var(--ds-ease), box-shadow .22s ease;flex-direction:column;padding:1rem;display:flex}.dubsub-billing-package+.dubsub-billing-package{border-left:1px solid var(--ds-line)}.dubsub-billing-package:hover{z-index:1;position:relative;transform:translateY(-.18rem);box-shadow:0 1rem 2.4rem #1516121a}.dubsub-billing-package.is-featured{background:var(--ds-signal);color:var(--ds-ink)}.dubsub-billing-package.is-highlighted{box-shadow:inset 0 0 0 2px var(--ds-signal)}.dubsub-billing-package-index>span{color:var(--ds-ink-muted);letter-spacing:.12em;font-size:.61rem;font-weight:750}.dubsub-billing-package h2{letter-spacing:-.035em;margin:1.25rem 0 0;font-size:1.05rem;font-weight:650}.dubsub-billing-package-price{letter-spacing:-.07em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:.55rem;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:560;line-height:1;overflow:hidden}.dubsub-billing-package-credit{color:var(--ds-ink-muted);margin-top:.35rem;font-size:.7rem;font-weight:600}.dubsub-billing-package.is-featured .dubsub-billing-package-index>span,.dubsub-billing-package.is-featured .dubsub-billing-package-credit{color:#151612ad}.dubsub-billing-package ul{border-top:1px solid var(--ds-line);color:var(--ds-ink-muted);flex-direction:column;flex:1;gap:.45rem;margin:1.05rem 0 0;padding:.9rem 0 0;font-size:.66rem;line-height:1.4;list-style:none;display:flex}.dubsub-billing-package li{gap:.42rem;display:flex}.dubsub-billing-package li svg{width:.72rem;color:var(--ds-signal);flex:none}.dubsub-billing-package.is-featured ul{color:#151612b3;border-color:#1516122e}.dubsub-billing-package.is-featured li svg{color:var(--ds-ink)}.dubsub-billing-package-cta{width:100%;min-height:2.4rem;margin-top:.9rem;background:var(--ds-ink)!important;color:var(--ds-paper-soft)!important;border-radius:999px!important;font-size:.72rem!important;font-weight:700!important;transition:transform .18s,background .18s!important}.dubsub-billing-package-cta:hover{background:#2a2b24!important}.dubsub-billing-package-cta:active{transform:translateY(1px)}.dubsub-billing-package-cta svg{width:.85rem}.dubsub-billing-package-skeleton{background:linear-gradient(100deg,#ece8de 20%,#f8f5ee 42%,#ece8de 64%) 0 0/220% 100%;min-height:17.5rem;animation:1.5s linear infinite dubsub-billing-shimmer}.dubsub-billing-package-skeleton+.dubsub-billing-package-skeleton{border-left:1px solid var(--ds-line)}.dubsub-billing-package-empty{color:var(--ds-ink-muted);text-align:center;grid-column:1/-1;padding:3rem 1rem;font-size:.75rem}.dubsub-billing-records{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:.5rem;display:grid}.dubsub-billing-record-panel{min-width:0;overflow:hidden}.dubsub-billing-record-head{border-bottom:1px solid var(--ds-line);min-height:4.4rem;padding:.85rem 1rem}.dubsub-billing-record-head h2{letter-spacing:-.025em;margin:.2rem 0 0;font-size:.9rem;font-weight:650}.dubsub-billing-record-head>span{color:var(--ds-ink-muted);font-variant-numeric:tabular-nums;font-size:.65rem}.dubsub-billing-order-list{flex-direction:column;max-height:20rem;display:flex;overflow:auto}.dubsub-billing-order-row{grid-template-columns:minmax(0,1.4fr) minmax(7rem,.7fr) minmax(6rem,.6fr) auto;align-items:center;gap:.8rem;padding:.85rem 1rem;display:grid}.dubsub-billing-order-row+.dubsub-billing-order-row{border-top:1px solid var(--ds-line)}.dubsub-billing-order-identity>div{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.dubsub-billing-order-identity>div>span{font-family:var(--font-geist-mono), monospace;font-size:.7rem;font-weight:700}.dubsub-billing-order-identity p,.dubsub-billing-order-time span,.dubsub-billing-empty-state p{color:var(--ds-ink-muted);margin:.28rem 0 0;font-size:.64rem;line-height:1.45}.dubsub-billing-order-time{flex-direction:column;display:flex}.dubsub-billing-order-time strong,.dubsub-billing-countdown{font-variant-numeric:tabular-nums;margin-top:.18rem;font-size:.68rem;font-weight:650}.dubsub-billing-countdown{font-family:var(--font-geist-mono), monospace;color:var(--ds-signal)}.dubsub-billing-order-action button{border-radius:999px;min-height:2rem;font-size:.65rem}.dubsub-billing-ledger-wrap{max-height:20rem;overflow:auto}.dubsub-billing-ledger-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:.68rem}.dubsub-billing-ledger-wrap th,.dubsub-billing-ledger-wrap td{border-bottom:1px solid var(--ds-line);white-space:nowrap;padding:.75rem .8rem}.dubsub-billing-ledger-wrap th{color:var(--ds-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.59rem;font-weight:750}.dubsub-billing-ledger-wrap td:nth-child(2),.dubsub-billing-ledger-wrap td:nth-child(4),.dubsub-billing-ledger-wrap td:nth-child(5){color:var(--ds-ink-muted)}.dubsub-billing-ledger-wrap td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums;font-weight:750}.dubsub-billing-ledger-wrap td.is-positive{color:#55744e}.dubsub-billing-ledger-wrap td.is-negative{color:#9e301f}.dubsub-billing-ledger-wrap td>span{align-items:center;gap:.35rem;display:inline-flex}.dubsub-billing-ledger-wrap td svg{flex:none;width:.72rem}.dubsub-billing-notice{border:1px solid;border-radius:.9rem;align-items:center;gap:.55rem;padding:.65rem .75rem;font-size:.7rem;line-height:1.45;display:flex}.dubsub-billing-notice svg{flex:none;width:.85rem}.dubsub-billing-notice.is-error{color:#812918;background:#fff1ec;border-color:#9e301f3d}.dubsub-billing-notice.is-success{color:#3f6239;background:#edf3e9;border-color:#55744e3d}.dubsub-billing-empty-state{text-align:left;justify-content:center;align-items:center;gap:.7rem;min-height:8rem;padding:1rem;display:flex}.dubsub-billing-empty-state>svg{width:1rem;color:var(--ds-ink-muted)}.dubsub-billing-empty-state strong{font-size:.72rem}@keyframes dubsub-billing-shimmer{to{background-position:-220% 0}}@media (max-width:1120px){.dubsub-billing-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dubsub-billing-package:nth-child(3){border-left:0;border-top:1px solid var(--ds-line)}.dubsub-billing-package:nth-child(4){border-top:1px solid var(--ds-line)}.dubsub-billing-records{grid-template-columns:1fr}}@media (max-width:760px){.dubsub-billing-body{padding:.75rem}.dubsub-billing-overview,.dubsub-billing-package-grid{grid-template-columns:1fr}.dubsub-billing-package+.dubsub-billing-package{border-top:1px solid var(--ds-line);border-left:0}.dubsub-billing-section-head{flex-direction:column;align-items:stretch}.dubsub-billing-methods{width:100%;min-width:0}.dubsub-billing-order-row{grid-template-columns:1fr 1fr}.dubsub-billing-order-identity,.dubsub-billing-order-action{grid-column:1/-1}.dubsub-billing-order-action{justify-content:flex-end;display:flex}}@media (prefers-reduced-motion:reduce){.dubsub-billing-package,.dubsub-billing-methods button,.dubsub-billing-package-cta{transition:none}.dubsub-billing-package-skeleton{animation:none}}