.subscription-page,.subscription-payment-page,.platform-subscriptions{max-width:1500px;margin:0 auto}.subscription-heading{padding:1rem 0 1.5rem}.subscription-heading h1,.platform-subscriptions h1,.subscription-payment-page h1{color:#0b1e3b;font-weight:800;letter-spacing:-.035em}.subscription-heading p{max-width:800px;color:#667085}.eyebrow{display:block;margin-bottom:.55rem;color:#f47b20;font-size:.78rem;font-weight:800;letter-spacing:.14em}.subscription-current{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;padding:1.15rem 1.3rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#0b1e3b,#153d78);color:#fff;border-radius:1rem;box-shadow:0 14px 35px rgba(9,30,66,.18)}.status-dot{display:inline-block;width:.7rem;height:.7rem;margin-right:.45rem;border-radius:50%;background:#f6c344}.status-active,.status-trial{background:#32d583}.status-expired,.status-cancelled{background:#f97066}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-bottom:1.5rem}.plan-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:1px solid #dbe3ef;border-radius:1.2rem;box-shadow:0 14px 35px rgba(16,38,79,.07)}.plan-card.featured{border:2px solid #f47b20;transform:translateY(-.35rem)}.plan-popular{position:absolute;top:-.8rem;right:1rem;padding:.35rem .75rem;border-radius:2rem;background:#f47b20;color:#fff;font-size:.75rem;font-weight:800}.plan-card h2{color:#0b1e3b;font-weight:800}.plan-card>p{min-height:3rem;color:#667085}.plan-price{margin:.7rem 0;color:#10264f;font-size:1.75rem;font-weight:850}.plan-price small{color:#667085;font-size:.85rem;font-weight:500}.plan-capacity{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.plan-capacity span,.payment-channels span{padding:.35rem .55rem;border-radius:.55rem;background:#f2f5fa;color:#344054;font-size:.78rem;font-weight:700}.plan-features{flex:1;padding:0;list-style:none;color:#475467}.plan-features li{padding:.32rem 0;text-transform:capitalize}.plan-actions{display:grid;gap:.6rem}.subscription-history{border:0;border-radius:1.15rem}.payment-status{display:inline-flex;padding:.32rem .58rem;border-radius:2rem;background:#eef2f7;color:#344054;font-size:.75rem;font-weight:800}.payment-approved,.payment-active,.payment-trial{background:#dcfae6;color:#067647}.payment-proof_submitted,.payment-awaiting_proof,.payment-past_due{background:#fff1cc;color:#93370d}.payment-rejected,.payment-expired,.payment-cancelled{background:#fee4e2;color:#b42318}.payment-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:1.5rem;align-items:start}.payment-summary,.payment-process{padding:1.6rem;border:0;border-radius:1.25rem;background:#fff;box-shadow:0 14px 40px rgba(16,38,79,.08)}.payment-summary dl{margin:1.5rem 0}.payment-summary dl div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid #e7ecf3}.payment-summary dt{color:#667085}.payment-summary dd{margin:0;color:#0b1e3b;font-weight:700;text-align:right}.payment-total{display:flex;flex-direction:column;padding:1rem;border-radius:.8rem;background:#0b1e3b;color:#fff}.payment-total strong{font-size:2rem}.step-number{display:inline-grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:#f47b20;color:#fff;font-weight:800}.payment-process h2{display:inline-block;margin-left:.45rem;font-size:1.25rem;font-weight:800}.djamo-pay-cta{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;margin:1.25rem 0;padding:1.15rem;border-radius:1rem;background:linear-gradient(135deg,#00b8e6,#0875d1);color:#fff;text-decoration:none;box-shadow:0 12px 25px rgba(0,154,215,.28);transition:transform .2s,box-shadow .2s}.djamo-pay-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,154,215,.35)}.djamo-pay-icon{font-size:1.7rem}.djamo-pay-cta strong,.djamo-pay-cta small{display:block}.djamo-pay-cta strong{font-size:1.18rem}.payment-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.5rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-grid article{padding:1.25rem;border-radius:1rem;background:#fff;border:1px solid #e0e7f0;box-shadow:0 10px 25px rgba(16,38,79,.05)}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{color:#667085;font-size:.85rem}.metric-grid strong{margin-top:.4rem;color:#10264f;font-size:1.55rem}.control-note{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-left:4px solid #f47b20;background:#fff8f1;border-radius:.6rem}.subscription-review-actions{display:grid;gap:.45rem;min-width:280px}.manual-assign-form{display:grid;grid-template-columns:1.2fr .8fr 85px auto;gap:.4rem;min-width:520px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.permission-option{display:flex;gap:.55rem;align-items:flex-start;padding:.65rem;border:1px solid #e3e9f2;border-radius:.65rem}.permission-option span,.permission-option small{display:block}.permission-option small{color:#667085}.proof-modal-body{display:grid;place-items:center;max-height:78vh;background:#eef2f7}.proof-modal-body img{display:block;max-width:100%;max-height:74vh;object-fit:contain}.plan-accordion .accordion-item{overflow:hidden;margin-bottom:.75rem;border:1px solid #dde4ee!important;border-radius:.85rem!important}
@media(max-width:1100px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-current{grid-template-columns:1fr}.payment-layout{grid-template-columns:1fr}}
@media(max-width:700px){.subscription-page,.subscription-payment-page,.platform-subscriptions{padding:0}.plan-grid,.metric-grid,.permission-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.subscription-heading h1,.platform-subscriptions h1,.subscription-payment-page h1{font-size:1.75rem}.payment-summary,.payment-process,.plan-card{padding:1.1rem}.manual-assign-form{grid-template-columns:1fr;min-width:260px}.subscription-review-actions{min-width:230px}.djamo-pay-cta{padding:1rem}.payment-total strong{font-size:1.55rem}}
.payment-device-guide{display:flex;flex-direction:column;gap:.25rem;margin:1rem 0;padding:.85rem 1rem;border:1px solid #dbe7f5;border-radius:.8rem;background:#f7faff;color:#475467}.payment-device-guide strong{color:#10264f}.payment-mobile-guide{display:none}.payment-channels{align-items:center}.payment-channels small{width:100%;color:#667085;text-align:center}
@media(max-width:991.98px){.payment-mobile-guide{display:flex}.payment-desktop-guide{display:none}}