.personal-settings-panel{background:white;border:1px solid #deebfa;border-radius:13px;padding:24px;min-height:calc(100dvh - 142px);box-sizing:border-box;color:#22436e}.personal-settings-panel>header h1{font-size:25px;color:#092b61;font-weight:600;letter-spacing:-.5px;margin:0 0 5px}.personal-settings-panel>header p{font-size:13px;color:#7b91ad;margin:0}.personal-settings-panel h1:focus{outline:none}.personal-settings-form{max-width:480px;margin-top:30px}.personal-field{display:block;font-size:13px;color:#6783a6;margin-bottom:22px;line-height:1.5}.personal-field input,.personal-field textarea,.personal-field select{display:block;box-sizing:border-box;width:100%;margin-top:5px;min-height:41px;border:1px solid #c9dcf3;border-radius:8px;padding:10px 12px;font-size:13px;background:white;color:#244a77;outline:none}.personal-field input:focus,.personal-field textarea:focus,.personal-field select:focus{border-color:#6aa1f7;box-shadow:0 0 0 2px #e9f2ff}.personal-field input::placeholder,.personal-field textarea::placeholder{color:#97a9c1}.personal-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.personal-settings-form .personal-reset{min-height:32px;font-size:12px;padding:6px 12px;margin:-7px 0 30px;border-radius:7px}.personal-photo-row{display:flex;align-items:center;gap:20px}.personal-avatar{display:grid;place-items:center;position:relative;width:88px;height:88px;flex:none;border:1px solid #d7e5f7;border-radius:50%;padding:0;background:#edf4ff;color:#4c78af;overflow:hidden}.personal-avatar>img{width:100%;height:100%;object-fit:cover}.personal-avatar>svg{width:38px;height:38px;margin-top:-9px;color:#8ca9cc}.personal-avatar>span{font-size:30px;font-weight:400;line-height:1;margin-top:-4px}.personal-camera{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:25px;height:22px;border-radius:5px;display:grid;place-items:center;background:#ffffffc9;color:#6587b0}.personal-camera svg{width:20px;height:20px}.personal-photo-row .primary-button{min-height:32px;font-size:12px;padding:7px 13px;border-radius:7px}.personal-remove{background:none;color:#4e7fc4;font-size:12px;font-weight:600;padding:7px}.personal-remove:disabled{color:#a2b3c9;cursor:default}.personal-photo-row input[hidden]{display:none}.personal-photo-help{font-size:10px;color:#96a9c2;margin:9px 0 28px}.personal-photo-error{font-size:12px;color:#c14c5c;margin:8px 0 18px}.personal-photo-error[hidden]{display:none}.personal-bio-label{position:relative;margin-bottom:28px}.personal-bio-hint{margin-left:4px;font-size:12px;color:#8b9fba}.personal-field textarea{height:133px;resize:vertical;min-height:100px;line-height:1.6;padding:22px 24px}.personal-bio-label>small{display:block;text-align:right;font-size:10px;color:#99acc4;margin-top:4px}.personal-field.personal-preference{max-width:310px;margin-bottom:29px}.personal-field>small{display:block;line-height:1.5;color:#91a4bd;font-size:11px;margin-top:5px}.personal-field select{padding-right:24px;cursor:pointer}.personal-privacy{margin-top:32px}.personal-privacy h2{font-size:20px;font-weight:500;margin:0 0 5px;color:#24446e}.personal-privacy>p{font-size:13px;color:#8298b4;margin:0 0 26px}.personal-check{display:flex;align-items:flex-start;gap:15px;color:#2b4d76;font-size:14px;line-height:1.5;cursor:pointer}.personal-check input{width:18px;height:18px;margin:3px 0 0;flex:none;accent-color:#086aff}.personal-check strong{font-size:13px;font-weight:500;display:block}.personal-check small{font-size:13px;font-weight:400;display:block;line-height:1.6;color:#8198b5;margin-top:3px}.personal-save-row{display:flex;align-items:center;gap:15px;margin-top:32px}.personal-save-row>.primary-button{min-height:40px;font-size:13px;padding:9px 16px;border-radius:8px}.personal-save-row>.primary-button:disabled{background:#e5edf9;color:#9aadc6;box-shadow:none;filter:none;cursor:default}.personal-save-row>p{font-size:12px;line-height:1.5;color:#218b73;margin:0}.personal-preview-note{font-size:11px;line-height:1.6;color:#9cadc4;margin:15px 0 0}.personal-notifications-form{max-width:540px;margin-top:32px}.personal-notifications-form>.personal-check{margin-bottom:26px}.personal-notifications-form .personal-save-row{margin-top:34px}.personal-header-photo{width:30px;height:30px;object-fit:cover;border-radius:50%}.personal-settings-panel button:focus-visible,.personal-settings-panel input[type=checkbox]:focus-visible{outline:2px solid #2880fa;outline-offset:3px}
@media(max-width:600px){.personal-settings-panel{padding:20px 16px}.personal-settings-panel>header h1{font-size:23px}.personal-name-grid{gap:12px}.personal-photo-row{gap:14px}.personal-save-row{align-items:flex-start}.personal-check{gap:11px}.personal-check small{font-size:12px}.personal-field textarea{padding:15px}.personal-field.personal-preference{max-width:100%}}