:root{--dp-blue:#65a7f3;--dp-green:#8bc34a;--dp-yellow:#ffc928;--dp-pink:#df72cf;--dp-orange:#ff8d4d}
.next-payment{margin:16px 0;padding:16px;border-radius:14px;background:#eef6ff;color:#244967}.next-payment strong{font-size:14px}.next-payment p{font-size:20px;font-weight:700;margin:8px 0}.next-payment small{line-height:1.5;display:block}
.billing-choice{border:1px solid #d8e3ed;border-radius:18px;background:#fff;padding:16px;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:12px 24px}.billing-choice legend{font-weight:700;padding:0 6px}.billing-choice label{display:flex;align-items:center;gap:8px;cursor:pointer}.billing-choice input{width:18px;height:18px;accent-color:#2675c7}.billing-choice p{flex-basis:100%;margin:0;font-size:13px;color:#596b78;line-height:1.5}.renewal-card h3{margin:0 0 8px;font-size:18px}.renewal-actions{display:flex;flex-wrap:wrap;gap:10px}.renewal-actions a{text-decoration:none;color:#18232b}.renewal-actions .primary{background:#cfe5ff}.renewal-actions .cancel-renewal{background:#fff5f4;color:#963735;border:1px solid #ebc5c0}.renewal-card [role=status]:empty{display:none}.renewal-card [role=status]{color:#963735;line-height:1.5}
.account-plan-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:12px 14px;border:1px solid #dfe6ec;border-radius:16px;background:#fff;color:#18232b;font:inherit;cursor:pointer}
.account-plan-button strong{color:#2675c7}.account-plan-button span{font-size:12px;color:#6f7a82}
.billing-overlay{position:fixed;inset:0;z-index:1000;background:rgba(20,30,38,.45);display:grid;place-items:center;padding:14px;backdrop-filter:blur(8px)}
.billing-overlay.hidden{display:none}.billing-panel{width:min(100%,980px);max-height:92vh;overflow:auto;background:#f9fbfc;border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.billing-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:rgba(249,251,252,.94);border-bottom:1px solid #e7ecef;backdrop-filter:blur(14px)}
.billing-head h2{margin:0;font-size:22px}.billing-close{border:0;background:#e8eef2;width:38px;height:38px;border-radius:50%;font-size:22px;cursor:pointer}
.billing-content{padding:18px}.usage-card{background:#fff;border:1px solid #e1e8ec;border-radius:20px;padding:16px;margin-bottom:18px}.usage-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.usage-title strong{font-size:18px}.plan-badge{background:#e8f3ff;color:#2675c7;padding:5px 10px;border-radius:99px;font-weight:700}
.meter{margin-top:14px}.meter-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px;color:#5b6670}.meter-track{height:10px;background:#e8edf0;border-radius:99px;overflow:hidden}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dp-blue),var(--dp-green));width:0}.meter.images .meter-fill{background:linear-gradient(90deg,var(--dp-pink),var(--dp-yellow))}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.plan-card{position:relative;background:white;border:1px solid #dfe7eb;border-radius:22px;padding:18px;display:flex;flex-direction:column;min-height:330px}.plan-card.basic{border-top:5px solid var(--dp-green)}.plan-card.pro{border-top:5px solid var(--dp-pink)}.plan-card.free{border-top:5px solid var(--dp-blue)}.plan-card h3{margin:2px 0 4px;font-size:21px}.plan-price{font-size:28px;font-weight:800}.plan-price small{font-size:13px;font-weight:500;color:#69747c}.plan-card ul{padding-left:19px;line-height:1.55;color:#44505a;flex:1}.billing-action{border:0;border-radius:14px;padding:12px 14px;font:inherit;font-weight:700;cursor:pointer;background:#eaf1f5}.plan-card.basic .billing-action{background:var(--dp-green);color:#18310c}.plan-card.pro .billing-action{background:var(--dp-pink);color:#33122e}.billing-action:disabled{opacity:.55;cursor:not-allowed}
.packs-title{margin:24px 0 10px}.packs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pack-card{background:#fff;border:1px solid #e0e7ea;border-radius:17px;padding:14px}.pack-card b{display:block}.pack-card p{margin:6px 0 12px;color:#68737b;font-size:13px}.pack-card button{width:100%;background:#fff6cf;border:1px solid #f3d55a;border-radius:12px;padding:9px;font-weight:700;cursor:pointer}
.google-auth-button{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 12px;padding:12px;border:1px solid #d9dfe4;border-radius:12px;background:#fff;color:#263238;font:inherit;font-weight:650;cursor:pointer}.google-auth-button svg{width:19px;height:19px}.auth-divider{display:flex;align-items:center;gap:9px;color:#89939a;font-size:12px;margin:4px 0 12px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e2e7ea;flex:1}
.quota-prompt{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px;background:rgba(19,29,36,.5);backdrop-filter:blur(8px)}.quota-prompt-card{width:min(100%,420px);background:#fff;border-radius:25px;padding:24px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.25)}.quota-symbol{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:18px;background:linear-gradient(135deg,#fff2a8,#f3a6e5);font-size:27px}.quota-prompt h2{margin:0 0 8px;font-size:22px}.quota-prompt p{margin:0;color:#647079;line-height:1.5}.quota-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.quota-actions .primary{background:#65a7f3;color:#102942}
.delete-space-card{border-color:#f1c8c8;background:#fffafa}.delete-space-card p{margin:7px 0 12px;color:#7a5555;font-size:13px}.delete-space-card>div{display:flex;gap:8px;flex-wrap:wrap}.btn.danger{background:#b83232;color:#fff;border-color:#b83232}
.btn.outline-danger{background:#fff;color:#a12828;border-color:#dca8a8}.space-edit-spacer{flex:1}.space-delete-confirm{margin-top:14px;padding:14px;border:1px solid #efc2c2;border-radius:14px;background:#fff7f7;color:#592929}.space-delete-confirm p{margin:6px 0 12px;font-size:13px;color:#7a5555}.space-delete-confirm>div{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media(max-width:620px){.space-edit-actions{flex-wrap:wrap}.space-edit-spacer{display:none}.space-edit-actions .btn{flex:1 1 auto}.space-edit-actions .outline-danger{flex-basis:100%;order:3}}
@media(max-width:720px){.billing-overlay{padding:0;place-items:end center}.billing-panel{border-radius:24px 24px 0 0;max-height:94vh}.plans-grid,.packs-grid{grid-template-columns:1fr}.plan-card{min-height:auto}.billing-content{padding:14px}.billing-head{padding:15px}}

.public-offer{max-width:620px;margin:32px auto 0;padding:20px;border:1px solid #dce6df;border-radius:18px;background:#fff;text-align:left}.public-offer strong{font-size:19px}.hero .public-offer p{font-size:15px;line-height:1.55;margin:10px 0}.public-offer small{font-size:12px;line-height:1.5;color:#667068}

.plan-card.starter{border-top:5px solid var(--dp-green)}.plan-card.plus{border-top:5px solid var(--dp-blue)}.plan-card.premium{border-top:5px solid var(--dp-pink)}.public-offer{max-width:800px}.public-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-plan-price{font-size:25px;font-weight:800;margin:8px 0}.public-plan-price small{font-size:11px}.public-plans article+article{border-left:1px solid #dce6df;padding-left:18px}.hero .public-plans p{font-size:13px}@media(max-width:620px){.public-plans{grid-template-columns:1fr}.public-plans article+article{border-left:0;border-top:1px solid #dce6df;padding:16px 0 0}}

.trial-banner{margin:0 auto 18px;padding:16px 18px;max-width:760px;border:1px solid #c9ded1;border-radius:16px;background:#eef7f0;color:#224c37}.trial-banner p{margin:7px 0 12px;line-height:1.5}.trial-banner strong{display:block}.trial-banner .btn{cursor:pointer}