.auth-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal{background:#1e1e1e;border:1px solid rgba(255,165,0,.3);border-radius:12px;padding:2rem;width:100%;max-width:420px;box-shadow:0 20px 60px #0009;position:relative}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.auth-modal-title{font-size:1.25rem;font-weight:700;color:orange}.auth-close{background:none;border:none;color:#ffffff80;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:color .2s,background .2s}.auth-close:hover{color:#fff;background:#ffffff1a}.auth-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid rgba(255,165,0,.2)}.auth-tab{flex:1;background:none;border:none;padding:.6rem 1rem;color:#ffffff80;font-size:.95rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.auth-tab.active{color:orange;border-bottom-color:orange;font-weight:600}.auth-tab:hover:not(.active){color:#fffc}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-field label{font-size:.85rem;color:#ffffffb3}.auth-field input{background:#ffffff0f;border:1px solid rgba(255,165,0,.25);border-radius:6px;padding:.6rem .75rem;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.auth-field input:focus{border-color:#ffa50099;background:#ffffff14}.auth-field input::placeholder{color:#ffffff40}.auth-error{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);border-radius:6px;padding:.6rem .75rem;color:#e74c3c;font-size:.875rem}.auth-submit{background:orange;color:#1a1a1a;border:none;border-radius:6px;padding:.7rem 1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,opacity .2s;margin-top:.25rem}.auth-submit:hover:not(:disabled){background:#ff8c00}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.user-menu{position:relative;display:flex;align-items:center}.user-btn-login{background:#ffa50026;border:2px solid rgba(255,165,0,.4);border-radius:6px;color:orange;padding:.5rem .75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.user-btn-login:hover{background:#ffa50040;border-color:#ffa500b3}.user-btn-avatar{background:#ffa50026;border:2px solid rgba(255,165,0,.4);border-radius:6px;color:orange;padding:.5rem .65rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.4rem;max-width:280px;white-space:nowrap;overflow:hidden}.user-btn-avatar span{overflow:hidden;text-overflow:ellipsis}.user-btn-avatar:hover{background:#ffa50040}.user-btn-profile-name{color:#ffa500a6;font-size:.85em;font-weight:400}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#1e1e1e;border:1px solid rgba(255,165,0,.3);border-radius:8px;min-width:220px;box-shadow:0 8px 24px #00000080;overflow:hidden;z-index:1500}@media(max-width:768px){.user-btn-avatar{max-width:none;width:100%}.user-menu{flex:1}.user-dropdown{position:fixed;top:var(--mobile-nav-height, 62px);left:0;right:0;min-width:unset;border-radius:0 0 10px 10px}}.user-dropdown-item{display:block;width:100%;background:none;border:none;padding:.65rem 1rem;text-align:left;color:#fffc;font-size:.875rem;cursor:pointer;transition:background .15s,color .15s;text-decoration:none;box-sizing:border-box}.user-dropdown-item:hover{background:#ffa5001a;color:#fff}.user-dropdown-item.danger:hover{background:#e74c3c26;color:#e74c3c}.user-dropdown-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:0}.profile-section-label{padding:.4rem 1rem .2rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffa5008c}.profile-item{padding:.1rem .5rem}.profile-row{display:flex;align-items:center;gap:.25rem}.profile-name-btn{flex:1;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;border-radius:5px;color:#fffc;font-size:.875rem;text-align:left;transition:background .15s;min-width:0}.profile-name-btn:hover{background:#ffa50014}.profile-item.active .profile-name-btn{color:orange}.profile-dot{font-size:.7rem;flex-shrink:0}.profile-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-server{font-size:.7rem;color:#ffffff59;flex-shrink:0}.profile-actions{display:flex;gap:.15rem;flex-shrink:0}.profile-action-btn{background:none;border:none;cursor:pointer;padding:.25rem .35rem;border-radius:4px;color:#ffffff4d;font-size:.8rem;line-height:1;transition:color .15s,background .15s}.profile-action-btn:hover{background:#ffa5001a;color:orange}.profile-action-btn.danger{color:#e74c3c}.profile-action-btn.danger:hover{background:#e74c3c26}.profile-edit-form,.profile-new-form{padding:.4rem .5rem;display:flex;flex-direction:column;gap:.3rem}.profile-input{background:#ffffff12;border:1px solid rgba(255,165,0,.25);border-radius:4px;color:#fff;font-size:.8rem;padding:.3rem .5rem;outline:none;width:100%;box-sizing:border-box}.profile-input:focus{border-color:#ffa50099}.profile-edit-actions{display:flex;gap:.3rem}.profile-btn-save{flex:1;background:#ffa50033;border:1px solid rgba(255,165,0,.4);border-radius:4px;color:orange;font-size:.75rem;font-weight:600;padding:.25rem .5rem;cursor:pointer;transition:background .15s}.profile-btn-save:hover{background:#ffa50059}.profile-btn-cancel{background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ffffff80;font-size:.75rem;padding:.25rem .5rem;cursor:pointer;transition:background .15s}.profile-btn-cancel:hover{background:#ffffff12}.profile-add-btn{display:block;width:100%;background:none;border:none;padding:.4rem 1rem;text-align:left;color:#ffa50099;font-size:.8rem;cursor:pointer;transition:color .15s}.profile-add-btn:hover{color:orange}.user-dropdown-admin{color:orange!important;position:relative;border-left:3px solid #ffa500;padding-left:calc(1rem - 3px);background:#ffa5000f;animation:admin-link-glow 2.4s ease-in-out infinite}.user-dropdown-admin:hover{background:#ffa50029!important;color:#ffbe44!important}@keyframes admin-link-glow{0%,to{border-left-color:#ffa50073;box-shadow:inset 3px 0 8px #ffa50000}50%{border-left-color:orange;box-shadow:inset 3px 0 12px #ffa5002e}}
