.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;margin-right:4px;animation:pulse 2s infinite;}
.sync-dot.offline{background:var(--muted);animation:none;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.sync-label{font-size:11px;color:var(--muted);display:flex;align-items:center;margin-bottom:14px;}
.skeleton{background:linear-gradient(90deg,#f0ece7 25%,#e8e4df 50%,#f0ece7 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:18px;height:70px;margin-bottom:8px;}
@keyframes shimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}

.profile-overlay{position:fixed;inset:0;z-index:500;display:none;background:transparent;}
.profile-overlay.show{display:block;}
.profile-backdrop-click{position:fixed;inset:0;background:transparent;z-index:501;cursor:default;}
.profile-dropdown{position:fixed;top:60px;right:16px;background:white;border-radius:20px;padding:8px;min-width:260px;box-shadow:0 8px 40px rgba(0,0,0,0.15);border:1px solid var(--border);transform:translateY(-8px) scale(0.97);opacity:0;transition:all 0.2s cubic-bezier(0.34,1.2,0.64,1);z-index:502;}
.profile-overlay.show .profile-dropdown{transform:translateY(0) scale(1);opacity:1;}
.profile-header{padding:14px 12px 12px;border-bottom:1px solid var(--border);margin-bottom:6px;}
.profile-avatar-big{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--green));display:flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-size:18px;font-weight:900;color:white;margin-bottom:10px;}
.profile-name{font-family:'Nunito',sans-serif;font-size:15px;font-weight:900;color:var(--text);}
.profile-email{font-size:12px;color:var(--muted);margin-top:2px;}
.profile-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background 0.15s;border:none;background:none;width:100%;text-align:left;}
.profile-item:hover{background:var(--cream);}
.profile-item-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.profile-item-label{font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:var(--text);}
.profile-item.danger .profile-item-label{color:var(--red);}
.profile-item.danger:hover{background:var(--red-light);}
.profile-lang-row{display:flex;gap:6px;margin-top:4px;}
.profile-lang-btn{flex:1;padding:7px;border:2px solid var(--border);border-radius:10px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;background:white;transition:all 0.15s;}
.profile-lang-btn.active{border-color:var(--orange);color:var(--orange);background:var(--orange-light);}

.avatar-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0;}
.avatar-emoji-btn{aspect-ratio:1;border-radius:14px;border:2px solid var(--border);background:white;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s;}
.avatar-emoji-btn:hover,.avatar-emoji-btn.selected{border-color:var(--orange);background:var(--orange-light);transform:scale(1.1);}
.avatar-display{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;overflow:hidden;flex-shrink:0;}
.avatar-display img{width:100%;height:100%;object-fit:cover;}
.avatar-display.initials{background:linear-gradient(135deg,var(--orange),var(--green));font-family:'Nunito',sans-serif;font-size:18px;font-weight:900;color:white;}
.avatar-upload-btn{width:100%;padding:10px;border:2px dashed var(--border);border-radius:14px;background:transparent;cursor:pointer;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--muted);transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;}
.avatar-upload-btn:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-light);}
.avatar-section-title{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;margin-top:12px;}
.avatar-preview-big{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;overflow:hidden;margin:0 auto 12px;border:3px solid var(--border);}
.avatar-preview-big img{width:100%;height:100%;object-fit:cover;}
.avatar-preview-big.initials{background:linear-gradient(135deg,var(--orange),var(--green));font-family:'Nunito',sans-serif;font-size:28px;font-weight:900;color:white;}

.toast{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-20px);background:var(--text);color:white;padding:12px 20px;border-radius:50px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:all 0.3s;z-index:999;white-space:nowrap;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}