.auth-page{min-height:calc(100vh - 175px);display:grid;grid-template-columns:1fr;align-items:center}.auth-card{padding:17px;border-radius:18px;background:var(--card);border:1px solid rgba(255,255,255,.045);box-shadow:var(--shadow)}.auth-icon{width:48px;height:48px;border-radius:15px;background:var(--primary);display:grid;place-items:center;margin-bottom:12px}.auth-icon svg{width:24px}.auth-card>span{font-size:9px;color:var(--primary-2)}.auth-card h1{font-size:21px;margin:3px 0}.auth-card>p{font-size:10px;color:var(--muted);margin-bottom:13px}.auth-form,.settings-form{display:flex;flex-direction:column;gap:10px}.auth-form label,.settings-form label{display:block}.input-wrap,.field-with-icon{position:relative}.input-wrap svg,.field-with-icon svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;color:var(--muted)}.input-wrap input,.field-with-icon input{padding-right:34px}.auth-switch{text-align:center;margin-top:12px;color:var(--muted);font-size:10px}.auth-switch a{color:var(--primary-2);font-weight:800}.auth-visual{display:none}.auth-ball{width:110px;height:110px;border-radius:50%;border:22px solid rgba(130,124,255,.2)}
.pricing-hero{padding:21px 15px;text-align:center;border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(130,124,255,.23),transparent 50%),var(--card);border:1px solid rgba(130,124,255,.18)}.pricing-crown{width:53px;height:53px;border-radius:16px;background:var(--primary);display:grid;place-items:center;margin:0 auto 9px}.pricing-crown svg{width:27px}.pricing-hero span{font-size:9px;color:var(--primary-2)}.pricing-hero h1{font-size:23px}.pricing-hero p{font-size:10px;color:var(--muted);max-width:450px;margin:4px auto 0}.plans-grid{display:grid;grid-template-columns:1fr;gap:9px}.plan-card{padding:14px;border-radius:17px;background:var(--card);border:1px solid rgba(255,255,255,.045);position:relative;overflow:hidden}.plan-card.popular{border-color:rgba(130,124,255,.55);background:linear-gradient(145deg,rgba(130,124,255,.1),transparent 55%),var(--card)}.plan-badge{position:absolute;top:10px;left:10px;padding:4px 7px;border-radius:7px;background:var(--primary);font-size:8px;font-weight:800}.plan-icon{width:39px;height:39px;border-radius:12px;background:var(--card-3);display:grid;place-items:center}.plan-icon svg{width:19px;color:var(--primary-2)}.plan-card h2{font-size:16px;margin-top:8px}.plan-card>p{font-size:9px;color:var(--muted);min-height:29px}.plan-price{display:flex;align-items:flex-end;gap:3px;margin:8px 0}.plan-price b{font-size:28px;direction:ltr}.plan-price span{font-size:9px;color:var(--muted);margin-bottom:5px}.plan-card ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.plan-card li{display:flex;align-items:center;gap:5px;font-size:9px;color:#d5dade}.plan-card li svg{width:13px;color:var(--green)}
.checkout-layout{display:grid;grid-template-columns:1fr;gap:9px}.checkout-summary,.checkout-method,.payment-card{padding:14px}.checkout-summary{background:var(--card);border:1px solid rgba(255,255,255,.045);border-radius:17px}.checkout-summary h2{font-size:16px}.checkout-summary>p{font-size:9px;color:var(--muted)}.checkout-features{display:flex;flex-direction:column;gap:6px;margin:11px 0}.checkout-features span{display:flex;align-items:center;gap:5px;font-size:9px}.checkout-features svg{width:13px;color:var(--green)}.checkout-total{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid rgba(255,255,255,.06)}.checkout-total span{font-size:9px;color:var(--muted)}.checkout-total b{font-size:22px}.coin-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.coin-form{display:block}.coin-form input{display:none}.coin-icon{width:31px;height:31px;border-radius:10px;background:var(--card-3);display:grid;place-items:center;font-weight:900;font-size:9px}.coin-form label{padding:9px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:7px;cursor:pointer}.coin-form label div{display:flex;flex-direction:column}.coin-form label b{font-size:10px}.coin-form label small{font-size:8px;color:var(--muted)}.checkout-notice,.payment-warning{padding:9px;border-radius:11px;background:rgba(242,195,50,.06);border:1px solid rgba(242,195,50,.15);display:flex;gap:7px;color:var(--muted);font-size:8px}.checkout-notice svg,.payment-warning svg{width:16px;min-width:16px;color:var(--yellow)}.gateway-disabled{text-align:center;padding:28px 14px}.gateway-disabled svg{width:35px;color:var(--muted)}
.payment-status-head{text-align:center;padding:14px}.payment-status-icon{width:52px;height:52px;border-radius:50%;background:var(--card-3);display:grid;place-items:center;margin:0 auto 8px}.payment-status-icon svg{width:25px}.payment-status-icon.status-confirmed,.payment-status-icon.status-overpaid{background:rgba(57,184,100,.13);color:var(--green)}.payment-status-icon.status-cancelled,.payment-status-icon.status-expired{background:rgba(239,91,80,.13);color:var(--red)}.payment-status-head span{font-size:8px;color:var(--muted)}.payment-status-head h1{font-size:20px}.payment-status-head p{font-size:9px;color:var(--muted)}.payment-qr{width:180px;height:180px;margin:0 auto 10px;border-radius:13px;background:#fff;padding:8px}.payment-qr img{width:100%;height:100%;object-fit:contain}.payment-amount{text-align:center;margin-bottom:10px}.payment-amount span{display:block;font-size:8px;color:var(--muted)}.payment-amount b{font-size:21px;direction:ltr}.payment-address{padding:9px;border-radius:10px;background:#0c1012;border:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}.payment-address code{direction:ltr;text-align:left;word-break:break-all;font-size:8px;color:#dce1e4}.payment-address button{width:30px;height:30px;border-radius:8px;background:var(--card-3);display:grid;place-items:center}.payment-address svg{width:14px}.payment-details{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.payment-details div{padding:8px;border-radius:10px;background:var(--card-2);display:flex;flex-direction:column}.payment-details span{font-size:8px;color:var(--muted)}.payment-details b{font-size:10px}.payment-success{text-align:center;padding:22px}.payment-success svg{width:38px;color:var(--green)}
.account-header{padding:16px;border-radius:17px;background:linear-gradient(135deg,rgba(130,124,255,.12),transparent),var(--card);border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;gap:10px}.account-header span{font-size:9px;color:var(--primary-2)}.account-header h1{font-size:20px}.account-header p{font-size:9px;color:var(--muted)}.profile-hero{padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(130,124,255,.14),transparent 50%),var(--card);border:1px solid rgba(255,255,255,.045);display:grid;grid-template-columns:56px 1fr 35px;align-items:center;gap:9px}.profile-avatar{width:54px;height:54px;border-radius:17px;background:var(--primary);display:grid;place-items:center;font-size:22px;font-weight:900;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-copy h1{font-size:17px}.profile-copy p{font-size:9px;color:var(--muted)}.member-badge{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}.member-badge svg{width:11px}.member-badge.premium{color:var(--yellow)}.profile-bell{width:34px;height:34px;border-radius:10px;background:var(--card-3);display:grid;place-items:center;position:relative}.profile-bell svg{width:16px}.profile-bell b{position:absolute;top:-4px;left:-3px;background:var(--red);width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:8px}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.account-stats article{padding:9px;border-radius:13px;background:var(--card);border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;text-align:center}.account-stats svg{width:17px;color:var(--primary-2)}.account-stats span{font-size:8px;color:var(--muted)}.account-stats b{font-size:16px}.subscription-summary{padding:12px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px}.subscription-summary.active{border-color:rgba(130,124,255,.28)}.subscription-icon{width:40px;height:40px;border-radius:12px;background:var(--card-3);display:grid;place-items:center}.subscription-icon svg{width:20px;color:var(--yellow)}.subscription-summary span{font-size:8px;color:var(--muted)}.subscription-summary h2{font-size:14px}.subscription-summary p{font-size:8px;color:var(--muted)}.subscription-summary>a{color:var(--primary-2);font-size:9px;font-weight:800;display:flex;align-items:center}.subscription-summary>a svg{width:12px}.account-menu{background:var(--card);border-radius:17px;border:1px solid rgba(255,255,255,.04);overflow:hidden}.account-menu>a{min-height:57px;padding:8px 11px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.account-menu>a:last-child{border:0}.account-menu>a>span{width:32px;height:32px;border-radius:10px;background:var(--card-3);display:grid;place-items:center}.account-menu svg{width:16px}.account-menu div{display:flex;flex-direction:column}.account-menu b{font-size:10px}.account-menu small{font-size:8px;color:var(--muted)}.account-menu>a>svg{color:var(--muted)}.profile-grid{display:grid;grid-template-columns:1fr;gap:9px}.profile-grid .content-card,.security-card{padding:13px}.toggle-form{display:flex;flex-direction:column}.toggle-form label{min-height:53px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.toggle-form label div{display:flex;flex-direction:column}.toggle-form label b{font-size:10px}.toggle-form label span{font-size:8px;color:var(--muted);margin:0}.toggle-form input{width:35px;height:18px;accent-color:var(--primary)}.logout-row{height:43px;border-radius:12px;background:rgba(239,91,80,.08);color:#ff8d85;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800}.logout-row svg{width:15px}
.notification-list,.payment-history{display:flex;flex-direction:column;gap:7px}.notification-item,.payment-history-item{padding:10px;border-radius:13px;background:var(--card);border:1px solid rgba(255,255,255,.04);display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px}.notification-item.unread{border-color:rgba(130,124,255,.25);background:linear-gradient(135deg,rgba(130,124,255,.06),transparent),var(--card)}.notification-icon,.status-mark{width:32px;height:32px;border-radius:10px;background:var(--card-3);display:grid;place-items:center}.notification-icon svg,.status-mark svg{width:15px}.type-success,.type-payment,.status-confirmed,.status-overpaid{color:var(--green);background:rgba(57,184,100,.1)}.type-warning,.status-underpaid{color:var(--yellow);background:rgba(242,195,50,.1)}.type-danger,.status-cancelled,.status-expired{color:var(--red);background:rgba(239,91,80,.1)}.notification-item div,.payment-history-item>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.notification-item b,.payment-history-item b{font-size:10px}.notification-item p,.notification-item small,.payment-history-item small{font-size:8px;color:var(--muted)}.notification-item a,.notification-item form button,.payment-history-item>svg{width:27px;height:27px;border-radius:8px;background:var(--card-3);display:grid;place-items:center}.notification-item svg,.payment-history-item>svg{width:14px}.history-amount{text-align:left}.history-amount span{font-size:8px;color:var(--muted)}.security-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.security-meta div{padding:8px;border-radius:10px;background:var(--card-2);display:flex;flex-direction:column;align-items:center;text-align:center}.security-meta svg{width:16px;color:var(--primary-2)}.security-meta span{font-size:7px;color:var(--muted)}.security-meta b{font-size:9px;word-break:break-all}.status-card{text-align:center;padding:22px}.status-mark.standalone{width:55px;height:55px;border-radius:50%;margin:0 auto 9px}.status-card h1{font-size:20px}.status-card p{font-size:10px;color:var(--muted)}.status-until{padding:8px;border-radius:9px;background:var(--card-2);font-size:9px;margin-top:9px}

/* Payment selection and compact mobile fixes */
.coin-form label:has(input:checked){border-color:var(--primary);background:rgba(130,124,255,.08);box-shadow:inset 0 0 0 1px rgba(130,124,255,.16)}
.coin-form label:focus-within{border-color:var(--primary-2)}
.payment-amount>div{display:flex;align-items:baseline;justify-content:center;gap:5px;direction:ltr}
.payment-amount>div small{font-size:9px;color:var(--muted);font-weight:700}
.payment-card{background:var(--card);border:1px solid rgba(255,255,255,.045);border-radius:18px;box-shadow:var(--shadow)}
@media(max-width:480px){.payment-qr{width:164px;height:164px}.payment-details{grid-template-columns:1fr}.coin-options{grid-template-columns:1fr 1fr}.checkout-layout{gap:10px}}