.subscription-page #content{max-width:1320px;margin:0 auto;padding-bottom:48px}
.subscription-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.subscription-intro h1{margin:0 0 6px;font-size:28px;letter-spacing:-.6px}
.subscription-intro p{margin:0;color:var(--muted)}
.subscription-card{padding:28px;margin-bottom:20px}
.subscription-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.subscription-eyebrow{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.3px;margin-bottom:8px}
.subscription-card h2{margin:0;font-size:22px}
.subscription-price{font-size:32px;letter-spacing:-1px;font-weight:700;margin-top:8px}
.subscription-price small{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:8px}
.subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px;margin:24px 0}
.subscription-grid dt{color:var(--muted);font-size:12px;margin-bottom:7px}
.subscription-grid dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.subscription-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line)}
.subscription-actions button{min-height:42px}
.subscription-note{font-size:13px;color:var(--muted);margin:18px 0 0}
.subscription-cancel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;margin:20px 0}
.subscription-cancel h3,.subscription-cancel p{margin:0}
.subscription-cancel p{color:var(--muted);font-size:13px;margin-top:4px}
.subscription-history-head{padding:22px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.subscription-history-head h2{font-size:18px;margin:0}
.subscription-history-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.subscription-history-scroll{overflow-x:auto;max-width:100%}
.subscription-history-scroll table{min-width:850px;width:100%}
.subscription-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;border-top:1px solid var(--line)}
.subscription-empty{padding:36px 24px;color:var(--muted);text-align:center}
.subscription-message:empty{display:none}
.subscription-message{margin:0 0 20px}
.subscription-indicator{margin:12px 16px 0;padding:14px 12px;border:1px solid #ffffff25;border-radius:8px;color:#dce7ed;background:#ffffff06;font-size:12px;flex-shrink:0}
.subscription-indicator strong{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.4}
.subscription-indicator p{line-height:1.5;margin:6px 0 8px;color:#c4d1d9}
.subscription-indicator a{color:#e1edf4;font-size:12px;text-underline-offset:3px}
.subscription-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#b5c5cf}
.subscription-indicator.green .subscription-dot{background:#68d5ac}
.subscription-indicator.amber .subscription-dot{background:#f0c16a}
.subscription-indicator.red .subscription-dot{background:#f4928b}
#subscription-confirm{max-width:480px;padding:26px}
#subscription-confirm h2{margin-top:0}
#subscription-confirm .subscription-actions{justify-content:flex-end}
.subscription-page [hidden]{display:none!important}
@media(min-width:801px){#sidebar nav{min-height:0;flex:1;overflow-y:auto}#sidebar{overflow:hidden}#sidebar footer{flex-shrink:0}}
@media(max-width:1100px){.subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.subscription-card{padding:20px}.subscription-page #content{padding-bottom:28px}.subscription-intro h1{font-size:24px}}
@media(max-width:480px){.subscription-intro,.subscription-card-head,.subscription-cancel{align-items:flex-start;flex-direction:column}.subscription-grid{grid-template-columns:1fr;gap:18px}.subscription-price{font-size:28px}.subscription-actions{flex-direction:column}.subscription-actions button{width:100%}.subscription-history-head{padding:18px}.subscription-pagination{padding:14px;gap:8px}.subscription-pagination button{padding:8px}.subscription-card{padding:18px}.subscription-intro{gap:12px}.subscription-cancel button{width:100%}}
@media print{.subscription-actions,.subscription-cancel,.subscription-pagination,#subscription-confirm{display:none}.subscription-history-scroll{overflow:visible}.subscription-history-scroll table{min-width:0}.subscription-page #content{max-width:none}}