.profile-app{min-height:100vh}.profile-main{padding:26px 30px 42px}.profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.profile-title-row{display:flex;align-items:center;gap:14px}.profile-title-row h1{margin:0 0 4px;font-size:28px;color:#09264b}.profile-title-row p{margin:0;color:#6c7b91}.profile-top-actions{display:flex;gap:10px}.profile-signout{color:#d92c3a}.panel-card,.profile-card{background:#fff;border:1px solid #dce4ee;border-radius:15px;box-shadow:0 8px 28px rgba(24,49,83,.05)}.profile-hero{display:flex;align-items:center;gap:18px;padding:22px 24px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#f5f8ff)}.profile-avatar{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f2ff,#d9e8ff);color:#1168df;font-size:28px;font-weight:850}.profile-hero-copy h2{margin:0 0 4px;font-size:22px}.profile-hero-copy p{margin:0 0 8px;color:#6e7c91}.profile-role{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#5b45d8;font-size:11px;font-weight:800;text-transform:capitalize}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.profile-card{padding:22px}.profile-card-head{margin-bottom:20px}.profile-card-head h2{margin:0 0 5px;font-size:17px;color:#102743}.profile-card-head p{margin:0;color:#718096;line-height:1.45}.profile-form{display:grid;gap:16px}.profile-form label{display:grid;gap:7px}.profile-form label>span{font-weight:750;color:#35445c}.profile-form input{height:45px;border:1px solid #d8e1ec;border-radius:9px;padding:0 12px;font:inherit;color:#14253f}.profile-form input:focus{outline:3px solid rgba(22,119,242,.12);border-color:#1677f2}.profile-form-actions{display:flex;justify-content:flex-end;margin-top:2px}.profile-form-actions .save-btn{min-width:140px}.profile-details{margin:0;display:grid;grid-template-columns:1fr 1fr}.profile-details>div{padding:13px 0;border-bottom:1px solid #edf1f5}.profile-details>div:nth-child(odd){padding-right:18px}.profile-details dt{font-size:11px;color:#7a879b;margin-bottom:5px}.profile-details dd{margin:0;font-weight:750;color:#1a304e;text-transform:none}.status.active{background:#eaf8ef;color:#11813f}.preference-list{display:grid;gap:8px}.preference-list label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid #e3e9f1;border-radius:11px}.preference-list span{display:grid;gap:3px}.preference-list small{color:#738198;line-height:1.4}.preference-list input{width:20px;height:20px;accent-color:#1677f2}.profile-loading{min-height:100vh;display:grid;place-items:center;color:#66758a;font-weight:700}.profile-loading[hidden]{display:none}.toast{z-index:2200}@media(max-width:1050px){.profile-grid{grid-template-columns:1fr}.profile-details-card{grid-row:auto}}@media(max-width:760px){.profile-main{padding:18px}.profile-topbar{align-items:flex-start;flex-direction:column}.profile-top-actions{width:100%}.profile-top-actions .soft-btn{flex:1}.profile-details{grid-template-columns:1fr}.profile-details>div:nth-child(odd){padding-right:0}}


/* Profile avatar upload */
.profile-avatar{overflow:hidden;position:relative}
.profile-avatar img,.avatar-preview img{width:100%;height:100%;display:block;object-fit:cover}
.profile-avatar-card{grid-column:1/-1}
.avatar-upload-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:center}
.avatar-preview{width:112px;height:112px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e8f2ff,#d9e8ff);color:#1168df;font-size:34px;font-weight:850;border:1px solid #d6e2f0}
.avatar-dropzone{min-height:112px;border:2px dashed #c8d5e6;border-radius:14px;background:#f8faff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px;text-align:center;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.avatar-dropzone:hover,.avatar-dropzone:focus,.avatar-dropzone.is-dragging{outline:none;border-color:#1677f2;background:#eef5ff;transform:translateY(-1px)}
.avatar-dropzone.is-uploading{pointer-events:none;opacity:.68}
.avatar-drop-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e5efff;color:#1268dc;font-size:20px;font-weight:900}
.avatar-dropzone strong{color:#18314f;font-size:14px}.avatar-dropzone span{color:#718096;font-size:12px}
.avatar-upload-status{min-height:19px;margin-top:10px;color:#16834a;font-size:12px;font-weight:700}
@media(max-width:620px){.avatar-upload-layout{grid-template-columns:1fr}.avatar-preview{margin:auto}.avatar-dropzone{min-height:130px}}