.profile-layout{display:grid;grid-template-columns:300px minmax(0,760px);align-items:start;gap:20px}.profile-summary{position:sticky;top:94px;text-align:center}.profile-avatar{display:grid;place-items:center;width:88px;height:88px;margin:5px auto 14px;border:5px solid #e2f0e7;border-radius:50%;background:linear-gradient(145deg,#27734b,#153d29);color:white;font-size:32px;font-weight:700;box-shadow:0 8px 22px #1f5d3d2b}.profile-summary h2{margin:0 0 3px}.profile-email{margin:0;color:var(--muted);overflow-wrap:anywhere}.profile-role{display:inline-flex;align-items:center;gap:6px;margin:13px 0 20px;padding:6px 10px;border-radius:999px;background:#edf6f0;color:#216440;font-size:11px;font-weight:700}.profile-role svg{width:14px}.profile-meta{padding-top:16px;border-top:1px solid var(--border);text-align:left}.profile-meta>div{display:flex;align-items:center;gap:10px;padding:9px 0}.profile-meta-icon{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:8px;background:#f1f6f2;color:var(--primary)}.profile-meta-icon svg{width:15px}.profile-meta>div>span:last-child{display:flex;min-width:0;flex-direction:column}.profile-meta small{color:var(--muted)}.profile-meta strong{font-size:12px;overflow-wrap:anywhere}.profile-form{display:flex;flex-direction:column;gap:18px}.profile-section{padding:0;overflow:hidden}.profile-section-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);background:#fafbfa}.profile-section-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e4f2e8;color:var(--primary)}.profile-section-head svg{width:18px}.profile-section-head h2,.profile-section-head p{margin:0}.profile-section-body{padding:20px}.profile-section-body>.field:last-child{margin-bottom:0}.profile-input{position:relative}.profile-input>svg{position:absolute;z-index:1;top:50%;left:11px;width:17px;transform:translateY(-50%);color:#7a877e}.profile-input input{padding-left:38px}.profile-input.readonly input{background:#f3f5f3;color:#556159}.password-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:9px;background:#f1f8f3;color:#466553;font-size:12px}.password-note svg{flex:0 0 auto;width:16px}.profile-actions{display:flex;justify-content:flex-end}.profile-actions .button{min-width:180px}@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-summary{position:static}.profile-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}}@media(max-width:650px){.profile-meta{grid-template-columns:1fr}.profile-section-head,.profile-section-body{padding:16px}.profile-actions .button{width:100%}}