.sub__empty{color:var(--text-muted);max-width:48ch;margin-bottom:1.5rem}.sub__cta{align-self:flex-start}.sub__top{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.sub__plan{font-size:var(--text-xl)}.sub__meta{display:flex;align-items:center;gap:.75rem;margin-top:.7rem}.sub__devices{font-size:var(--text-xs);color:var(--text-dim)}.sub__expiry{display:flex;flex-direction:column;gap:.2rem;text-align:right}.sub__expiry-label{font-size:var(--text-xs);color:var(--text-dim)}.sub__expiry-date{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.sub__expiry-days{font-size:var(--text-xs);color:var(--accent)}.sub__expiry-days.is-soon{color:var(--warn)}.sub__traffic-row{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:.6rem}.sub__traffic-pct{color:var(--text-dim)}.sub__bar{height:.6rem;border-radius:var(--radius-pill);background:oklch(100% 0 0/.06);overflow:hidden}.sub__bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width var(--duration-slow) var(--ease-out-expo)}.sub__bar-fill.is-high{background:linear-gradient(90deg,var(--warn),var(--danger))}.sub__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.wallet__topup{padding-block:.4rem}.wallet__balance{display:flex;flex-direction:column;gap:.3rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.wallet__balance-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;color:var(--accent)}.wallet__balance-note{font-size:var(--text-xs);color:var(--text-dim)}.wallet__list{display:flex;flex-direction:column}.wallet__item{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"kind time amount" "desc desc amount";grid-gap:.2rem .75rem;gap:.2rem .75rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.wallet__item:last-child{border-bottom:none}.wallet__kind{grid-area:kind;font-size:var(--text-xs);font-weight:560;color:var(--text)}.wallet__kind--deposit,.wallet__kind--promo_bonus,.wallet__kind--referral_reward{color:var(--accent)}.wallet__desc{grid-area:desc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet__desc,.wallet__time{font-size:var(--text-xs);color:var(--text-dim)}.wallet__time{grid-area:time}.wallet__amount{grid-area:amount;font-size:var(--text-sm);font-weight:600;text-align:right}.wallet__amount.is-plus{color:var(--ok)}.wallet__amount.is-minus{color:var(--text-muted)}.wallet__empty{padding:.75rem 0;font-size:var(--text-sm);color:var(--text-dim)}.cab{position:relative;z-index:1;padding-block:2.5rem var(--space-section)}.cab__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4.5rem}.cab__back{font-size:var(--text-sm);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out-expo)}.cab__back:hover{color:var(--accent)}.cab__demo{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border:1px dashed oklch(82% .15 80/.4);border-radius:var(--radius);background:oklch(82% .15 80/.07);font-size:var(--text-sm);color:var(--text-muted)}.cab__demo,.cab__header{margin-bottom:2rem}.cab__greeting{font-size:var(--text-2xl)}.cab__sub{margin-top:.5rem;color:var(--text-muted)}.cab__grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}.card{position:relative;display:flex;flex-direction:column;padding:1.6rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.card__title{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.card--span2{grid-column:1/-1}@media (min-width:880px){.cab__grid{grid-template-columns:1.4fr 1fr}}.copy{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) var(--ease-out-expo)}.copy:hover{color:var(--text);border-color:var(--accent)}.copy.is-copied{color:var(--accent-ink);background:var(--accent);border-color:transparent}