.user-menu{position:relative}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:rgba(15,23,42,.95);border:1px solid rgba(51,65,85,.5);border-radius:2px;box-shadow:0 10px 40px rgba(0,0,0,.4);padding:8px;z-index:1000;backdrop-filter:blur(10px)}.user-menu-item{padding:12px 16px;border-radius:2px;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:10px;border:none;background:transparent;color:var(--text-primary);font-size:14px;width:100%;text-align:left}.user-menu-item:hover{background:rgba(51,65,85,.5)}.user-menu-item:first-child{cursor:default}.user-menu-item:first-child:hover{background:transparent}.user-menu-divider{height:1px;background:rgba(51,65,85,.5);margin:8px 0}#token-expiration-warning{animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}body.login-page{background:linear-gradient(135deg,#0a1628,#1e293b)}.auth-callback-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px}.auth-callback-spinner{width:64px;height:64px;border:6px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.user-menu-dropdown{min-width:200px}}body.modern-light .user-menu-dropdown,body.modern-theme.modern-light .user-menu-dropdown{background:rgba(224,229,236,.98);border:1px solid rgba(51,65,85,.12);box-shadow:0 10px 40px rgba(0,0,0,.08)}body.modern-light .user-menu-item:hover,body.modern-theme.modern-light .user-menu-item:hover{background:rgba(0,0,0,.03)}body.modern-light .user-menu-divider,body.modern-theme.modern-light .user-menu-divider{background:rgba(51,65,85,.1)}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.profile-modal{background:rgba(10,15,26,.95);border:1px solid rgba(6,182,212,.2);border-radius:2px;width:90%;max-width:500px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 1px rgba(6,182,212,.5);animation:slideUp .3s ease-out;backdrop-filter:blur(10px)}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(6,182,212,.2)}.profile-modal-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.profile-modal-close{background:none;border:none;color:var(--text-secondary);font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease}.profile-modal-close:hover{background:rgba(51,65,85,.5);color:var(--text-primary)}.profile-modal-body{padding:24px}.profile-section{display:flex;flex-direction:column;gap:24px}.profile-avatar{display:flex;justify-content:center}.profile-avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff}.profile-info{display:flex;flex-direction:column;gap:16px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{font-size:12px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.profile-value{font-size:16px;color:var(--text-primary);padding:12px;background:rgba(10,15,26,.8);border-radius:2px;border:1px solid rgba(6,182,212,.2)}.profile-value-mono{font-family:var(--font-mono);font-size:14px}.profile-role-badge{display:inline-block;padding:4px 12px;border-radius:2px;font-size:13px;font-weight:500}.profile-role-admin{background:rgba(239,68,68,.2);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.profile-role-developer{background:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.profile-role-viewer{background:rgba(100,116,139,.2);color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.profile-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(6,182,212,.2)}.profile-btn{flex:1;padding:12px 20px;border-radius:2px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.profile-btn-primary{background:#3b82f6;color:#fff}.profile-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.profile-btn-secondary{background:rgba(51,65,85,.5);color:var(--text-primary);border:1px solid rgba(71,85,105,.5)}.profile-btn-secondary:hover{background:rgba(71,85,105,.5)}.profile-role-owner{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.profile-danger-zone{margin-top:20px;padding-top:20px;border-top:1px solid rgba(239,68,68,.2)}.profile-danger-title{font-size:14px;font-weight:600;color:#ef4444;margin-bottom:12px}.profile-danger-card{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);border-radius:2px;padding:16px}.profile-danger-card p{color:#94a3b8;font-size:13px;margin:0 0 12px}.profile-danger-error{color:#ef4444;font-size:12px;margin-bottom:8px}.profile-btn-danger{background:transparent;color:#ef4444;border:1px solid #ef4444;padding:8px 16px;border-radius:2px;cursor:pointer;font-size:13px;transition:all .2s}.profile-btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.profile-btn-danger:disabled{opacity:.4;cursor:not-allowed}.profile-btn-danger-confirm{background:#ef4444!important;color:#fff!important;animation:pulse-danger 1s infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 600px){.profile-modal{width:95%;margin:20px}.profile-modal-header h2{font-size:20px}.profile-avatar-circle{width:64px;height:64px;font-size:24px}.profile-actions{flex-direction:column}}body.modern-light .profile-modal,body.modern-theme.modern-light .profile-modal{background:rgba(224,229,236,.98);border:1px solid rgba(51,65,85,.12)}body.modern-light .profile-value,body.modern-theme.modern-light .profile-value{background:rgba(0,0,0,.02);border:1px solid rgba(51,65,85,.08)}body.modern-light .profile-danger-card,body.modern-theme.modern-light .profile-danger-card{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2)}body.modern-light .profile-danger-card p,body.modern-theme.modern-light .profile-danger-card p{color:#475569}