.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:500px;overflow-y:auto;margin-top:10px;padding-right:5px}.users-list::-webkit-scrollbar{width:6px}.users-list::-webkit-scrollbar-track{background:0 0}.users-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.users-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.user-item{padding:12px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-start;background-color:var(--bg-secondary);transition:border-color .2s}.user-item:hover{border-color:var(--primary-color);background-color:var(--bg-secondary)}.user-item .username{font-weight:500}.role-badge{font-size:.75em;padding:2px 8px;border-radius:12px;margin-left:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-admin{background-color:rgba(var(--primary-rgb),.15);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.3)}.role-badge.role-editor{background-color:rgba(40,167,69,.15);color:#28a745;border:1px solid rgba(40,167,69,.3)}.role-badge.role-viewer{background-color:rgba(108,117,125,.15);color:#aab0b5;border:1px solid rgba(108,117,125,.3)}.user-item .current-user-badge{background-color:var(--text-primary);color:var(--bg-primary);font-size:.7em;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:700}.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)}.user-info{display:flex;flex-direction:column;gap:4px}.user-main-info{display:flex;align-items:center;gap:8px}.user-groups-list{display:flex;flex-wrap:wrap;gap:4px}.user-groups-list .group-tag{font-size:.8em;background-color:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;border-radius:4px;border:1px solid var(--border-color)}.user-form-container h3,.users-list-container h3{margin-top:0;margin-bottom:15px;font-size:1.1em;color:var(--text-primary)}@media (max-width:768px){.users-management{flex-direction:column}.users-list-container{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:20px;margin-bottom:20px}.users-list{max-height:300px}.user-main-info{flex-wrap:wrap}}