.settingsPage{min-height:100vh;color:var(--color-text-main);background:0 0;flex-direction:column;font-family:inherit;display:flex;position:relative;overflow-x:clip}.settingsBgGlow{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.settingsBgGlow1{background:radial-gradient(circle, var(--fill-2), transparent 70%);filter:blur(90px);border-radius:50%;width:600px;height:600px;position:absolute;top:-15%;right:10%}.settingsBgGlow2{background:radial-gradient(circle, var(--fill-1), transparent 70%);filter:blur(100px);border-radius:50%;width:650px;height:650px;position:absolute;bottom:5%;left:5%}.settingsNav{z-index:100;-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb, var(--color-bg-base) 88%, transparent);border-bottom:1px solid var(--color-border-subtle);transition:background-color var(--transition-smooth), border-color var(--transition-smooth);padding:12px 28px;position:sticky;top:0}.settingsNavInner{justify-content:space-between;align-items:center;gap:14px;max-width:1240px;margin:0 auto;display:flex}.settingsNavLeftGroup{align-items:center;gap:12px;display:flex}.settingsNavBrand{color:var(--color-text-main);flex-shrink:0;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.settingsNavDivider{background:var(--color-border-subtle);width:1px;height:20px}.settingsNavProjectsLink{border-radius:var(--radius-full);background:var(--fill-2);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:650;text-decoration:none;transition:all .18s;display:inline-flex}.settingsNavProjectsLink:hover{background:var(--fill-3);border-color:var(--color-border);color:var(--color-text-main)}.settingsNavActions{flex-shrink:0;align-items:center;gap:10px;display:flex}.settingsNavBuildBtn{white-space:nowrap;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:750;display:inline-flex}.settingsBackBtn{color:var(--color-text-muted);border:1px solid var(--color-border-subtle);background:var(--fill-2);white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.settingsBackBtn:hover{color:var(--color-text-main);border-color:var(--color-border);background:var(--fill-3)}.settingsNav .settingsHomeIcon{width:34px;height:34px;color:var(--color-text-muted);border-color:var(--color-border-subtle);background:var(--fill-2);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;padding:0}.settingsHomeIcon:hover{color:var(--color-text-main);background:var(--fill-3)}.settingsHamburgerBtn,.settingsDrawerHeader,.settingsDrawerBackdrop{display:none}.settingsContainer{box-sizing:border-box;grid-template-columns:270px 1fr;align-items:start;gap:28px;width:100%;max-width:1240px;margin:0 auto;padding:32px 28px 70px;display:grid;position:relative}.settingsSidebar{flex-direction:column;gap:10px;min-width:0;display:flex}@media (min-width:861px){.settingsSidebar{scrollbar-width:thin;max-height:calc(100vh - 100px);position:sticky;top:86px;overflow-y:auto}}.settingsUserMini{background:color-mix(in srgb, var(--color-surface-1) 80%, transparent);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px var(--shadow-soft);align-items:center;gap:14px;margin-bottom:8px;padding:18px;display:flex}.settingsAvatarBig{background:linear-gradient(135deg, var(--lp-mint) 0%, var(--lp-cyan) 100%);width:48px;height:48px;color:var(--lp-button-ink);box-shadow:0 4px 16px color-mix(in srgb, var(--lp-mint) 30%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex;overflow:hidden}.settingsAvatarBig img{object-fit:cover;width:100%;height:100%}.settingsUserInfo{min-width:0;overflow:hidden}.settingsUserName{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:800;overflow:hidden}.settingsUserEmail{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.settingsTabsList{flex-direction:column;gap:4px;display:flex}.settingsTabBtn{color:var(--color-text-muted);cursor:pointer;text-align:right;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:650;transition:all .16s;display:flex}.settingsTabBtn:hover{background:var(--fill-2);color:var(--color-text-main)}.settingsTabBtn.active{background:color-mix(in srgb, var(--lp-mint) 12%, transparent);border-color:color-mix(in srgb, var(--lp-mint) 25%, transparent);color:var(--color-primary);box-shadow:0 2px 12px color-mix(in srgb, var(--lp-mint) 10%, transparent)}.settingsTabIcon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.settingsContent{flex-direction:column;gap:24px;min-width:0;display:flex}.settingsCard{background:var(--color-surface-1);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--shadow-soft), inset 0 1px 0 var(--rim-light);box-sizing:border-box;border-radius:20px;padding:28px;transition:border-color .2s;position:relative}.settingsCardHeader{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.settingsCardTitle{color:var(--color-text-main);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:800;display:flex}.settingsHeaderIconWrap{background:color-mix(in srgb, var(--lp-mint) 12%, transparent);border:1px solid color-mix(in srgb, var(--lp-mint) 25%, transparent);width:32px;height:32px;color:var(--color-primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settingsCardDesc{color:var(--color-text-muted);margin:5px 0 0;font-size:13px;line-height:1.5}.settingsFormGroup{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.settingsLabel{color:var(--color-text-main);font-size:13px;font-weight:700}.settingsFieldHint{color:var(--color-text-muted);font-size:12px;line-height:1.5}.settingsInput{background:var(--fill-2);border:1px solid var(--color-border-subtle);width:100%;color:var(--color-text-main);box-sizing:border-box;border-radius:11px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:all .18s}.settingsInput.mono{font-family:var(--font-mono,monospace);letter-spacing:.02em;font-size:13px}.settingsInput:focus{border-color:var(--color-primary);background:var(--fill-3);box-shadow:0 0 0 3px color-mix(in srgb, var(--lp-mint) 15%, transparent)}.settingsInput:disabled{opacity:.65;cursor:not-allowed;background:var(--fill-1)}.settingsTokenInputWrap{align-items:center;width:100%;display:flex;position:relative}.settingsTokenInputWrap .settingsInput{padding-left:40px}.settingsTokenToggleBtn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;left:8px}.settingsTokenToggleBtn:hover{color:var(--color-text-main);background:var(--fill-2)}.settingsFormSubmit{border-top:1px solid var(--color-border-subtle);justify-content:flex-end;margin-top:24px;padding-top:16px;display:flex}.settingsCreditBox{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--lp-mint) 14%, transparent) 0%, transparent 60%), radial-gradient(circle at 0% 100%, #6366f124 0%, transparent 70%), var(--color-surface-2);border:1px solid color-mix(in srgb, var(--lp-mint) 25%, transparent);box-shadow:0 6px 24px color-mix(in srgb, var(--lp-mint) 8%, transparent);box-sizing:border-box;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:flex}.settingsCreditMain{flex-direction:column;gap:6px;display:flex}.settingsCreditTitle{color:var(--color-primary);font-size:13.5px;font-weight:750}.settingsCreditNum{color:var(--color-text-main);font-size:32px;font-weight:900;font-family:var(--font-mono,monospace);text-shadow:0 0 20px color-mix(in srgb, var(--lp-mint) 25%, transparent);align-items:baseline;gap:8px;display:flex}.settingsCreditUnit{color:var(--color-text-muted);font-size:14px;font-weight:600}.settingsPlanBadge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--lp-mint) 12%, transparent);color:var(--color-primary);border:1px solid color-mix(in srgb, var(--lp-mint) 30%, transparent);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:800;display:inline-flex}.settingsStatsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.settingsStatCard{background:var(--fill-2);border:1px solid var(--color-border-subtle);border-radius:14px;flex-direction:column;gap:8px;padding:16px 18px;transition:all .18s;display:flex}.settingsStatCard:hover{border-color:var(--color-border);background:var(--fill-3);transform:translateY(-2px)}.settingsStatHeader{align-items:center;gap:8px;display:flex}.settingsStatIconSvg{color:var(--color-primary)}.settingsStatLabel{color:var(--color-text-muted);font-size:12px;font-weight:600}.settingsStatVal{color:var(--color-text-main);font-size:22px;font-weight:900;font-family:var(--font-mono,monospace);letter-spacing:-.02em}.settingsTableWrap{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border-subtle);background:var(--fill-1);border-radius:14px;width:100%;overflow-x:auto}.settingsTable{border-collapse:collapse;text-align:right;width:100%;min-width:480px;font-size:13px}.settingsTable th{color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);background:var(--fill-2);padding:12px 16px;font-size:12px;font-weight:700}.settingsTable td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-main);padding:12px 16px}.settingsTable tr:last-child td{border-bottom:none}.settingsTable tr:hover td{background:var(--fill-2)}.settingsLedgerReason{font-weight:600}.settingsAmountBadge{font-family:var(--font-mono,monospace);border-radius:6px;align-items:center;padding:2px 8px;font-size:12px;font-weight:750;display:inline-flex}.settingsAmountBadge.positive{color:#10b981;background:#10b9811f}.settingsAmountBadge.negative{color:#ef4444;background:#ef44441f}.settingsIntegrationsForm{flex-direction:column;gap:18px;display:flex}.settingsIntegrationCard{background:var(--fill-2);border:1px solid var(--color-border-subtle);border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:border-color .18s;display:flex}.settingsIntegrationCard:hover{border-color:var(--color-border)}.settingsIntegrationTop{justify-content:space-between;align-items:center;gap:14px;display:flex}.settingsIntegrationBrand{align-items:center;gap:12px;display:flex}.settingsBrandIconWrap{background:var(--fill-3);border:1px solid var(--color-border-subtle);width:40px;height:40px;color:var(--color-text-main);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settingsBrandName{color:var(--color-text-main);margin:0 0 2px;font-size:14.5px;font-weight:800}.settingsBrandDesc{color:var(--color-text-muted);margin:0;font-size:12px}.settingsStatusDotBadge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.settingsStatusDotBadge.connected{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.settingsStatusDotBadge.connected .dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.settingsStatusDotBadge.idle{background:var(--fill-3);color:var(--color-text-muted);border:1px solid var(--color-border-subtle)}.settingsStatusDotBadge.idle .dot{background:var(--color-text-faint);border-radius:50%;width:6px;height:6px}.settingsInlineCode{background:var(--fill-3);font-family:var(--font-mono,monospace);color:var(--color-primary);border-radius:4px;padding:2px 6px;font-size:11px}.settingsModelGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.settingsModelTile{background:var(--fill-2);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:14px;outline:none;flex-direction:column;gap:8px;padding:16px;transition:all .18s;display:flex}.settingsModelTile:hover{border-color:var(--color-border);background:var(--fill-3)}.settingsModelTile.selected{background:color-mix(in srgb, var(--lp-mint) 10%, transparent);border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--lp-mint) 20%, transparent)}.settingsModelTileTop{justify-content:space-between;align-items:center;display:flex}.settingsModelProvider{text-transform:uppercase;color:var(--color-text-muted);font-size:11px;font-weight:700}.settingsSelectedCheck{color:var(--color-primary);font-size:11.5px;font-weight:800}.settingsModelName{color:var(--color-text-main);margin:0;font-size:14px;font-weight:800}.settingsModelBadge{color:var(--color-text-muted);font-size:11.5px;font-weight:600}.settingsArchGrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.settingsArchCard{background:var(--fill-2);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:14px;gap:14px;padding:18px;transition:all .18s;display:flex}.settingsArchCard:hover{border-color:var(--color-border);background:var(--fill-3)}.settingsArchCard.selected{background:color-mix(in srgb, var(--lp-mint) 10%, transparent);border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--lp-mint) 20%, transparent)}.settingsArchIcon{background:var(--fill-3);border:1px solid var(--color-border-subtle);width:40px;height:40px;color:var(--color-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settingsArchBody{flex:1;min-width:0}.settingsArchTitleRow{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.settingsArchTitleRow h4{color:var(--color-text-main);margin:0;font-size:13.5px;font-weight:800}.settingsArchBody p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.settingsSecuritySection{flex-direction:column;gap:10px;display:flex}.settingsAuthMethodCard{background:var(--fill-2);border:1px solid var(--color-border-subtle);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.settingsAuthMethodLeft{align-items:center;gap:14px;display:flex}.settingsGoogleIconWrap{background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #0000001a}.settingsAuthTitle{color:var(--color-text-main);margin:0 0 2px;font-size:14px;font-weight:800}.settingsAuthDesc{color:var(--color-text-muted);margin:0;font-size:12px}.settingsAuthBadge{color:#10b981;border-radius:var(--radius-full);white-space:nowrap;background:#10b9811f;border:1px solid #10b98140;padding:4px 10px;font-size:11.5px;font-weight:800}.settingsDangerZone{border:1px solid color-mix(in srgb, var(--color-danger) 25%, transparent);background:color-mix(in srgb, var(--color-danger) 6%, transparent);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:22px;display:flex}.settingsDangerHeader{align-items:center;gap:14px;display:flex}.settingsDangerIcon{background:color-mix(in srgb, var(--color-danger) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);width:40px;height:40px;color:var(--color-danger);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settingsDangerTitle{color:var(--color-text-main);margin:0 0 2px;font-size:14.5px;font-weight:800}.settingsDangerDesc{color:var(--color-text-muted);margin:0;font-size:12px}.settingsBtn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:750;text-decoration:none;transition:all .16s;display:inline-flex}.settingsBtnPrimary{background:linear-gradient(135deg, var(--lp-mint) 0%, var(--lp-cyan) 100%);color:var(--lp-button-ink);box-shadow:0 2px 12px color-mix(in srgb, var(--lp-mint) 25%, transparent)}.settingsBtnPrimary:hover{box-shadow:0 6px 18px color-mix(in srgb, var(--lp-mint) 40%, transparent);transform:translateY(-1px)}.settingsBtnSecondary{background:var(--fill-2);border:1px solid var(--color-border);color:var(--color-text-main)}.settingsBtnSecondary:hover{background:var(--fill-3)}.settingsBtnDanger{background:var(--color-danger);color:#fff}.settingsBtnDanger:hover{filter:brightness(1.1);transform:translateY(-1px)}.settingsToast{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-main);box-shadow:0 10px 30px var(--shadow-soft);z-index:100;direction:rtl;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:700;animation:.2s cubic-bezier(.16,1,.3,1) toastSlideUp;position:fixed;bottom:24px;right:24px}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .settingsPage{color:var(--color-text-main);background:0 0}[data-theme=light] .settingsNav{border-bottom-color:var(--lp-line-soft);background:#f1f7f5e0}[data-theme=light] .settingsInput{border-color:var(--lp-line-soft);color:var(--color-text-main);background:#fff}[data-theme=light] .settingsCard{border-color:var(--lp-line-soft);background:#fff;box-shadow:0 4px 20px #102b320a}[data-theme=light] .settingsUserMini{border-color:var(--lp-line-soft);background:#fff;box-shadow:0 4px 16px #102b320a}[data-theme=light] .settingsCreditBox{border-color:var(--lp-line);background:#f6fbf9}[data-theme=light] .settingsStatCard{border-color:var(--lp-line-soft);background:#f9faf8}[data-theme=light] .settingsTableWrap{border-color:var(--lp-line-soft);background:#fff}[data-theme=light] .settingsTable th{background:#f6fbf9}[data-theme=light] .settingsIntegrationCard,[data-theme=light] .settingsModelTile,[data-theme=light] .settingsArchCard,[data-theme=light] .settingsAuthMethodCard{border-color:var(--lp-line-soft);background:#f9faf8}@media (max-width:860px){.settingsContainer{grid-template-columns:1fr;padding:20px 16px 60px}.settingsHamburgerBtn{background:var(--fill-2);border:1px solid var(--color-border-subtle);width:34px;height:34px;color:var(--color-text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.settingsHamburgerIcon{width:18px;height:18px}.settingsSidebar{background:var(--color-surface-elevated);border-left:1px solid var(--color-border);z-index:200;width:300px;padding:20px;transition:right .25s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;right:-320px;overflow-y:auto;box-shadow:-10px 0 40px #00000080}.settingsSidebar.drawerOpen{right:0}.settingsDrawerHeader{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:16px;display:flex}.settingsDrawerTitle{color:var(--color-text-main);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.settingsDrawerCloseBtn{background:var(--fill-2);border:1px solid var(--color-border-subtle);width:30px;height:30px;color:var(--color-text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.settingsDrawerBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:190;opacity:0;pointer-events:none;background:#0009;transition:opacity .2s;display:block;position:fixed;inset:0}.settingsDrawerBackdrop.open{opacity:1;pointer-events:auto}.settingsArchGrid{grid-template-columns:1fr}}
