*{margin:0;padding:0;box-sizing:border-box}:root{--grey-hover: #f2f4f4}.flex-end{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.grid-center{display:grid;place-items:center}.navbar-container{padding:1rem}.menu-component .menu-content{position:relative}.menu-component .menu-content .menu-handle{cursor:pointer}.menu-component .menu-content .menu-items{position:absolute;right:0;top:120%;min-width:5rem;box-shadow:#63636333 0 2px 8px;display:flex;flex-direction:column;gap:.3rem;white-space:nowrap}.menu-component .menu-content .menu-items .menu-item{padding:.2rem .5rem;cursor:pointer}.menu-component .menu-content .menu-items .menu-item:hover{background-color:var(--grey-hover)}.users-list-container{padding:1rem;background-color:var(--grey-hover)}.users-list-container>*{margin-block:1rem}.users-list-container .loader-container{padding-block:5rem}.users-list-container .grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;justify-items:center}.users-list-container .tile-view{display:flex;flex-direction:column;gap:1rem}.users-list-container .user-card{width:300px;cursor:pointer}.users-list-container .user-card p{display:flex;align-items:center;gap:10px}.users-list-container .user-tile{width:100%}.user-details-modal .ant-modal-body{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.user-details-modal .user-data{display:flex;flex-direction:column;gap:.2rem}