.el-popconfirm__main{align-items:center;display:flex}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{margin-top:8px;text-align:right}#mainHeader[data-v-dd5da7e4]{position:relative;z-index:1}.subscription-card[data-v-dd5da7e4]{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:16px}@media (min-width:640px){.subscription-card[data-v-dd5da7e4]{padding:20px}}@media (min-width:1024px){.subscription-card[data-v-dd5da7e4]{padding:24px}}.header[data-v-dd5da7e4]{align-items:center;display:flex;flex-wrap:wrap;row-gap:8px}.title[data-v-dd5da7e4]{font-size:18px;font-weight:600;margin:0}@media (min-width:640px){.title[data-v-dd5da7e4]{font-size:20px}}@media (min-width:1024px){.title[data-v-dd5da7e4]{font-size:22px}}.subtitle[data-v-dd5da7e4]{color:#666;font-size:13px;margin-top:4px}@media (min-width:640px){.subtitle[data-v-dd5da7e4]{font-size:14px}}.plan-box[data-v-dd5da7e4]{background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:12px}@media (min-width:640px){.plan-box[data-v-dd5da7e4]{align-items:center;flex-direction:row;gap:0;justify-content:space-between;margin-top:20px;padding:16px}}.plan-left[data-v-dd5da7e4]{align-items:center;display:flex;gap:10px}@media (min-width:640px){.plan-left[data-v-dd5da7e4]{gap:12px}}.plan-name[data-v-dd5da7e4]{font-size:14px;font-weight:600;margin:0}@media (min-width:640px){.plan-name[data-v-dd5da7e4]{font-size:16px}}.plan-desc[data-v-dd5da7e4]{color:#777;font-size:12px;margin:0}@media (min-width:640px){.plan-desc[data-v-dd5da7e4]{font-size:14px}}.plan-status[data-v-dd5da7e4]{align-items:center;display:flex;gap:6px;justify-content:flex-start}@media (min-width:640px){.plan-status[data-v-dd5da7e4]{justify-content:flex-end}}.status-text[data-v-dd5da7e4]{font-size:13px;font-weight:600}@media (min-width:640px){.status-text[data-v-dd5da7e4]{font-size:14px}}.status-text.active[data-v-dd5da7e4]{color:#0f9d58}.status-dot.active-dot[data-v-dd5da7e4]{background:#0f9d58;border-radius:50%;height:8px;width:8px}@media (min-width:640px){.status-dot.active-dot[data-v-dd5da7e4]{height:10px;width:10px}}.status-text.expired[data-v-dd5da7e4]{color:#dc2626}.status-dot.expired-dot[data-v-dd5da7e4]{background:#dc2626;border-radius:50%;height:8px;width:8px}@media (min-width:640px){.status-dot.expired-dot[data-v-dd5da7e4]{height:10px;width:10px}}.action-button[data-v-dd5da7e4]{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}@media (min-width:640px){.action-button[data-v-dd5da7e4]{font-size:14px;min-width:auto;padding:6px 12px}}.action-button[data-v-dd5da7e4]:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-button[data-v-dd5da7e4]:active:not(:disabled){transform:translateY(0)}.action-button[data-v-dd5da7e4]:disabled{cursor:not-allowed;opacity:.6}.loading-icon[data-v-dd5da7e4]{animation:spin-dd5da7e4 1s linear infinite}@keyframes spin-dd5da7e4{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.action-button.subscribe[data-v-dd5da7e4]{border-color:#3b82f6;color:#3b82f6}.action-button.subscribe[data-v-dd5da7e4]:hover{background:#3b82f6;color:#fff}.action-button.cancel[data-v-dd5da7e4]{border-color:#ccc;color:#333}.action-button.cancel[data-v-dd5da7e4]:hover{background:#f3f4f6;border-color:#999}.action-button.renew[data-v-dd5da7e4]{border-color:#dc2626;color:#dc2626}.action-button.renew[data-v-dd5da7e4]:hover{background:#dc2626;color:#fff}@media (max-width:639px){.header[data-v-dd5da7e4]{text-align:center}.action-button[data-v-dd5da7e4]{max-width:200px;width:100%}.plan-box[data-v-dd5da7e4]{text-align:left}.plan-status[data-v-dd5da7e4]{align-self:flex-start}}