.users-management{display:flex;gap:20px;margin-top:10px}.user-form-container,.users-list-container{flex:1}.users-list-container{border-right:1px solid var(--border-color);padding-right:20px}.users-list{max-height:300px;overflow-y:auto;margin-top:10px}.user-item{padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;background-color:var(--code-bg)}.user-item:hover{background-color:var(--hover-bg)}.user-item .username{font-weight:500}.role-badge{font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:5px;color:#fff}.role-badge.role-admin{background-color:var(--primary-color)}.role-badge.role-editor{background-color:#28a745}.role-badge.role-viewer{background-color:#6c757d}.user-item .admin-badge{background-color:var(--primary-color);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:5px}.user-item .current-user-badge{background-color:var(--success-color);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:5px}.user-actions{display:flex;gap:5px}.user-actions button{border:none;background:0 0;cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center}.user-actions button:hover{background-color:var(--hover-bg)}.user-actions button svg{width:16px;height:16px;fill:currentColor}.delete-user-btn,.edit-user-btn{padding:6px;border-radius:4px;transition:all .2s ease}.edit-user-btn{color:var(--primary-color);background-color:rgba(var(--primary-rgb),.1)}.edit-user-btn:hover{background-color:rgba(var(--primary-rgb),.2);transform:scale(1.05)}.edit-user-btn svg{color:var(--primary-color);fill:var(--primary-color)!important;width:18px;height:18px}.delete-user-btn{color:var(--danger-color);background-color:rgba(220,53,69,.1)}.delete-user-btn:hover{background-color:rgba(220,53,69,.2);transform:scale(1.05)}.delete-user-btn svg{color:var(--danger-color);fill:var(--danger-color)!important;width:18px;height:18px}#password-help{display:none}#userForm{margin-top:10px}.add-user-btn{display:block;width:100%;margin-bottom:15px;padding:8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center}.add-user-btn:hover{background-color:var(--primary-hover)}