.beta-settings{padding-block:38px 55px}.beta-settings-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.beta-settings-heading h1{font-size:35px;font-weight:650;margin:10px 0}.beta-settings-heading p{color:var(--city-muted);margin:0}
.beta-settings-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}.beta-settings-profile{position:sticky;top:160px;background:#f4f7fa;border:1px solid var(--city-line);border-radius:14px;padding:24px}.beta-settings-layout>aside{position:sticky;top:160px}
.beta-settings .settings-avatar{display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:var(--city-ink);color:#fff;font-family:Poppins,Arial,sans-serif;font-size:22px;font-weight:600;margin-bottom:18px}.beta-settings-profile h2{font-size:21px;font-weight:600;line-height:1.4;margin-bottom:10px}.beta-settings-character{display:inline-block;font-size:10px;color:var(--city-accent);padding:3px 8px;background:#e5edf5;border-radius:5px;font-weight:600}.beta-settings-profile p{font-size:12px;color:var(--city-muted);margin:16px 0}.beta-settings-profile .beta-text-link{font-size:12px}.beta-settings-profile nav{border-top:1px solid var(--city-line);padding-top:15px;margin-top:22px;display:flex;flex-direction:column;gap:3px}.beta-settings-profile nav a{font-size:12px;padding:10px;border-radius:7px}.beta-settings-profile nav a:hover{background:#e8eff5;color:var(--city-accent)}.beta-settings-name-help{border-top:1px solid var(--city-line);padding-top:16px;margin-top:15px;font-size:11px;color:var(--city-muted)}.beta-settings-name-help summary{cursor:pointer}.beta-settings-name-help p{font-size:11px;margin-bottom:0}
.beta-settings-panel{border:1px solid var(--city-line);background:#fff;border-radius:14px;padding:26px;margin-bottom:20px;scroll-margin-top:165px}.beta-settings-panel>header{border-bottom:1px solid var(--city-line);padding-bottom:18px;margin-bottom:22px}.beta-settings-panel h2{font-size:21px;font-weight:600;margin:8px 0 5px}.beta-settings-panel h2 small{font-family:"DM Sans",Arial,sans-serif;font-size:12px;color:var(--city-muted);font-weight:400;letter-spacing:0}.beta-settings-panel header p{font-size:13px;color:var(--city-muted);margin:0}
.beta-settings .row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.beta-settings .col-12{grid-column:span 12}.beta-settings .col-md-6{grid-column:span 6}.beta-settings .col-md-4{grid-column:span 4}.beta-settings .form-label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}.beta-settings .form-control,.beta-settings .form-select{display:block;width:100%;min-height:44px;border:1px solid #ccdae5;border-radius:8px;background:#f8fafc;color:var(--city-ink);padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5}.beta-settings .form-control:focus,.beta-settings .form-select:focus{outline:2px solid #aacde2;outline-offset:1px;border-color:var(--city-accent)}.beta-settings .text-danger{color:#a33545}.beta-settings .hint,.beta-settings .small,.beta-settings .text-muted{font-size:12px;color:var(--city-muted)}.beta-settings .mb-4{margin-bottom:22px}.beta-settings .mb-3{margin-bottom:16px}.beta-settings .mb-1{margin-bottom:5px}.beta-settings .mt-2{margin-top:8px}.beta-settings .mb-0{margin-bottom:0}.beta-settings .d-none{display:none!important}.beta-settings .alert{padding:16px 18px;border:1px solid var(--city-line);border-radius:10px;margin-bottom:20px;font-size:13px;scroll-margin-top:160px}.beta-settings .alert-success{background:#eef8f1;border-color:#bad8c5;color:#25683c}.beta-settings .alert-danger{background:#fff1f2;border-color:#e9bdc3;color:#973244}
.beta-settings .settings-notification{padding:18px;border:1px solid var(--city-line);background:#f4f7fa;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.beta-settings .settings-notification .d-flex{display:flex;gap:12px}.beta-settings .form-check-input{appearance:none;width:42px;height:24px;border-radius:20px;border:1px solid #a5b7c5;background:#c7d3dd;position:relative;cursor:pointer;flex-shrink:0;margin:0;vertical-align:middle}.beta-settings .form-check-input:before{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #062d4330}.beta-settings .form-check-input:checked{background:var(--city-accent);border-color:var(--city-accent)}.beta-settings .form-check-input:checked:before{left:21px}.beta-settings .form-check-input:focus-visible{outline:3px solid #b18321;outline-offset:3px}
.beta-settings .settings-save{display:flex;align-items:center;gap:18px;padding:18px 22px;background:#f4f7fa;border:1px solid var(--city-line);border-radius:12px}.beta-settings .settings-save-button{background:var(--city-accent);color:#fff;border:0;border-radius:8px;padding:13px 22px;font-weight:600;font-size:13px;cursor:pointer}.beta-settings .settings-save-button:hover{background:var(--city-ink)}.beta-settings .settings-save-button:disabled{opacity:.65;cursor:wait}.beta-settings-support{font-size:12px;color:var(--city-muted);margin:18px 0 0}.beta-settings [aria-invalid="true"]{border-color:#b54657!important}.beta-settings #discord-id-warning{color:#a33545}
.beta-settings .select2-container{width:100%!important;max-width:100%}.beta-settings .select2-container--default .select2-selection--single{height:44px;border-radius:8px;border-color:#ccdae5;background:#f8fafc}.beta-settings .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px;font-size:13px;color:var(--city-ink);padding-left:12px;padding-right:28px}.beta-settings .select2-container--default .select2-selection--single .select2-selection__arrow{height:42px;right:8px}.select2-dropdown{border-color:#ccdae5;font-family:"DM Sans",Arial,sans-serif;font-size:13px}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#075278}.select2-container--default .select2-search--dropdown .select2-search__field{padding:8px;border-color:#ccdae5}
@media(max-width:1000px){.beta-settings-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}.beta-settings-panel{padding:22px}.beta-settings-profile{padding:20px}}
@media(max-width:767px){.beta-settings{padding-block:25px 35px}.beta-settings-heading{align-items:flex-start;flex-direction:column;gap:15px}.beta-settings-heading h1{font-size:29px}.beta-settings-layout{grid-template-columns:1fr}.beta-settings-layout>aside,.beta-settings-profile{position:static}.beta-settings-profile nav{flex-direction:row;flex-wrap:wrap;gap:6px}.beta-settings-profile nav a{background:#e8eff5}.beta-settings-profile h2{font-size:20px}.beta-settings-panel{padding:20px;scroll-margin-top:100px}.beta-settings-panel h2{font-size:20px}.beta-settings .col-md-4,.beta-settings .col-md-6{grid-column:span 12}.beta-settings .settings-notification{align-items:flex-start}.beta-settings .settings-save{flex-wrap:wrap;padding:16px}.beta-settings .settings-save-button{flex:1}.beta-settings .alert{scroll-margin-top:100px}}