.locker-grid-loader{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);padding-bottom:20px}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;margin-bottom:20px}.locker-item{position:relative;width:70px;height:70px;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;animation:lockerAnimation 1.5s ease-in-out infinite}.locker-item:nth-child(2n){animation-delay:.1s}.locker-item:nth-child(odd){animation-delay:.3s}.pulse-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;background-color:#3498db;border-radius:50%;transform:translate(-50%,-50%);animation:pulse 1.5s infinite}.status-message{font-size:18px;font-weight:500;color:#555;transition:opacity .5s ease-in-out,transform .5s ease-in-out;opacity:0;transform:translateY(20px);animation:fadeIn 1s forwards}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes lockerAnimation{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}