.settings-page { min-height: 100vh; background: radial-gradient(circle at 15% 0%, #102c4d 0, transparent 34%), #070c14; color: #f5f7fb; }
.settings-shell { width: min(880px, calc(100% - 32px)); margin: 0 auto; padding: 34px 0 48px; }
.settings-header { display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 16px; margin-bottom: 24px; }
.back-link { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; color: #aab4c2; background: rgba(255,255,255,.04); }
.settings-header span { color: #5e9fdc; font: 700 10px/1 "Arial Narrow", sans-serif; letter-spacing: .2em; }.settings-header h1 { margin: 5px 0 0; font-size: 25px; }
.settings-header .local-badge { color: #8793a3; padding: 8px 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; letter-spacing: .06em; }.local-badge i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 6px; background: #36da8c; box-shadow: 0 0 8px #36da8c; }
.settings-form { display: grid; gap: 16px; }
.settings-card { border: 1px solid rgba(255,255,255,.09); border-radius: 18px; padding: 24px; background: rgba(15,23,36,.82); box-shadow: 0 18px 50px rgba(0,0,0,.2); }
.section-title { display: flex; align-items: center; gap: 12px; margin-bottom: 23px; }.section-title > b { color: #238cf5; font: 700 12px/1 "Arial Narrow", sans-serif; }.section-title h2 { font-size: 16px; margin: 0; }.section-title p { color: #536071; font: 600 8px/1 "Arial Narrow", sans-serif; letter-spacing: .16em; margin: 4px 0 0; }
.field-grid { display: grid; gap: 20px; }.two-column { grid-template-columns: 1fr 1fr; }
.field, .choice-field { min-width: 0; border: 0; padding: 0; margin: 0; }.field > span, .choice-field legend { display: block; color: #9ba6b5; font-size: 11px; font-weight: 600; margin-bottom: 9px; }
.field input { width: 100%; height: 50px; padding: 0 14px; color: #f6f8fb; background: #090f18; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; outline: none; }.field input:focus { border-color: #1687f5; box-shadow: 0 0 0 3px rgba(22,135,245,.13); }
.blue-field input:focus { border-color: var(--blue); }.red-field input:focus { border-color: var(--red); }
.segmented { height: 50px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; padding: 4px; background: #090f18; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; }.segmented.three { grid-template-columns: repeat(3, 1fr); }.segmented label { display: contents; }.segmented input { position: absolute; opacity: 0; pointer-events: none; }.segmented span { display: grid; place-items: center; color: #737f90; border-radius: 7px; font-size: 11px; cursor: pointer; }.segmented input:checked + span { color: white; background: #263345; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.settings-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 4px; }.settings-actions a { padding: 13px 22px; color: #7f8a99; font-size: 12px; }.settings-actions button { min-width: 155px; padding: 13px 20px; border: 0; border-radius: 10px; color: white; background: linear-gradient(135deg, #178af8, #0768d7); box-shadow: 0 10px 26px rgba(0,111,242,.25); cursor: pointer; font-weight: 700; }.settings-actions button span { margin-left: 14px; }
.save-notice { height: 18px; margin: -8px 2px 0; color: #43d996; text-align: right; font-size: 11px; }
@media (max-width: 620px) { .settings-shell { padding-top: 20px; }.two-column { grid-template-columns: 1fr; }.settings-header { grid-template-columns: 44px 1fr; }.settings-header .local-badge { display: none; }.settings-card { padding: 19px; } }