.pay,.stats-page,.feedback-page{width:min(1040px,calc(100% - 2rem));margin:2vh auto 6vh}
.feedback-page{width:min(640px,calc(100% - 2rem))}
.feedback-page .auth-box{margin-top:1.2rem}
.feedback-page textarea{width:100%;min-height:160px;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:.9rem 1rem;font:inherit;outline:none;resize:vertical}
.feedback-page textarea:focus{border-color:rgba(30,200,165,.65);box-shadow:0 0 0 4px rgba(30,200,165,.12)}
.banner.ok{color:#0f9f6e}
.pay{display:grid;grid-template-columns:1fr minmax(280px,440px);gap:28px;align-items:start}
.pay-card{background:#fff;border:1px solid #fff;border-radius:24px;padding:1.35rem 1.35rem 1.2rem;box-shadow:0 18px 40px rgba(16,36,31,.08)}
.pay-kicker{font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mint)}
.pay-card h2{margin-top:.35rem;font-size:1.65rem;letter-spacing:-.04em}
.download-row{margin-top:1.1rem}
.download-row .btn-dark,.download-row .btn-dark:visited{color:#f4faf7}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1.1rem}
.plan{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:84px;justify-content:center;padding:.85rem 1rem;border-radius:16px;border:1.5px solid var(--line);background:#f7faf8;color:var(--ink);font:inherit;font-weight:700;text-align:left;cursor:pointer}
.plan b{font-size:.92rem}
.plan strong{font-size:1.25rem;letter-spacing:-.04em}
.plan.on{border-color:#1ec8a5;background:#e9faf5;box-shadow:0 0 0 4px rgba(30,200,165,.12)}
.mail{display:flex;flex-direction:column;gap:7px;margin-top:14px}
.mail span{font-size:.82rem;font-weight:700;color:var(--mute)}
.mail input{width:100%;border:1.5px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:.9rem 1rem;font:inherit;outline:none}
.mail input:focus{border-color:rgba(30,200,165,.65);box-shadow:0 0 0 4px rgba(30,200,165,.12)}
.pay-card .btn{margin-top:14px}
.pay-card .btn-dark:hover{background:#1a3830}
.btn-year{display:flex;width:100%;margin-top:8px;background:transparent;color:var(--ink);border:1.5px solid var(--line);border-radius:14px;padding:.7rem 1rem;font:inherit;font-weight:700;cursor:pointer}
.promo-row{display:flex;gap:8px}
.promo-row input{flex:1}
.promo-row .btn-year{width:auto;margin-top:0;white-space:nowrap}
.pay-error{margin-top:8px;color:var(--mute);font-size:.9rem;font-weight:600}
.pay-terms{margin-top:12px;color:var(--mute);font-size:.9rem;line-height:1.45;font-weight:600}
body.in-app .download-row{display:none}
.promo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.promo-actions .btn{margin-top:0}
.btn-year:hover{border-color:#1ec8a5}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1.2rem 0}
.stat{background:rgba(255,255,255,.82);border:1px solid #fff;border-radius:18px;padding:1rem 1.05rem;box-shadow:0 12px 28px rgba(16,36,31,.05)}
.stat span{display:block;color:var(--mute);font-size:.82rem;font-weight:700}
.stat strong{display:block;margin-top:.25rem;font-size:1.7rem;letter-spacing:-.04em}
.table-wrap{overflow:auto;background:rgba(255,255,255,.82);border-radius:18px;border:1px solid #fff}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.row-actions button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:.35rem .55rem;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
.row-actions button.danger{color:#9c341f}
.stats-note{color:var(--mute);margin:.4rem 0 0;line-height:1.45}
.bars{display:flex;align-items:flex-end;gap:6px;height:88px;margin-top:.6rem}
.bars i{flex:1;display:block;background:#1ec8a5;border-radius:6px 6px 2px 2px;min-height:2px}
@media(max-width:900px){
  .pay,.stats-grid{grid-template-columns:1fr}
}