.sub-skeleton{background:linear-gradient(90deg, #fff, var(--bg), #fff);height:220px}.sub-current{max-width:800px;margin-bottom:28px;padding:26px 28px}.sub-current-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sub-eyebrow{color:var(--muted);font-size:11px}.sub-current h2{letter-spacing:-.4px;margin-top:6px;font-size:24px}.sub-status{white-space:nowrap;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:550}.sub-status.free{color:#4f6f93;background:var(--sky)}.sub-status.active{color:#3d8a68;background:#e8f7ef}.sub-status.expired,.sub-status.suspended{color:#b0614f;background:#fff0ec}.sub-usage{margin-top:24px}.sub-usage p{font-size:13px}.sub-usage b{font-variant-numeric:tabular-nums;font-size:20px}.sub-usage small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.sub-meter{background:#eef2f6;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.sub-meter span{background:var(--blue);transform-origin:0;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1);display:block}.sub-meter.full span{background:#e0915f}.sub-facts{margin:22px 0 0}.sub-alert,.sub-pending{border-radius:8px;margin-top:20px;padding:13px 16px;font-size:12px;line-height:1.6}.sub-alert{color:#8a5a2b;background:#fff6ec;border:1px solid #f6e2c9}.sub-pending{background:var(--sky);color:#3a6492;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.sub-hint{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.6}.sub-plans-head{max-width:800px;margin-bottom:16px}.sub-plans-head h2{font-size:16px}.sub-plans-head p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}.sub-plans{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sub-plan{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;gap:6px;padding:18px;display:flex}.sub-plan.current{border-color:#b9d8fa;box-shadow:inset 0 0 0 1px #b9d8fa}.sub-plan>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.sub-plan h3{font-size:14px}.sub-tag{color:var(--blue);background:var(--sky);white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:10px}.sub-price{color:var(--text);font-variant-numeric:tabular-nums;margin-top:4px;font-size:15px;font-weight:600}.sub-quota{color:var(--muted);font-size:12px}.sub-warn{color:#8a5a2b;font-size:11px;line-height:1.5}.sub-plan .button{align-self:flex-start;margin-top:auto}.sub-plan p+.button,.sub-plan .sub-quota+.button{margin-top:12px}.sub-plan .button:disabled,.sub-modal .button:disabled{opacity:.5;cursor:not-allowed}.sub-footnote{max-width:800px;color:var(--muted);margin-top:16px;font-size:11px;line-height:1.6}.sub-modal{gap:14px;padding:0 24px 24px;font-size:13px;display:grid}.sub-modal textarea{resize:vertical;width:100%;margin-top:8px}.sub-modal .sub-hint{margin:0}.sub-modal .button-row{justify-content:flex-end}@media (max-width:640px){.sub-current{padding:22px 18px}.sub-plans{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sub-meter span{transition:none}}.sub-quota-notice{margin:0 0 20px}.sub-quota-notice a{color:inherit;text-decoration:underline}.property-wizard .sub-quota-notice{max-width:760px;margin:12px auto 0}