.settingsShell{max-width:1160px;margin:auto}.settingsHero{background:radial-gradient(at 90% 0,#2563eb24,#0000 55%),linear-gradient(120deg,#111c30,#101522);border:1px solid #284369;border-radius:24px;align-items:center;gap:24px;margin-bottom:28px;padding:36px;display:flex;position:relative;overflow:hidden}.settingsHero h2{letter-spacing:-.045em;margin:8px 0;font-size:clamp(24px,3vw,34px)}.settingsHero p{color:#aab9cf;margin:0;line-height:1.6}.settingsAvatar{color:#09152d;background:linear-gradient(135deg,#8ab6ff,#4679e7);border-radius:22px;flex-shrink:0;place-items:center;width:70px;height:70px;font-size:30px;font-weight:800;display:grid;box-shadow:0 8px 35px #347df22b}.settingsPlan{white-space:nowrap;color:#bdd4ff;background:#1b2c47;border:1px solid #37537c;border-radius:99px;align-items:center;gap:10px;margin-left:auto;padding:12px 16px;font-size:12px;text-decoration:none;display:flex}.settingsGrid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:28px;display:grid}.settingsNav{background:#101827;border:1px solid #26334a;border-radius:18px;gap:8px;padding:10px;display:grid}.settingsNav button{color:#9aaeca;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:15px 12px;font-size:13px;display:flex}.settingsNav button span{opacity:.5;margin-left:auto}.settingsNav button:hover,.settingsNav button.active{color:#d1e3ff;background:#1a2e4d;border-color:#355583}.settingsPanel{background:linear-gradient(160deg,#141e30,#101622);border:1px solid #273650;border-radius:22px;min-height:440px;padding:32px;box-shadow:0 14px 50px #0002}.settingsPanel h2{letter-spacing:-.03em;margin:14px 0 8px;font-size:25px}.settingsSectionIcon{color:#a3c8ff;background:#1b3052;border:1px solid #345581;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.settingsPanel label:not(.themeChoice):not(.settingsToggle){color:#bbcae0;gap:9px;margin:22px 0 12px;font-size:13px;display:grid}.settingsPanel input:not([type=checkbox]):not([type=radio]),.settingsPanel select{color:#e5eeff;outline-offset:4px;background:#0b1423;border:1px solid #30415f;border-radius:11px;width:100%;padding:13px 15px}.settingsPanel input[readonly]{color:#8293ad}.settingsPanel footer{color:#8ca0bd;background:0 0;border-top:1px solid #29364c;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:22px 0 0;font-size:12px;display:flex}.themeOptions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0;display:grid}.themeChoice{cursor:pointer;border:1px solid #30415e;border-radius:14px;min-width:0;padding:12px;position:relative}.themeChoice.selected{background:#1a2f51;border-color:#7caeff}.themeChoice input{accent-color:#659cff;position:absolute;top:19px;right:18px}.themeChoice b{justify-content:space-between;align-items:center;margin:12px 0 5px;font-size:13px;display:flex}.themeChoice small{color:#9caeca;font-size:11px}.themeSwatch{background:#09111f;border:1px solid #304362;border-radius:8px;align-items:end;gap:7px;height:70px;padding:12px;display:flex}.themeSwatch i{background:#487ddb;border-radius:3px;width:20%;height:60%;display:block}.themeSwatch i:nth-child(2){background:#1f3557;height:85%}.themeSwatch i:nth-child(3){background:#8db6ff;height:45%}.themeSwatch.slate{background:#28364c}.themeSwatch.contrast{background:#000;border-color:#b7cdeb}.settingsToggle{border:1px solid #2c3b54;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.settingsToggle small{color:#8ea3c0;margin-top:5px;display:block}.settingsToggle input{accent-color:#669dff;width:20px;height:20px}.settingsAction{border-bottom:1px solid #2b3850;justify-content:space-between;align-items:center;gap:22px;padding:22px 0;display:flex}.settingsAction h3{margin:0 0 7px;font-size:15px}.settingsAction p{color:#94a8c4;margin:0;font-size:13px;line-height:1.6}.settingsSuccess{color:#9be5c5;background:#112d27;border:1px solid #2f6d5a;border-radius:12px;align-items:center;gap:8px;padding:14px;font-size:13px;display:flex}.settingsPanel button,.settingsPlan{transition:background .15s,border-color .15s}.settingsShell :focus-visible{outline-offset:4px;outline:2px solid #99c0ff}@media (max-width:900px){.settingsHero{flex-wrap:wrap;padding:24px}.settingsPlan{margin-left:0}.settingsGrid{grid-template-columns:1fr}.settingsNav{grid-template-columns:repeat(2,minmax(0,1fr))}.settingsPanel{padding:24px}}@media (max-width:520px){.settingsHero{gap:16px}.settingsAvatar{border-radius:16px;width:52px;height:52px}.settingsHero h2{font-size:24px}.settingsNav{grid-template-columns:1fr 1fr}.settingsNav button{gap:6px;padding:12px 8px;font-size:11px}.settingsNav button span{display:none}.themeOptions{grid-template-columns:1fr}.themeSwatch{height:56px}.settingsPanel footer,.settingsAction{flex-direction:column;align-items:stretch}.settingsPanel{padding:20px}.settingsToggle small{font-size:11px}}