.employee-avatar-container{position:relative;transition:all .3s ease}.avatar-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.employee-avatar-container:hover .avatar-overlay{opacity:1}.avatar-overlay{top:0;left:0;right:0;bottom:0;flex-direction:column;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;z-index:1}.avatar-error-indicator,.avatar-overlay{position:absolute;display:flex;justify-content:center;align-items:center}.avatar-error-indicator{bottom:5px;right:5px;background-color:#ff4d4f;color:#fff;border-radius:50%;width:24px;height:24px;z-index:2;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,77,79,.7)}70%{box-shadow:0 0 0 10px rgba(255,77,79,0)}to{box-shadow:0 0 0 0 rgba(255,77,79,0)}}.avatar-error-message{color:#ff4d4f;font-size:.875rem;margin-top:.5rem;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.avatar-success-indicator{bottom:5px;right:5px;background-color:#52c41a;color:#fff;border-radius:50%;width:24px;height:24px;z-index:2;animation:fadeIn .5s}.avatar-success-indicator,.circular-progress-container{position:absolute;display:flex;justify-content:center;align-items:center}.circular-progress-container{top:0;left:0;width:100%;height:100%;pointer-events:none}.circular-progress{position:absolute;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.circular-progress-background{stroke-opacity:.2}.circular-progress-bar{stroke-linecap:round;transition:stroke-dasharray .3s ease;filter:drop-shadow(0 0 2px rgba(253,204,0,.6))}@keyframes glow{0%{filter:drop-shadow(0 0 2px rgba(253,204,0,.6))}50%{filter:drop-shadow(0 0 5px rgba(253,204,0,.8))}to{filter:drop-shadow(0 0 2px rgba(253,204,0,.6))}}.circular-progress-bar{animation:glow 2s infinite}.status-container{max-width:500px}.error-status-box,.info-status-box,.loading-status-box,.progress-status-box,.success-status-box{animation:slideIn .3s ease-out;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease}.error-status-box:hover,.info-status-box:hover,.loading-status-box:hover,.progress-status-box:hover,.success-status-box:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.info-status-box button:hover{transform:scale(1.1)}.info-status-box button:active{transform:scale(.95)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.status-container{margin-top:16px;margin-left:0!important}}