.subscription-panel{--sub-bg:#fff;--sub-text:#17212b;--sub-muted:#52616e;--sub-line:#dce4e7;--sub-soft:#f4f8f5;border:1px solid var(--sub-line);background:var(--sub-bg);width:min(100%,620px);max-height:calc(100dvh - 32px);color:var(--sub-text);border-radius:20px;margin:0;padding:22px;font-size:16px;line-height:1.5;overflow:auto}.admin-subscription-panel{width:100%;max-width:none}.admin-subscription-panel .subscription-record>header{align-items:flex-start}.admin-subscription-panel .subscription-record>header>strong{white-space:nowrap;margin-top:4px}[data-theme=dark] .subscription-panel,.admin-theme-dark .subscription-panel{--sub-bg:#19212a;--sub-text:#eff4f5;--sub-muted:#b7c3ce;--sub-line:#394550;--sub-soft:#222f2b}.subscription-panel header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.subscription-panel h2{color:var(--sub-text);margin:4px 0;font-size:24px;font-weight:750}.subscription-kicker{letter-spacing:.08em;color:var(--sub-muted);font-size:12px;font-weight:800}.subscription-test-badge{color:#604700;background:#fff0ba;border-radius:99px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:750;display:inline-flex}.subscription-plan{background:linear-gradient(135deg,#f4fbf1,#fff);border:1px solid #cde6c4;border-radius:15px;align-items:center;gap:11px;margin:16px 0;padding:14px;display:flex}.subscription-plan__icon{color:#268e05;background:#e3f6da;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.subscription-plan>div{flex-direction:column;flex:1;min-width:0;display:flex}.subscription-plan strong{font-size:14px}.subscription-plan small{color:var(--sub-muted);font-size:11px;line-height:1.35}.subscription-plan>b{color:#237f08;white-space:nowrap;font-size:22px}.subscription-plan>b small{color:inherit;font-size:11px;font-weight:700;display:inline}.subscription-business-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.subscription-business-plan{background:var(--sub-soft);border:1px solid #cde6c4;border-radius:15px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.subscription-business-plan--upcoming{border-color:var(--sub-line)}.subscription-business-plan>div{align-items:center;gap:10px;display:flex}.subscription-business-plan>div>span:last-child{gap:3px;min-width:0;display:grid}.subscription-business-plan strong{font-size:15px}.subscription-business-plan small{color:var(--sub-muted);font-size:12px;line-height:1.4}.subscription-business-plan p{color:#237f08;margin:auto 0 0}.subscription-business-plan p b{font-size:26px}.subscription-business-plan>button,.subscription-business-plan>.subscription-upcoming{text-align:center;width:100%}.subscription-business-plan>button:disabled{cursor:not-allowed}.subscription-business-plan>.subscription-upcoming{background:var(--sub-line);min-height:44px;color:var(--sub-muted);border-radius:10px;place-items:center;padding:9px;font-size:12px;font-weight:700;display:grid}.subscription-panel>p{color:var(--sub-muted)}.subscription-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.subscription-summary>div{background:var(--sub-soft);border:1px solid var(--sub-line);border-radius:12px;padding:14px}.subscription-summary span,.subscription-summary strong{display:block}.subscription-summary span{color:var(--sub-muted);font-size:13px}.subscription-summary strong{margin-top:4px;font-size:16px}.subscription-panel .subscription-note{font-size:14px;line-height:1.5}.subscription-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.subscription-panel button{border:1px solid var(--sub-line);background:var(--sub-bg);min-height:44px;color:var(--sub-text);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:700}.subscription-panel button.subscription-primary{color:#fff;background:#237f08;border-color:#237f08}.subscription-panel button:disabled{opacity:.55;cursor:wait}.subscription-panel button:focus-visible,.subscription-panel summary:focus-visible{outline-offset:3px;outline:3px solid #8ace73}.subscription-panel .subscription-error{color:#a52525;background:#ffeded;border-radius:10px;padding:12px}.subscription-panel .subscription-notice{color:#205a2b;background:#e7f7ea;border-radius:10px;padding:12px}.subscription-confirm{border:1px solid var(--sub-line);background:var(--sub-soft);border-radius:12px;padding:16px}.subscription-testing{border-top:1px solid var(--sub-line);margin-top:18px}.subscription-testing>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:13px;font-weight:800;display:flex}.subscription-testing>summary span{align-items:center;gap:7px;display:flex}.subscription-testing>summary small{color:var(--sub-muted);font-size:10px;font-weight:600}.subscription-history-toggle summary{padding:10px 0}.subscription-panel summary{cursor:pointer;font-size:14px;font-weight:700}.subscription-history{padding:0;list-style:none}.subscription-history li{border-top:1px solid var(--sub-line);padding:12px 0}.subscription-history strong,.subscription-history span{font-size:14px;display:block}.subscription-history span{color:var(--sub-muted);margin-top:4px}.subscription-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.subscription-filters label{flex:1;gap:4px;min-width:140px;font-size:14px;display:grid}.subscription-panel input,.subscription-panel select,.subscription-panel textarea{border:1px solid var(--sub-line);background:var(--sub-bg);width:100%;color:var(--sub-text);font:inherit;border-radius:10px;padding:10px}.subscription-records{gap:14px;margin:20px 0;display:grid}.subscription-record{border:1px solid var(--sub-line);overflow-wrap:anywhere;border-radius:14px;padding:16px}.subscription-record h3{color:var(--sub-text);margin:0;font-size:18px}.subscription-record p{color:var(--sub-muted);margin:5px 0;font-size:14px}.subscription-record small{color:var(--sub-muted);font-size:13px;display:block}.subscription-panel .qr-close{z-index:3;float:right;place-items:center;width:40px;height:40px;min-height:40px;margin:-8px -8px 0 12px;padding:0;display:grid;position:sticky;top:0}.subscription-panel .qr-close svg{flex:none;display:block}@media (width<=650px){.subscription-business-plans{grid-template-columns:1fr}.subscription-panel{border-radius:18px;width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:18px}.admin-subscription-panel{width:100%}.subscription-summary{grid-template-columns:1fr}.subscription-actions button{flex:140px}.subscription-panel h2{font-size:22px}.subscription-plan{align-items:flex-start}.subscription-plan>b{font-size:20px}}