.subscription-portal{max-width:1180px}.subscription-portal-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.subscription-portal-heading>div>span,.payment-proof-card small,.subscription-plan-card>small,.proof-history-card small,.proof-review-card header small{color:#316b9f;font-size:11px;letter-spacing:.11em;font-weight:800}.subscription-portal h1{margin:5px 0;color:#092d50;font-family:Georgia,serif;font-size:42px}.subscription-portal-heading p{margin:0;color:#7089a5}.portal-status{padding:14px 18px;border-radius:14px;background:#e5f8f0;color:#087653}.portal-status small,.portal-status strong{display:block}.portal-status strong{margin-top:4px;font-size:18px}.subscription-portal-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.subscription-plan-card,.payment-proof-card,.proof-history-card,.proof-review-card{border:1px solid #d8e5f0;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(14,52,83,.05)}.subscription-plan-card{padding:24px;background:linear-gradient(145deg,#123a5c,#1d6090);color:#fff}.subscription-plan-card h2{margin:8px 0 24px;font-family:Georgia,serif;font-size:32px}.subscription-plan-card dl{margin:0}.subscription-plan-card dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.18)}.subscription-plan-card dt{color:#b8d5e9}.subscription-plan-card dd{margin:0;text-align:right;font-weight:700}.payment-proof-card{padding:24px}.payment-proof-card h2,.proof-history-card h2,.proof-review-card h2{margin:5px 0;color:#092d50;font-family:Georgia,serif;font-size:27px}.payment-proof-card p{margin:0 0 16px;color:#6a86a0}.payment-proof-card form{display:grid;gap:12px}.payment-proof-card label,.proof-review-row label{display:grid;gap:6px;color:#315a7d;font-size:12px;font-weight:800}.payment-proof-card input,.payment-proof-card select,.payment-proof-card textarea,.proof-review-row textarea{box-sizing:border-box;width:100%;padding:11px;border:1px solid #c8dced;border-radius:9px;background:#fbfdff}.payment-proof-card textarea{min-height:66px}.proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-proof-card button,.proof-review-row form>button{border:0;border-radius:10px;background:#164f7d;color:#fff;padding:13px;font-weight:800;cursor:pointer}.proof-history-card{margin-top:20px;overflow:hidden}.proof-history-card header,.proof-review-card header{padding:20px 24px;border-bottom:1px solid #e6eef5}.proof-history-list article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 24px;border-bottom:1px solid #edf2f6}.proof-history-list article:last-child{border-bottom:0}.proof-history-list strong,.proof-history-list span{display:block}.proof-history-list span{margin-top:3px;color:#6f89a2;font-size:13px}.proof-history-list article>small{grid-column:1/-1;color:#b84a41;font-size:12px}.proof-status{justify-self:end;align-self:center;border-radius:999px;padding:6px 10px;font-size:11px;text-transform:uppercase}.proof-status.pending{background:#fff3d8;color:#906000}.proof-status.approved{background:#dff7ec;color:#087650}.proof-status.rejected{background:#ffe9e7;color:#b03931}.proof-review-page{max-width:1180px}.proof-review-card{overflow:hidden}.proof-review-row{display:grid;grid-template-columns:100px 1fr auto auto auto;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid #e7eff5}.proof-review-row:last-child{border-bottom:0}.proof-amount small,.proof-amount strong,.proof-client strong,.proof-client span,.proof-client small{display:block}.proof-amount strong{color:#09375f;font-size:20px}.proof-client span,.proof-client small{margin-top:3px;color:#69859f;font-size:13px}.proof-review-row>a{color:#145685;font-weight:700}.proof-review-row details{position:relative}.proof-review-row summary{cursor:pointer;color:#b33c36;font-weight:700}.proof-review-row details form{position:absolute;z-index:2;right:0;top:25px;width:240px;padding:12px;border:1px solid #f0c9c5;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(23,45,60,.18)}.proof-review-row details button{margin-top:8px;background:#b33c36}@media(max-width:760px){.subscription-portal-heading,.subscription-portal-grid{display:grid;grid-template-columns:1fr}.proof-review-row{grid-template-columns:1fr 1fr}.payment-proof-card,.subscription-plan-card{padding:18px}}
