.update-avatar-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;font-family:inherit;background:rgba(0,0,0,.479);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.update-avatar-content{position:relative;background:var(--Colors-Dark-Mode-V2-90,#0E111C);border:1px solid var(--Colors-Dark-Mode-V2-70,#232636);border-radius:16px;width:90%;max-width:600px;max-height:95vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);padding-bottom:10px}.update-avatar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--Colors-Dark-Mode-V2-70,#232636)}.update-avatar-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.update-avatar-close{background:none;border:none;color:#54597C;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.update-avatar-close:hover{background:rgba(84,89,124,.1);color:#fff}.update-avatar-body{padding:24px;max-height:500px;overflow-y:auto}.update-avatar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#54597C}.update-avatar-loading p{margin-top:16px;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(57,79,240,.1);border-top-color:#394ff0;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.update-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.avatar-item{cursor:pointer;border-radius:12px;transition:all .3s ease;overflow:hidden;position:relative}.avatar-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(57,79,240,.15)}.avatar-item.selected{background:linear-gradient(135deg,rgba(57,79,240,.15),rgba(57,79,240,.05));border:2px solid #394ff0;box-shadow:0 0 0 4px rgba(57,79,240,.1)}.avatar-item.selected .avatar-image-container{border:3px solid #394ff0;box-shadow:0 0 0 2px rgba(57,79,240,.2)}.avatar-image-container{position:relative;width:100%;height:100px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:var(--Colors-Dark-Mode-V2-80,#1A1D29)}.avatar-image-container img{width:80px;height:80px;object-fit:cover;border-radius:50%;transition:transform .3s ease}.avatar-item:hover .avatar-image-container img{transform:scale(1.05)}.avatar-selected-overlay{position:absolute;bottom:4px;right:4px;width:24px;height:24px;background:linear-gradient(135deg,#394FF0,#2D3FC8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(57,79,240,.4);border:2px solid #fff;z-index:10;animation:checkmarkAppear .3s ease-out}.avatar-selected-overlay svg{color:#fff;width:14px;height:14px;stroke-width:2.5}@keyframes checkmarkAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.update-avatar-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--Colors-Dark-Mode-V2-70,#232636);margin-top:16px}.update-avatar-cancel{background:none;border:1px solid var(--Colors-Dark-Mode-V2-70,#232636);color:#54597C;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.update-avatar-cancel:hover{background:rgba(84,89,124,.05);color:#fff;border-color:#54597C}.update-avatar-confirm{background:linear-gradient(135deg,#394FF0,#2D3FC8);border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:160px}.update-avatar-confirm:hover:not(:disabled){background:linear-gradient(135deg,#2D3FC8,#394FF0);transform:translateY(-1px);box-shadow:0 4px 16px rgba(57,79,240,.3)}.update-avatar-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.update-avatar-content{width:95%;max-height:85vh}.update-avatar-body,.update-avatar-header{padding:16px}.update-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.avatar-image-container{height:80px}.avatar-image-container img{width:60px;height:60px}.avatar-selected-overlay{bottom:2px;right:2px;width:20px;height:20px}.avatar-selected-overlay svg{width:12px;height:12px}.update-avatar-footer{flex-direction:column;gap:8px}.update-avatar-cancel,.update-avatar-confirm{width:100%;justify-content:center}}.update-avatar-body::-webkit-scrollbar{width:6px}.update-avatar-body::-webkit-scrollbar-track{background:var(--Colors-Dark-Mode-V2-80,#1A1D29);border-radius:10px}.update-avatar-body::-webkit-scrollbar-thumb{background:var(--Colors-Dark-Mode-V2-70,#232636);border-radius:10px}.update-avatar-body::-webkit-scrollbar-thumb:hover{background:#394FF0}.update-avatar-grid .avatar-item{animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.update-avatar-loading{animation:pulse 2s ease-in-out infinite}