.plan-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.plan-card:hover{box-shadow:var(--shadow-md)}.plan-card--selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent),var(--shadow-md);transform:scale(1.03)}.plan-card--current{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b20}.plan-card__badge{position:absolute;top:12px;right:12px;z-index:1;font-size:.6875rem;font-weight:600;color:var(--color-accent);background:var(--color-accent-light);padding:4px 12px;border-radius:20px}.plan-card__header{padding:28px 28px 20px;text-align:center}.plan-card__name{font-size:1rem;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}.plan-card__price{display:flex;align-items:baseline;justify-content:center;gap:2px}.plan-card__amount{font-size:2.5rem;font-weight:800;color:var(--color-text);line-height:1.1}.plan-card__period{font-size:.9375rem;color:var(--color-text-muted);font-weight:500}.plan-card__annual{font-size:.75rem;color:var(--color-success);font-weight:600;margin-top:4px}.plan-card__body{padding:20px 28px 28px;display:flex;flex-direction:column;gap:16px;flex:1}.plan-card__desc{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.plan-card__features{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0;flex:1}.plan-card__feature{display:flex;gap:10px;font-size:.8125rem;color:var(--color-text);line-height:1.4}.plan-card__check{flex-shrink:0;margin-top:2px}.plan-card__action{margin-top:8px}.plan-card__btn{width:100%;justify-content:center;padding:12px}.plan-card__btn--primary{background:var(--color-accent);color:#fff;border:none}.plan-card__btn--primary:hover{background:var(--color-accent-hover)}.plan-card__btn--primary:disabled{opacity:.6;cursor:not-allowed}.plan-card__current-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:#92400e}@media(prefers-color-scheme:dark){.plan-card__current-badge{background:#451a03;border-color:#78350f;color:#fbbf24}.plan-card--current{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2420}}@media(max-width:900px){.plan-card--selected{transform:none}.plan-card__header{padding:20px 20px 16px}.plan-card__body{padding:16px 20px 20px}}.sub-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.sub-card__info{display:flex;flex-direction:column;gap:8px}.sub-card__label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sub-card__plan-row{display:flex;align-items:center;gap:10px}.sub-card__plan-name{font-size:1.375rem;font-weight:800;color:var(--color-text);line-height:1.2}.sub-card__gateway{font-size:.6875rem;color:var(--color-text-soft);background:var(--color-bg);padding:2px 8px;border-radius:4px;font-weight:600;letter-spacing:.03em}.sub-card__status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;width:fit-content}.sub-card__dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sub-card__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sub-card__btn--danger{background:transparent;color:#ef4444;border:1.5px solid #fecaca;border-radius:var(--radius-md);padding:8px 16px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.sub-card__btn--danger:hover{background:#fef2f2;border-color:#ef4444}.sub-card__btn--danger:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.sub-card__btn--danger{border-color:#7f1d1d}.sub-card__btn--danger:hover{background:#450a0a}}.ub-item{padding:14px 0}.ub-item+.ub-item{border-top:1px solid var(--color-border)}.ub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ub-label{font-size:.875rem;color:var(--color-text);font-weight:500}.ub-value{font-size:.8125rem;color:var(--color-text-muted);font-weight:600;font-variant-numeric:tabular-nums}.ub-track{height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.ub-fill{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease;min-width:0}.ub-warning{margin-top:6px;font-size:.75rem;color:#ef4444;font-weight:500}.ub-hint{margin-top:6px;font-size:.75rem;color:#f59e0b;font-weight:500}.bill-page{padding:48px 0 96px}.bill-page__inner{max-width:1100px;margin:0 auto;padding:0 24px}.bill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:20px}.bill-header__title{font-size:1.75rem;font-weight:800;color:var(--color-text);line-height:1.2}.bill-header__company{font-size:.9375rem;color:var(--color-text-muted);margin-top:4px}.bill-section{margin-bottom:48px}.bill-section__header{margin-bottom:20px}.bill-section__title{font-size:1.125rem;font-weight:700;color:var(--color-text)}.bill-error{text-align:center;padding:40px 24px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);margin-bottom:48px}.bill-error__icon{margin-bottom:12px;display:flex;justify-content:center}.bill-error__text{font-size:.9375rem;font-weight:600;color:#991b1b}.bill-error__detail{font-size:.75rem;color:#7f1d1d;margin-top:8px;font-family:monospace;word-break:break-all}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.usage-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:8px 24px;max-width:500px}@media(prefers-color-scheme:dark){.bill-error{background:#450a0a;border-color:#7f1d1d}.bill-error__text,.bill-error__detail{color:#fca5a5}}@media(max-width:900px){.bill-page{padding:32px 0 64px}.bill-header{flex-direction:column}.bill-header__title{font-size:1.375rem}.plan-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}