.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(--card-bg,#fff);border:1px solid #00000014;border-radius:12px;margin-bottom:16px;padding:20px}@media (prefers-color-scheme:dark){.settings-card{background:#1a1e29;border-color:#ffffff0f}}.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{object-fit:cover;background:#007aff1f;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{color:#007aff;background:#007aff26;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{width:100%;max-width:280px;color:inherit;background:0 0;border:1px solid #0000001f;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px}@media (prefers-color-scheme:dark){.settings-select{border-color:#ffffff1f}}.settings-select:focus{border-color:#007aff;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{cursor:pointer;background:#78788033;border-radius:100px;flex-shrink:0;width:51px;height:31px;transition:background .2s;position:relative}.settings-switch:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .15s;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0003,0 1px 2px #0000001a}.settings-toggle input:checked~.settings-switch{background:#34c759}.settings-toggle input:checked~.settings-switch:after{transform:translate(20px);box-shadow:0 2px 8px #00000040,0 1px 2px #0000001f}@media (prefers-color-scheme:dark){.settings-switch{background:#78788052}.settings-switch:after{background:#f2f2f2}}.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}.usage-bars{flex-direction:column;gap:12px;display:flex}.usage-divider{background:#0000000f;height:1px;margin:2px 0}.usage-section-title{letter-spacing:.6px;text-transform:uppercase;opacity:.45;margin:10px 0 4px;font-size:11px;font-weight:600}@media (prefers-color-scheme:dark){.usage-divider{background:#ffffff0f}}.usage-row__header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.usage-row__label{opacity:.7;font-size:12px}.usage-row__values{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:500}.usage-bar{background:#00000014;border-radius:3px;height:6px;overflow:hidden}@media (prefers-color-scheme:dark){.usage-bar{background:#ffffff14}}.usage-bar__fill{background:#007aff;border-radius:3px;min-width:2px;height:100%;transition:width .4s}.usage-bar__fill--medium{background:#ff9500}.usage-bar__fill--high{background:#ff3b30}.usage-row__detail{opacity:.5;margin-top:4px;font-size:11px}.usage-row__reset{color:var(--text-secondary,#8e8e93);align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.usage-row__reset--hit{color:#ff9500;font-weight:500}@media (prefers-color-scheme:dark){.usage-row__reset{color:#fff6}.usage-row__reset--hit{color:#ff9f0a}}.plan-modal{max-width:640px}.plan-modal .modal__actions{margin-top:10px}.plan-period-toggle{background:#0000000d;border-radius:8px;gap:4px;margin-bottom:18px;padding:3px;display:flex}@media (prefers-color-scheme:dark){.plan-period-toggle{background:#ffffff0f}}.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(--card-bg,white);box-shadow:0 1px 3px #0000001a}@media (prefers-color-scheme:dark){.plan-period-btn--active{background:#252a38}}.plan-period-badge{color:#34c759;background:#34c75926;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 #0000001a;border-radius:10px;flex-direction:column;gap:4px;padding:14px;transition:border-color .15s;display:flex}.plan-card:hover{border-color:#007aff4d}@media (prefers-color-scheme:dark){.plan-card{border-color:#ffffff14}.plan-card:hover{border-color:#0a84ff4d}}.plan-card--current{background:#007aff0a;border-color:#007aff}.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:#f5f7fb;isolation:isolate;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;box-shadow:0 1px 2px #0003,0 12px 24px -10px #0f172a73}.payment-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #00000040,0 20px 32px -12px #0f172a8c}.payment-card[data-default]{outline-offset:-2px;outline:2px solid #81c995d9}.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:#ffffffd9;align-items:center;gap:10px;display:flex}.payment-card__spacer{flex:1}.payment-card__badge{letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:600}.payment-card__wifi{color:#ffffffbf}.payment-card__middle{flex-direction:column;gap:14px;display:flex}.payment-card__chip{filter:drop-shadow(0 1px 1px #00000040);border-radius:5px;display:block}.payment-card__number{letter-spacing:.06em;color:#ffffffeb;text-shadow:0 1px 2px #00000059;align-items:baseline;gap:14px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:18px;display:flex}.payment-card__last4{color:#fff;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:#ffffff8c;font-size:9px;font-weight:500}.payment-card__holder-value{letter-spacing:.04em;color:#ffffffeb;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:#fff;text-shadow:0 1px 2px #0006;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:#fff;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:#ffffffd9;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.payment-card--visa{background:radial-gradient(120% 140% at 100% 0,#ffffff1f 0%,#0000 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,#ffffff1a 0%,#0000 55%),linear-gradient(135deg,#0d7a3e 0%,#0a5f31 60%,#063820 100%)}.payment-card--amex{background:radial-gradient(120% 140% at 100% 0,#ffffff2e 0%,#0000 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,#ffffff1a 0%,#0000 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{color:#f28b82;background:#d930251f;border:1px solid #d9302540}.btn--danger:hover:not(:disabled){background:#d930252e}.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}}