.periods-grid[data-v-567ba898]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.period-card[data-v-567ba898]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;background:#ffffff08;cursor:pointer;transition:all .2s}.period-card[data-v-567ba898]:hover{border-color:#fff3;background:#ffffff0d}.period-card.selected[data-v-567ba898]{border-color:#f59e0b;background:#f59e0b1a}.period-label[data-v-567ba898]{font-size:14px;color:#fffc}.period-price[data-v-567ba898]{font-size:20px;font-weight:700;color:#f59e0b}.period-monthly[data-v-567ba898]{font-size:11px;color:#ffffff80}.single-period[data-v-567ba898]{text-align:center;padding:24px;background:#ffffff08;border-radius:12px;margin-top:16px}.tabs-header[data-v-567ba898]{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:0}.tab-btn[data-v-567ba898]{flex:1;padding:12px;background:none;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;border-bottom:2px solid transparent}.tab-btn[data-v-567ba898]:hover{color:#fffc}.tab-btn.active[data-v-567ba898]{color:#f59e0b;border-bottom-color:#f59e0b}.tab-content[data-v-567ba898]{display:flex;flex-direction:column;min-height:0}.tab-body[data-v-567ba898]{flex:1;padding:16px;overflow-y:auto}