.subscription-card{margin-top:16px;overflow:visible}.subscription-card .card-header{position:relative}.subscription-menu{position:relative}.subscription-menu-button{width:42px;height:38px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface2);font-size:18px;letter-spacing:2px;cursor:pointer}.subscription-menu-popover{position:absolute;z-index:8;right:0;top:44px;width:190px;padding:6px;border:1px solid var(--border);border-radius:11px;background:#0d1e31;box-shadow:0 18px 45px #0008}.subscription-menu-popover button{width:100%;padding:11px;border:0;border-radius:8px;color:#ff9ba5;background:transparent;text-align:left;cursor:pointer}.subscription-menu-popover button:hover{background:rgba(255,91,106,.1)}.subscription-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px 22px}.subscription-detail{padding:15px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}.subscription-detail span{display:block;color:var(--muted);font-size:12px}.subscription-detail strong{display:block;margin-top:5px;font-size:17px}.subscription-cancelled-notice{grid-column:1/-1;padding:14px;border:1px solid rgba(255,190,80,.35);border-radius:12px;color:#ffd990;background:rgba(255,190,80,.08)}.subscription-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:rgba(2,9,17,.78);backdrop-filter:blur(7px)}.subscription-modal[hidden]{display:none}.subscription-modal-card{position:relative;width:min(520px,100%);padding:28px;border:1px solid var(--border);border-radius:20px;background:#0d1e31;box-shadow:0 28px 90px #000a}.subscription-modal-card h2{margin:10px 0 6px}.subscription-modal-card>p{color:var(--muted)}.subscription-modal-card form{display:grid;gap:10px;margin-top:20px}.subscription-modal-card textarea{padding:12px;resize:vertical}.subscription-modal-close{position:absolute;right:15px;top:14px;border:0;color:var(--muted);background:transparent;font-size:28px;cursor:pointer}.subscription-warning-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:#e24959;font-size:24px;font-weight:900}.confirmation-phrase{padding:10px;border-radius:9px;color:#ffdce0;background:rgba(226,73,89,.1);text-align:center}.subscription-modal-actions{display:flex;gap:10px;margin-top:10px}.subscription-modal-actions .btn{flex:1}.btn-danger{border:0;color:#fff;background:#d83f50}@media(max-width:650px){.subscription-status{grid-template-columns:1fr;padding:0 16px 16px}.subscription-modal-card{padding:22px}.subscription-modal-actions{flex-direction:column-reverse}}