.employee-profile-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px}
.employee-profile-modal.hidden{display:none}
.employee-profile-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(6px)}
.employee-profile-panel{position:relative;width:min(920px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:26px;box-shadow:0 28px 80px rgba(15,23,42,.24)}
.employee-profile-header,.employee-profile-photo-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.employee-profile-header{margin-bottom:20px}
.employee-profile-photo-row{justify-content:flex-start;padding:18px;border-radius:22px;background:linear-gradient(135deg,#f3efff,#eef8ff);margin-bottom:22px}
.employee-profile-photo-shell{width:112px;height:112px;border-radius:28px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid #dbe4f1;color:#4964d9}
.employee-profile-photo-shell img{width:100%;height:100%;object-fit:cover}
.employee-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 24px}
.employee-profile-span-2{grid-column:1/-1}
.employee-profile-panel h3{margin:20px 0 6px}
.employee-profile-panel textarea{resize:vertical}
.profile-note{color:#667085;margin-top:0}
.employee-profile-actions{position:sticky;bottom:-26px;background:rgba(255,255,255,.97);padding:18px 0 4px;border-top:1px solid #e7edf6}
body.profile-modal-open{overflow:hidden}
@media(max-width:700px){.employee-profile-grid{grid-template-columns:1fr}.employee-profile-span-2{grid-column:auto}.employee-profile-photo-row{align-items:flex-start;flex-direction:column}}