.profile-page { max-width:1160px; margin:0 auto; }
.profile-heading { margin-bottom:24px; }.profile-heading h1 { margin:6px 0; font-size:32px; }.profile-heading>p:last-child { color:#6b7280; font-size:14px; margin:0; }
.profile-layout { display:grid; grid-template-columns:minmax(210px,.6fr) minmax(0,2fr); gap:18px; align-items:start; }
.profile-summary,.profile-card { background:#fff; border-radius:9px; padding:24px; box-shadow:0 1px 3px #242b3812; }
.profile-summary h2 { font-size:19px; margin:16px 0 3px; overflow-wrap:anywhere; }.profile-summary p { color:#6b7280; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.profile-avatar { width:78px; height:78px; display:grid; place-items:center; overflow:hidden; border-radius:50%; color:#242b38; background:#ddff75; font-size:24px; font-weight:600; }
.profile-avatar img { width:100%; height:100%; object-fit:cover; }
.profile-photo-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:12px; }
.profile-photo-actions .outline-button { padding:8px 12px; font-size:12px; }
.profile-photo-actions > button:last-child { border:0; background:none; padding:8px 4px; color:#a40042; font-size:12px; cursor:pointer; }
.profile-photo-actions button:disabled { opacity:.5; cursor:wait; }
.profile-photo-hint { display:block; margin-top:6px; color:#6b7280; font-size:11px; }
.profile-role { display:inline-block; color:#435475; background:#f0f2f7; border-radius:4px; padding:5px 9px; font-size:11px; }
.profile-summary hr { border:0; border-top:1px solid #e2e5e9; margin:22px 0; }.profile-summary h3 { font-size:13px; }.profile-metadata { font-size:10px!important; letter-spacing:.7px; }.profile-metadata strong { display:inline-block; margin-top:6px; color:#242b38; font-size:12px; letter-spacing:0; }
.profile-sections { display:grid; gap:16px; }.profile-card h2 { margin:0 0 6px; font-size:20px; }.profile-card-heading p,.profile-note { margin:0 0 18px; color:#6b7280; font-size:12px; }
.profile-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.profile-form label,.profile-language { display:grid; gap:6px; font-size:12px; color:#586170; }.profile-form input,.profile-language select { border:1px solid #dce0e5; border-radius:6px; padding:11px; background:#fff; color:#242b38; min-width:0; width:100%; }.profile-form input[readonly] { background:#f7f8f9; color:#596272; }
.profile-form .profile-note,.profile-form .profile-actions { grid-column:1/-1; }.profile-form .profile-note { margin:0; }.profile-actions { border-top:1px solid #e2e5e9; padding-top:16px; display:flex; justify-content:flex-end; }
.profile-action-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 0; border-bottom:1px solid #e2e5e9; }.profile-action-row:last-child { border:0; padding-bottom:0; }.profile-action-row strong { font-size:13px; }.profile-action-row p { color:#6b7280; font-size:12px; line-height:1.5; margin:5px 0 0; }.profile-action-row button { flex:none; }
.profile-language { max-width:280px; }.profile-toggle { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:20px 0; font-size:13px; }.profile-toggle small { display:block; color:#6b7280; font-size:12px; margin-top:5px; }.profile-toggle input { accent-color:#242b38; width:19px; height:19px; }
.profile-feedback { padding:12px 16px; background:#e8f6d8; border-radius:6px; font-size:13px; }.profile-feedback.error { background:#ffe6ef; color:#9f134c; }
@media(max-width:950px) { .profile-layout { grid-template-columns:1fr; } }
@media(max-width:600px) { .profile-form { grid-template-columns:1fr; }.profile-action-row { align-items:flex-start; flex-direction:column; }.profile-summary,.profile-card { padding:18px; } }