.settings-page{width:100%;max-width:760px;margin:0 auto;padding:32px}.settings-page h1{font-family:var(--font-unbounded),sans-serif;letter-spacing:.2px;margin-bottom:24px;font-size:22px;font-weight:600}.settings-card{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--text-primary)8%,transparent);border-radius:12px;margin-bottom:16px;padding:20px}.settings-card__title{font-family:var(--font-unbounded),sans-serif;letter-spacing:.4px;text-transform:uppercase;opacity:.55;margin-bottom:14px;font-size:12px;font-weight:600}.settings-profile{align-items:center;gap:14px;display:flex}.settings-profile__avatar{background:color-mix(in srgb,var(--accent-green)12%,transparent);object-fit:cover;border-radius:50%;width:56px;height:56px}.settings-profile__name{margin-bottom:2px;font-size:16px;font-weight:500}.settings-profile__email{opacity:.6;font-size:13px}.settings-badge{background:color-mix(in srgb,var(--accent-green)15%,transparent);color:var(--accent-green);border-radius:10px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.settings-field{margin-bottom:12px}.settings-field:last-child{margin-bottom:0}.settings-label{opacity:.7;margin-bottom:6px;font-size:12px;display:block}.settings-select{border:1px solid color-mix(in srgb,var(--text-primary)12%,transparent);width:100%;max-width:280px;color:inherit;background:0 0;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px}.settings-gifts{flex-direction:column;gap:8px;display:flex}.settings-gift{border:1px solid color-mix(in srgb,var(--text-primary)8%,transparent);background:color-mix(in srgb,var(--text-primary)2%,transparent);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.settings-gift__main{flex:1;min-width:0}.settings-gift__title{font-size:14px;font-weight:500}.settings-gift__meta{opacity:.6;margin-top:2px;font-size:12px}.settings-gift__status{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.settings-gift__status--PAID,.settings-gift__status--CLAIMED{background:color-mix(in srgb,var(--accent-green)15%,transparent);color:var(--accent-green)}.settings-gift__status--EXPIRED,.settings-gift__status--PENDING_PAYMENT{background:color-mix(in srgb,var(--accent-yellow)15%,transparent);color:var(--accent-yellow)}.settings-gift__copy{border:1px solid color-mix(in srgb,var(--text-primary)12%,transparent);color:inherit;cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500}@media (max-width:640px){.settings-gift{flex-wrap:wrap}.settings-gift__main{flex-basis:100%}.settings-gift__copy{margin-left:auto}}.settings-select:focus{border-color:var(--accent-green);outline:none}.settings-hint{opacity:.55;margin-top:6px;font-size:11px}.settings-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.settings-toggle input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.settings-switch{background:color-mix(in srgb,var(--text-secondary)30%,transparent);cursor:pointer;border-radius:100px;flex-shrink:0;width:51px;height:31px;transition:background .2s;position:relative}.settings-switch:after{content:"";background:var(--accent-white);width:27px;height:27px;box-shadow:0 2px 6px var(--shadow-color),0 1px 2px var(--shadow-color);border-radius:50%;transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .15s;position:absolute;top:2px;left:2px}.settings-toggle input:checked~.settings-switch{background:var(--accent-green)}.settings-toggle input:checked~.settings-switch:after{box-shadow:0 2px 8px var(--shadow-color-strong),0 1px 2px var(--shadow-color);transform:translate(20px)}.settings-model-desc{opacity:.65;max-width:400px;margin-top:8px;font-size:12.5px;line-height:1.45}.settings-actions{margin-top:20px}.usage-plan-info{align-items:baseline;gap:6px;margin-bottom:16px;display:flex}.usage-plan-name{font-family:var(--font-unbounded),sans-serif;font-size:16px;font-weight:600}.usage-plan-period{opacity:.55;font-size:13px}.usage-plan-expires{opacity:.45;margin-left:auto;font-size:12px}.plan-modal{max-width:640px}.plan-modal .modal__actions{margin-top:10px}.plan-period-toggle{background:color-mix(in srgb,var(--text-primary)5%,transparent);border-radius:8px;gap:4px;margin-bottom:18px;padding:3px;display:flex}.plan-period-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.plan-period-btn--active{background:var(--bg-card);box-shadow:0 1px 3px var(--shadow-color)}.plan-period-badge{background:color-mix(in srgb,var(--accent-green)15%,transparent);color:var(--accent-green);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px;display:grid}.plan-card{border:1px solid color-mix(in srgb,var(--text-primary)10%,transparent);border-radius:10px;flex-direction:column;gap:4px;padding:14px;transition:border-color .15s;display:flex}.plan-card:hover{border-color:color-mix(in srgb,var(--accent-green)30%,transparent)}.plan-card--current{border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green)4%,transparent)}.plan-card__name{font-family:var(--font-unbounded),sans-serif;font-size:14px;font-weight:600}.plan-card__tokens{opacity:.6;font-size:12px}.plan-card__price{margin-top:4px;font-size:15px;font-weight:600}.plan-card__yearly{opacity:.5;font-size:11px}.plan-card__per-million{opacity:.45;margin-bottom:8px;font-size:11px}.plan-card .btn{text-align:center;width:100%}@media (max-width:640px){.plan-modal{-webkit-overflow-scrolling:touch;max-height:100%;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));align-self:flex-end;overflow-y:auto;border-radius:16px 16px 0 0!important;min-height:0!important}.settings-page{padding:16px}.plan-grid{grid-template-columns:1fr 1fr;gap:8px}.plan-card{padding:12px}.plan-card__name{font-size:13px}.plan-card__price{font-size:14px}.plan-card .btn{padding:8px 10px;font-size:12px}}.payment-methods{grid-template-columns:repeat(auto-fill,minmax(280px,340px));justify-content:start;gap:20px;margin-top:8px;display:grid}.payment-method{flex-direction:column;gap:12px;min-width:0;max-width:340px;display:flex}.payment-method__switch{padding:4px 4px 0}.payment-card{aspect-ratio:1.586;color:var(--accent-white);isolation:isolate;box-shadow:0 1px 2px var(--shadow-color),0 12px 24px -10px var(--shadow-color-strong);background:linear-gradient(135deg,#1f2937 0%,#0f172a 100%);border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px 20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.payment-card:hover{box-shadow:0 2px 4px var(--shadow-color-strong),0 20px 32px -12px var(--shadow-color-strong);transform:translateY(-2px)}.payment-card[data-default]{outline:2px solid color-mix(in srgb,var(--accent-green)85%,transparent);outline-offset:-2px}.payment-card__shine{pointer-events:none;z-index:0;background:linear-gradient(115deg,#fff0 35%,#ffffff1f 50%,#fff0 65%);width:140%;height:160%;position:absolute;inset:-40% -30% auto auto}.payment-card__top,.payment-card__middle,.payment-card__bottom{z-index:1;position:relative}.payment-card__top{color:color-mix(in srgb,var(--accent-white)85%,transparent);align-items:center;gap:10px;display:flex}.payment-card__spacer{flex:1}.payment-card__badge{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--accent-white)18%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-white);border:1px solid color-mix(in srgb,var(--accent-white)25%,transparent);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:600}.payment-card__wifi{color:color-mix(in srgb,var(--accent-white)75%,transparent)}.payment-card__middle{flex-direction:column;gap:14px;display:flex}.payment-card__chip{filter:drop-shadow(0 1px 1px var(--shadow-color-strong));border-radius:5px;display:block}.payment-card__number{letter-spacing:.06em;color:color-mix(in srgb,var(--accent-white)92%,transparent);text-shadow:0 1px 2px var(--shadow-color-strong);align-items:baseline;gap:14px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:18px;display:flex}.payment-card__last4{color:var(--accent-white);font-weight:600}.payment-card__bottom{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.payment-card__holder{flex-direction:column;gap:2px;min-width:0;display:flex}.payment-card__holder-label{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--accent-white)55%,transparent);font-size:9px;font-weight:500}.payment-card__holder-value{letter-spacing:.04em;color:color-mix(in srgb,var(--accent-white)92%,transparent);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.payment-card__brand{letter-spacing:.04em;align-items:center;font-weight:700;display:inline-flex}.payment-card__brand--visa{color:var(--accent-white);text-shadow:0 1px 2px var(--shadow-color-strong);font-family:Georgia,Times New Roman,serif;font-size:22px;font-style:italic}.payment-card__brand--mir{font-family:var(--font-unbounded),sans-serif;letter-spacing:.2em;color:var(--accent-white);font-size:15px}.payment-card__brand--mc{width:46px;height:28px;position:relative}.payment-card__mc-dot{border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.payment-card__mc-dot--red{background:#eb001b;left:0}.payment-card__mc-dot--yellow{mix-blend-mode:multiply;background:#f79e1b;right:0}.payment-card__brand--text{color:color-mix(in srgb,var(--accent-white)85%,transparent);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.payment-card--visa{background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent-white)12%,transparent)0%,transparent 55%),linear-gradient(135deg,#1a2f6b 0%,#0a1744 55%,#050d2c 100%)}.payment-card--mastercard{background:radial-gradient(120% 140% at 0 100%,#f79e1b38 0%,#0000 55%),linear-gradient(135deg,#1f1f1f 0%,#2a1414 60%,#0e0e0e 100%)}.payment-card--mir{background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent-white)10%,transparent)0%,transparent 55%),linear-gradient(135deg,#0d7a3e 0%,#0a5f31 60%,#063820 100%)}.payment-card--amex{background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent-white)18%,transparent)0%,transparent 55%),linear-gradient(135deg,#2e77bc 0%,#1b4f88 60%,#0e2d55 100%)}.payment-card--unionpay{background:radial-gradient(120% 140% at 0 0,#0069b459 0%,#0000 55%),linear-gradient(135deg,#c1272d 0%,#8a1b20 60%,#0d4480 100%)}.payment-card--unknown{background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent-white)10%,transparent)0%,transparent 55%),linear-gradient(135deg,#374151 0%,#1f2937 60%,#0b1220 100%)}.payment-method__actions{flex-wrap:wrap;gap:8px;padding:0 4px;display:flex}.payment-method__actions .btn{flex:1}.btn--small{padding:6px 12px;font-size:12px}.btn--danger{background:color-mix(in srgb,var(--accent-red)12%,transparent);color:var(--accent-red);border:1px solid color-mix(in srgb,var(--accent-red)25%,transparent)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--accent-red)18%,transparent)}.btn--success{background:color-mix(in srgb,var(--accent-green)18%,transparent);color:var(--accent-green);border:1px solid color-mix(in srgb,var(--accent-green)35%,transparent)}.btn--success:hover:not(:disabled){background:color-mix(in srgb,var(--accent-green)26%,transparent)}.confirm-dialog__backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;padding:max(16px,env(safe-area-inset-top,16px))16px max(16px,env(safe-area-inset-bottom,16px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.confirm-dialog{background:var(--bg-card);border:1px solid color-mix(in srgb,var(--text-primary)8%,transparent);width:100%;max-width:460px;box-shadow:0 30px 90px var(--shadow-color-strong);border-radius:18px;margin-block:auto;padding:28px}.confirm-dialog__title{color:var(--text-primary);margin:0 0 12px;font-size:20px;font-weight:600}.confirm-dialog__body{color:var(--text-secondary);white-space:pre-line;margin:0 0 22px;font-size:14px;line-height:1.55}.confirm-dialog__actions{align-items:stretch;gap:10px;display:flex}.confirm-dialog__btn{flex:1;padding:12px 14px;font-size:14px;font-weight:600}.confirm-dialog__btn--keep{flex:1.4}.confirm-dialog__btn--continue{flex:.9;font-weight:500}.payment-card--compact{border-radius:14px;padding:14px 16px}.payment-card--compact .payment-card__number{gap:10px;font-size:15px}.payment-card--compact .payment-card__chip{width:30px;height:24px}@media (max-width:600px){.payment-methods{grid-template-columns:1fr;justify-content:stretch;gap:16px}.payment-method{max-width:100%}.payment-card__number{gap:10px;font-size:16px}}